/* TrendWear LayoutPro 10 · sistema visual
   Ferramenta interna de fábrica de uniformes: interface quieta, plana e legível.
   Paleta: papel frio, tinta grafite, azul-brim como única cor de ação,
   e cores de sinal (âmbar/vermelho/verde) reservadas para prazo e status. */

:root, body.light-mode {
  --tw-bg: #f4f5f6;
  --tw-surface: #ffffff;
  --tw-surface-2: #f0f2f4;
  --tw-border: #e1e4e8;
  --tw-border-strong: #c9ced5;
  --tw-text: #16191d;
  --tw-text-2: #3d4550;
  --tw-muted: #69727e;
  --tw-accent: #1f4fd1;
  --tw-accent-hover: #1a43b3;
  --tw-accent-soft: #e9eefc;
  --tw-ok: #2f7d4f;   --tw-ok-soft: #e8f3ec;
  --tw-warn: #a35f00; --tw-warn-soft: #fbf1df;
  --tw-danger: #b8322a; --tw-danger-soft: #fbeceb;
  --tw-info: #1f4fd1; --tw-info-soft: #e9eefc;
  --tw-radius: 10px;
  --tw-radius-sm: 7px;
  --tw-shadow-pop: 0 12px 40px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .06);
  --tw-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* variáveis antigas do sistema apontando para a paleta nova */
  --bg-main: var(--tw-bg);
  --bg-sidebar: var(--tw-surface);
  --bg-card: var(--tw-surface);
  --bg-modal: var(--tw-surface);
  --bg-input: var(--tw-surface-2);
  --text-main: var(--tw-text);
  --text-muted: var(--tw-muted);
  --border-color: var(--tw-border);
  --accent-blue: var(--tw-accent);
  --accent-blue-soft: var(--tw-accent-soft);
  --shadow-soft: none;
}
body.dark-mode {
  --tw-bg: #0f1215;
  --tw-surface: #171b20;
  --tw-surface-2: #1e232a;
  --tw-border: #2a3038;
  --tw-border-strong: #3a424d;
  --tw-text: #e7eaee;
  --tw-text-2: #c0c7d0;
  --tw-muted: #8b95a2;
  --tw-accent: #5b8cff;
  --tw-accent-hover: #7aa2ff;
  --tw-accent-soft: #1a2640;
  --tw-ok: #5cc48a;   --tw-ok-soft: #14271c;
  --tw-warn: #e2a33d; --tw-warn-soft: #2c2213;
  --tw-danger: #f07167; --tw-danger-soft: #311816;
  --tw-info: #5b8cff; --tw-info-soft: #1a2640;
  --tw-shadow-pop: 0 16px 48px rgba(0, 0, 0, .5);
  --bg-main: var(--tw-bg);
  --bg-sidebar: var(--tw-surface);
  --bg-card: var(--tw-surface);
  --bg-modal: var(--tw-surface);
  --bg-input: var(--tw-surface-2);
  --text-main: var(--tw-text);
  --text-muted: var(--tw-muted);
  --border-color: var(--tw-border);
}

/* ---------- Aplainamento global do sistema legado ---------- */
body { font-family: var(--tw-font) !important; background: var(--tw-bg) !important; color: var(--tw-text); font-feature-settings: 'tnum' 1, 'cv11' 1; }
body button, body input, body select, body textarea { font-family: inherit; }
body .italic { font-style: normal !important; }
body .uppercase { text-transform: none !important; }
body [class*="tracking-"] { letter-spacing: 0 !important; }
body .font-black { font-weight: 700 !important; }
body .text-\[7px\], body .text-\[8px\] { font-size: 11px !important; line-height: 1.4 !important; }
body .text-\[9px\] { font-size: 11.5px !important; line-height: 1.45 !important; }
body .text-\[10px\] { font-size: 12px !important; }
body .text-\[11px\] { font-size: 12.5px !important; }
body [class*="bg-gradient-to"] { background-image: none !important; }
body .shadow-md, body .shadow-lg, body .shadow-xl, body .shadow-2xl, body .shadow-sm { box-shadow: none !important; }
body .modal-overlay { background: rgba(14, 18, 24, .52) !important; backdrop-filter: none !important; }
body .modal-overlay > div { box-shadow: var(--tw-shadow-pop) !important; }
body .backdrop-blur, body [class*="backdrop-blur"] { backdrop-filter: none !important; }
body .hover\:scale-110:hover, body .hover\:rotate-90:hover { transform: none !important; }
body .calc-input { border-radius: var(--tw-radius-sm) !important; font-size: 13px !important; }
body .calc-input:focus { border-color: var(--tw-accent) !important; box-shadow: 0 0 0 3px var(--tw-accent-soft) !important; outline: none; }
body .set-label { letter-spacing: 0 !important; text-transform: none !important; font-size: 12px !important; color: var(--tw-muted) !important; font-weight: 600 !important; }
body :focus-visible { outline: 2px solid var(--tw-accent); outline-offset: 2px; }
#toastMsg { background: var(--tw-text) !important; }
@media (prefers-reduced-motion: reduce) { body *, body *::before, body *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Notificações do PCP (popup do sino) */
#pcpTopNotificationsPopup .pcp-danger, #pcpTopNotificationsPopup .pcp-warn, #pcpTopNotificationsPopup .pcp-info { border-radius: var(--tw-radius-sm) !important; }
#pcpTopNotificationsPopup .text-\[10px\] { font-weight: 500 !important; }

/* Painel CRM antigo: KPIs e gráfico diário substituídos pelo painel novo */
#crmDashboardModal .crm-workspace > .grid.grid-cols-7,
#crmDashboardModal #crmRevenueChart { }
body.tw-crm-new #crmAnalyticsBlock, body.tw-crm-new #crmAnalyticsToggle,
body.tw-crm-new #crmDashboardModal .crm-workspace > .grid.grid-cols-7,
body.tw-crm-new #crmDashboardModal .crm-workspace > .crm-panel-card:has(#crmRevenueChart) { display: none !important; }

/* ---------- Componentes ---------- */
.tw-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 34px; padding: 0 14px; border-radius: var(--tw-radius-sm);
  border: 1px solid var(--tw-border-strong); background: var(--tw-surface); color: var(--tw-text);
  font: 600 13px/1 var(--tw-font); cursor: pointer; white-space: nowrap;
  transition: background .12s, border-color .12s, color .12s;
}
.tw-btn:hover { border-color: var(--tw-text-2); }
.tw-btn:disabled { opacity: .45; cursor: not-allowed; }
.tw-btn-primary { background: var(--tw-accent); border-color: var(--tw-accent); color: #fff; }
.tw-btn-primary:hover { background: var(--tw-accent-hover); border-color: var(--tw-accent-hover); }
.tw-btn-ghost { border-color: transparent; background: transparent; color: var(--tw-text-2); }
.tw-btn-ghost:hover { background: var(--tw-surface-2); border-color: transparent; }
.tw-btn-danger { color: var(--tw-danger); }
.tw-icon-btn {
  width: 34px; height: 34px; border-radius: var(--tw-radius-sm); border: 1px solid transparent;
  background: transparent; color: var(--tw-text-2); font-size: 18px; line-height: 1; cursor: pointer;
}
.tw-icon-btn:hover { background: var(--tw-surface-2); color: var(--tw-text); }
.tw-link { background: none; border: 0; padding: 0; color: var(--tw-accent); font: 600 12.5px var(--tw-font); cursor: pointer; }
.tw-link:hover { text-decoration: underline; }
.tw-input, .tw-field input, .tw-field select, .tw-field textarea {
  height: 36px; padding: 0 11px; border-radius: var(--tw-radius-sm);
  border: 1px solid var(--tw-border-strong); background: var(--tw-surface); color: var(--tw-text);
  font: 400 13.5px var(--tw-font); width: 100%;
}
.tw-field textarea { height: auto; padding: 8px 11px; resize: vertical; }
.tw-input:focus, .tw-field input:focus, .tw-field select:focus, .tw-field textarea:focus { outline: none; border-color: var(--tw-accent); box-shadow: 0 0 0 3px var(--tw-accent-soft); }
.tw-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.tw-field > span { font: 600 12px var(--tw-font); color: var(--tw-muted); }
.tw-search { max-width: 340px; }

.tw-seg { display: inline-flex; padding: 3px; gap: 2px; background: var(--tw-surface-2); border-radius: 9px; border: 1px solid var(--tw-border); }
.tw-seg > button { border: 0; background: transparent; color: var(--tw-text-2); font: 600 13px var(--tw-font); padding: 7px 13px; border-radius: 7px; cursor: pointer; white-space: nowrap; }
.tw-seg > button:hover { color: var(--tw-text); }
.tw-seg > button.active { background: var(--tw-surface); color: var(--tw-text); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 0 0 1px var(--tw-border); }
.tw-seg-sm > button { padding: 5px 10px; font-size: 12.5px; }

.tw-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; font: 600 12px var(--tw-font); white-space: nowrap; background: var(--tw-surface-2); color: var(--tw-text-2); }
.tw-pill-late { background: var(--tw-danger-soft); color: var(--tw-danger); }
.tw-pill-soon, .tw-pill-warn { background: var(--tw-warn-soft); color: var(--tw-warn); }
.tw-pill-ok, .tw-pill-done { background: var(--tw-ok-soft); color: var(--tw-ok); }
.tw-pill-done-late { background: var(--tw-surface-2); color: var(--tw-warn); }
.tw-pill-info { background: var(--tw-info-soft); color: var(--tw-info); }
.tw-tone-late { color: var(--tw-danger); } .tw-tone-soon { color: var(--tw-warn); } .tw-tone-ok, .tw-tone-done { color: var(--tw-ok); } .tw-tone-done-late { color: var(--tw-warn); }
.tw-text-danger { color: var(--tw-danger) !important; } .tw-text-ok { color: var(--tw-ok) !important; }
.tw-muted { color: var(--tw-muted); font-size: 13px; } .tw-xs { font-size: 12px; }
.tw-empty { padding: 48px 16px; text-align: center; color: var(--tw-muted); font-size: 14px; }
.tw-row-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.tw-stack { display: flex; flex-direction: column; gap: 8px; }
.tw-mb { margin-bottom: 10px; }
.tw-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.tw-gap-sm { gap: 10px; }
.tw-h4 { font: 600 13px var(--tw-font); color: var(--tw-muted); margin: 20px 0 8px; }
.tw-alert { border: 1px solid var(--tw-danger); background: var(--tw-danger-soft); color: var(--tw-danger); border-radius: var(--tw-radius-sm); padding: 10px 12px; font-size: 13px; margin-bottom: 14px; }

/* ---------- Tela cheia (PCP) ---------- */
.tw-screen { position: fixed; inset: 0; z-index: 8800; display: none; flex-direction: column; background: var(--tw-bg); color: var(--tw-text); font-family: var(--tw-font); }
.tw-screen.show { display: flex; }
.tw-topbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 12px 24px; background: var(--tw-surface); border-bottom: 1px solid var(--tw-border); }
.tw-topbar-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.tw-topbar-right { display: flex; justify-content: flex-end; gap: 8px; }
.tw-back { width: 34px; height: 34px; border-radius: var(--tw-radius-sm); border: 1px solid var(--tw-border-strong); background: var(--tw-surface); color: var(--tw-text); font-size: 16px; cursor: pointer; }
.tw-back:hover { border-color: var(--tw-text-2); }
.tw-title { font: 700 18px/1.2 var(--tw-font); margin: 0; letter-spacing: -.01em; }
.tw-summary { display: flex; gap: 14px; font-size: 12.5px; color: var(--tw-muted); margin-top: 2px; }
.tw-summary b { color: var(--tw-text); font-weight: 600; }
.tw-toolbar { display: flex; gap: 10px; align-items: center; padding: 12px 24px 0; flex-wrap: wrap; }
.tw-body { flex: 1; overflow: auto; padding: 16px 24px 32px; }

/* Trilho de etapas: é uma sequência real de produção, por isso numerado */
.tw-flow { display: grid; grid-template-columns: repeat(5, 1fr) .8fr; gap: 0; background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); overflow: hidden; margin-bottom: 18px; }
.tw-flow-item { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 16px 12px 18px; border: 0; border-right: 1px solid var(--tw-border); background: transparent; color: var(--tw-text-2); cursor: pointer; text-align: left; font-family: var(--tw-font); }
.tw-flow-item:last-child { border-right: 0; background: var(--tw-surface-2); }
.tw-flow-item:hover { background: var(--tw-surface-2); }
.tw-flow-item.active { background: var(--tw-accent-soft); color: var(--tw-accent); }
.tw-flow-item.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--tw-accent); }
.tw-flow-n { font: 700 24px/1.1 var(--tw-font); color: var(--tw-text); font-variant-numeric: tabular-nums; }
.tw-flow-item.active .tw-flow-n { color: var(--tw-accent); }
.tw-flow-l { font: 600 13px var(--tw-font); }
.tw-flow-late { position: absolute; top: 10px; right: 12px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--tw-danger); color: #fff; font: 700 11.5px/20px var(--tw-font); text-align: center; }

.tw-list-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.tw-list-head h3 { font: 700 16px var(--tw-font); margin: 0; }
.tw-list-head p { margin: 2px 0 0; font-size: 13px; color: var(--tw-muted); }

.tw-orders { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); }
.tw-order { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--tw-border); cursor: pointer; position: relative; }
.tw-order:last-child { border-bottom: 0; }
.tw-order:hover { background: var(--tw-surface-2); }
.tw-order.tone-late::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--tw-danger); }
.tw-order.tone-soon::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--tw-warn); }
.tw-order-thumb { width: 52px; height: 52px; border-radius: 8px; background: var(--tw-surface-2); border: 1px solid var(--tw-border); overflow: hidden; display: grid; place-items: center; color: var(--tw-muted); font: 700 13px var(--tw-font); }
.tw-order-thumb svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.tw-order-thumb img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.tw-order-title { display: flex; gap: 10px; align-items: baseline; min-width: 0; }
.tw-order-title b { font: 700 14px var(--tw-font); white-space: nowrap; }
.tw-order-title span { font-size: 14px; color: var(--tw-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-order-sub { font-size: 12.5px; color: var(--tw-muted); margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-order-tags { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.tw-order-actions { display: flex; gap: 4px; align-items: center; }

.tw-board { display: grid; grid-template-columns: repeat(6, minmax(190px, 1fr)); gap: 12px; align-items: start; overflow-x: auto; }
.tw-col { background: var(--tw-surface-2); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); padding: 8px; min-height: 240px; }
.tw-col header { display: flex; justify-content: space-between; padding: 4px 6px 10px; font-size: 13px; }
.tw-col header span { color: var(--tw-muted); }
.tw-card { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: 8px; padding: 9px 10px; margin-bottom: 8px; display: grid; gap: 3px; cursor: grab; font-size: 13px; }
.tw-card b { font-size: 13px; } .tw-card span { color: var(--tw-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tw-card small { color: var(--tw-muted); }
.tw-card .tw-pill { justify-self: start; margin-top: 3px; }
.tw-card.tone-late { border-left: 3px solid var(--tw-danger); } .tw-card.tone-soon { border-left: 3px solid var(--tw-warn); }
.tw-col-empty { color: var(--tw-muted); text-align: center; padding: 18px 0; }

/* Gaveta de resumo do pedido */
.tw-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(520px, 100vw); background: var(--tw-surface); border-left: 1px solid var(--tw-border); box-shadow: var(--tw-shadow-pop); transform: translateX(102%); transition: transform .22s cubic-bezier(.2, .8, .2, 1); display: flex; flex-direction: column; z-index: 8810; }
.tw-drawer.show { transform: none; }
.tw-drawer-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--tw-border); }
.tw-drawer-title b { font: 700 17px var(--tw-font); display: block; }
.tw-drawer-title span { color: var(--tw-muted); font-size: 13.5px; }
.tw-drawer-body { flex: 1; overflow: auto; padding: 16px 20px; }
.tw-drawer-foot { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--tw-border); background: var(--tw-surface); }
.tw-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--tw-border); border: 1px solid var(--tw-border); border-radius: var(--tw-radius-sm); overflow: hidden; margin-bottom: 16px; }
.tw-kv > div { background: var(--tw-surface); padding: 10px 12px; }
.tw-kv span { display: block; font-size: 12px; color: var(--tw-muted); }
.tw-kv b { font: 600 14px var(--tw-font); }
.tw-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; margin-bottom: 16px; }
.tw-thumbs img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; border: 1px solid var(--tw-border); border-radius: 8px; cursor: zoom-in; }
.tw-sec { margin-bottom: 18px; }
.tw-sec h4 { display: flex; justify-content: space-between; align-items: center; font: 600 13.5px var(--tw-font); margin: 0 0 8px; }
.tw-sec p { font-size: 13.5px; color: var(--tw-text-2); margin: 0; line-height: 1.5; }
.tw-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.tw-table th { text-align: left; font: 600 12px var(--tw-font); color: var(--tw-muted); padding: 6px 8px; border-bottom: 1px solid var(--tw-border); }
.tw-table td { padding: 8px; border-bottom: 1px solid var(--tw-border); vertical-align: top; }
.tw-table td small { display: block; color: var(--tw-muted); font-size: 12px; margin-top: 2px; }
.tw-table .r { text-align: right; font-variant-numeric: tabular-nums; }
.tw-mlist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--tw-border); border-radius: var(--tw-radius-sm); }
.tw-mlist li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 10px; border-bottom: 1px solid var(--tw-border); font-size: 13.5px; }
.tw-mlist li:last-child { border-bottom: 0; }
.tw-mlist li b { font-weight: 600; font-variant-numeric: tabular-nums; }
.tw-timeline { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
.tw-timeline li { border-top: 3px solid var(--tw-border); padding-top: 6px; font-size: 12px; color: var(--tw-muted); }
.tw-timeline li span { display: block; font-weight: 600; }
.tw-timeline li.done { border-color: var(--tw-ok); color: var(--tw-text-2); }
.tw-timeline li.now { border-color: var(--tw-accent); color: var(--tw-accent); }

/* Compras */
.tw-buy { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.tw-buy-list { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); }
.tw-buy-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--tw-border); cursor: pointer; }
.tw-buy-row:last-child { border-bottom: 0; }
.tw-buy-row:hover { background: var(--tw-surface-2); }
.tw-buy-row input { width: 16px; height: 16px; accent-color: var(--tw-accent); }
.tw-buy-mat b { display: block; font-size: 14px; font-weight: 600; }
.tw-buy-mat small { color: var(--tw-muted); font-size: 12.5px; }
.tw-buy-qty { font: 600 14px var(--tw-font); font-variant-numeric: tabular-nums; }
.tw-buy-cart { position: sticky; top: 0; background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.tw-buy-cart h4 { margin: 0; font: 700 15px var(--tw-font); }
.tw-buy-total { display: flex; justify-content: space-between; align-items: baseline; padding-top: 10px; border-top: 1px solid var(--tw-border); color: var(--tw-muted); font-size: 13px; }
.tw-buy-total b { color: var(--tw-text); font-size: 18px; }

/* Cadastros */
.tw-panel { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); padding: 18px; }
.tw-panel > header { margin-bottom: 14px; }
.tw-panel > header h3 { margin: 0; font: 700 16px var(--tw-font); }
.tw-panel > header p { margin: 3px 0 0; color: var(--tw-muted); font-size: 13px; }
.tw-form { display: flex; flex-direction: column; gap: 12px; }
.tw-form.tw-inline { flex-direction: row; align-items: flex-end; flex-wrap: wrap; margin-top: 14px; }
.tw-form.tw-inline .tw-field { flex: 1; min-width: 150px; }
.tw-reg-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--tw-border); border-radius: var(--tw-radius-sm); }
.tw-reg-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 12px; border-bottom: 1px solid var(--tw-border); }
.tw-reg-list li:last-child { border-bottom: 0; }
.tw-reg-list b { display: block; font-size: 13.5px; font-weight: 600; }
.tw-reg-list small { color: var(--tw-muted); font-size: 12.5px; }
.tw-checks { display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; }
.tw-checks input { accent-color: var(--tw-accent); margin-right: 6px; }

/* Estoque antigo hospedado na aba Estoque */
#twPcpStock .pcp-panel-card { border-radius: var(--tw-radius) !important; }

/* Prévia de PDF */
.tw-pdf-modal { position: fixed; inset: 0; z-index: 100010; background: rgba(14, 18, 24, .55); display: none; align-items: center; justify-content: center; padding: 24px; }
.tw-pdf-modal.show { display: flex; }
.tw-pdf-card { width: min(980px, 100%); height: min(92vh, 1100px); background: var(--tw-surface); border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: var(--tw-shadow-pop); font-family: var(--tw-font); color: var(--tw-text); }
.tw-pdf-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 18px; border-bottom: 1px solid var(--tw-border); }
.tw-pdf-head strong { font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-pdf-actions { display: flex; gap: 8px; align-items: center; }
.tw-pdf-card iframe { flex: 1; border: 0; width: 100%; background: #525659; }

@media (max-width: 1100px) {
  .tw-topbar { grid-template-columns: 1fr; }
  .tw-topbar-right { justify-content: flex-start; }
  .tw-flow { grid-template-columns: repeat(3, 1fr); }
  .tw-flow-item { border-bottom: 1px solid var(--tw-border); }
  .tw-buy, .tw-grid-2 { grid-template-columns: 1fr; }
  .tw-order { grid-template-columns: 44px minmax(0, 1fr); }
  .tw-order-tags, .tw-order-actions { grid-column: 2; justify-content: flex-start; }
}

/* Ficha de material */
#materialFichaModal > div { max-width: 920px !important; border-radius: 12px !important; }
.tw-modal-title { font: 700 18px var(--tw-font); margin: 0; color: var(--tw-text); }
#materialFichaSubtitle { text-transform: none !important; font-size: 13px !important; font-weight: 500 !important; }
#materialFichaBody { display: flex; flex-direction: column; gap: 12px; }
.tw-ficha { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); padding: 14px 16px; }
.tw-ficha-head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin-bottom: 12px; }
.tw-ficha-head b { font: 700 15px var(--tw-font); margin-right: 8px; }
.tw-ficha-head span { color: var(--tw-muted); font-size: 13px; }
.tw-ficha-param { font-size: 12.5px; color: var(--tw-muted); white-space: nowrap; }
.tw-ficha-grid { display: grid; grid-template-columns: 1.1fr 1.4fr 1fr .8fr; gap: 10px; }
.tw-span-2 { grid-column: span 2; }
.tw-ficha-opts { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--tw-border); }
.tw-ficha-opt { display: flex; align-items: flex-end; gap: 10px; }
.tw-ficha-sub { display: flex; gap: 8px; align-items: flex-end; }
.tw-ficha-sub[hidden], .tw-ficha-opts[hidden], [data-mf-fab][hidden], [data-mf-ready][hidden] { display: none !important; }
.tw-check { display: inline-flex; align-items: center; gap: 6px; height: 36px; font: 600 13px var(--tw-font); color: var(--tw-text); cursor: pointer; }
.tw-check input { width: 16px; height: 16px; accent-color: var(--tw-accent); }
.tw-w-sm { width: 92px; } .tw-w-md { width: 170px; }
.tw-ficha-obs { margin-top: 10px; font-size: 13px; }
.tw-ficha-obs summary { cursor: pointer; color: var(--tw-accent); font-weight: 600; }
.tw-ficha-obs textarea { width: 100%; margin-top: 6px; border: 1px solid var(--tw-border-strong); border-radius: var(--tw-radius-sm); padding: 8px 10px; background: var(--tw-surface); color: var(--tw-text); font: 13px var(--tw-font); }
#materialFichaFooter { font-size: 13px !important; text-transform: none !important; font-weight: 500 !important; }
@media (max-width: 760px) { .tw-ficha-grid { grid-template-columns: 1fr 1fr; } }

/* ---------- Painel do CRM ---------- */
.tw-crm-dash { font-family: var(--tw-font); color: var(--tw-text); }
.tw-crm-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 14px; }
.tw-crm-head h3 { margin: 0; font: 700 18px var(--tw-font); letter-spacing: -.01em; }
.tw-crm-head h3::first-letter { text-transform: uppercase; }
.tw-crm-head p { margin: 3px 0 0; font-size: 13px; color: var(--tw-muted); }
.tw-kpis { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: var(--tw-radius); margin-bottom: 16px; }
.tw-kpi { padding: 16px 18px; border-right: 1px solid var(--tw-border); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tw-kpi:last-child { border-right: 0; }
.tw-kpi > span { font: 600 12.5px var(--tw-font); color: var(--tw-muted); }
.tw-kpi > b { font: 700 22px/1.15 var(--tw-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tw-kpi:first-child > b { font-size: 28px; color: var(--tw-accent); }
.tw-delta { font-size: 12px; color: var(--tw-muted); }
.tw-delta.up { color: var(--tw-ok); } .tw-delta.down { color: var(--tw-danger); }
.tw-crm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tw-crm-grid .tw-span-2 { grid-column: span 2; }
.tw-panel-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.tw-panel-row > b { font: 700 18px var(--tw-font); font-variant-numeric: tabular-nums; }
.tw-chart { position: relative; height: 240px; }
.tw-funnel { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tw-funnel li { position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; padding: 8px 10px; border-radius: 8px; overflow: hidden; z-index: 0; }
.tw-funnel-bar { position: absolute; inset: 0 auto 0 0; background: var(--tw-accent-soft); z-index: -1; border-radius: 8px; }
.tw-funnel li.f2 .tw-funnel-bar { background: var(--tw-ok-soft); }
.tw-funnel li.f3 .tw-funnel-bar { background: var(--tw-danger-soft); }
.tw-funnel span { font-size: 13px; font-weight: 600; }
.tw-funnel b { font: 700 16px var(--tw-font); text-align: right; font-variant-numeric: tabular-nums; }
.tw-funnel small { grid-column: 1 / -1; font-size: 12px; color: var(--tw-muted); }
.tw-bars { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.tw-bars-top { display: flex; justify-content: space-between; font-size: 13.5px; }
.tw-bars-top b { font-variant-numeric: tabular-nums; }
.tw-bars-track { height: 6px; background: var(--tw-surface-2); border-radius: 3px; margin: 5px 0 3px; overflow: hidden; }
.tw-bars-track i { display: block; height: 100%; background: var(--tw-accent); border-radius: 3px; }
.tw-bars small { font-size: 12px; color: var(--tw-muted); }
.tw-rank { margin: 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; }
.tw-rank li { padding-left: 4px; }
.tw-rank li > span { display: inline-block; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.tw-rank li > span small { display: block; color: var(--tw-muted); font-size: 12px; }
.tw-rank li > b { float: right; font-variant-numeric: tabular-nums; }
.tw-mini-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tw-mini-kpis div { background: var(--tw-surface-2); border-radius: 8px; padding: 10px 12px; }
.tw-mini-kpis b { display: block; font: 700 22px var(--tw-font); }
.tw-mini-kpis span { font-size: 12px; color: var(--tw-muted); }
.tw-mt { margin-top: 10px; }
a.tw-btn { text-decoration: none; }
#crmDashboardModal .crm-main-tab { text-transform: none !important; letter-spacing: 0 !important; }
@media (max-width: 1100px) { .tw-kpis { grid-template-columns: 1fr 1fr; } .tw-kpi { border-bottom: 1px solid var(--tw-border); } .tw-crm-grid { grid-template-columns: 1fr; } .tw-crm-grid .tw-span-2 { grid-column: auto; } }

/* ---------- Editor: barra de ferramentas e propriedades ---------- */
.tw-rail { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 130; display: flex; flex-direction: column; gap: 2px; padding: 6px; background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: 12px; box-shadow: 0 4px 16px rgba(16, 24, 40, .08); }
.tw-tool { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--tw-text-2); cursor: pointer; }
.tw-tool svg, .tw-props svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tw-tool:hover { background: var(--tw-surface-2); color: var(--tw-text); }
.tw-tool.active { background: var(--tw-accent-soft); color: var(--tw-accent); }
.tw-tool-sep { height: 1px; background: var(--tw-border); margin: 4px 4px; }
.tw-props { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); z-index: 131; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; max-width: calc(100% - 140px); padding: 6px; background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: 12px; box-shadow: 0 4px 16px rgba(16, 24, 40, .08); font-family: var(--tw-font); }
.tw-props[hidden] { display: none; }
.tw-props-group { display: flex; align-items: center; gap: 2px; padding-right: 6px; border-right: 1px solid var(--tw-border); }
.tw-props-group:last-child { border-right: 0; padding-right: 0; }
.tw-props button { min-width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; color: var(--tw-text-2); cursor: pointer; font: 600 13px var(--tw-font); }
.tw-props button:hover { background: var(--tw-surface-2); color: var(--tw-text); }
.tw-props button.active { background: var(--tw-accent-soft); color: var(--tw-accent); }
.tw-props .tw-props-wide { padding: 0 10px; }
.tw-props select { height: 32px; border: 1px solid var(--tw-border); border-radius: 7px; background: var(--tw-surface); color: var(--tw-text); font: 500 13px var(--tw-font); padding: 0 6px; max-width: 140px; }
.tw-props input[type=color] { width: 28px; height: 28px; border: 1px solid var(--tw-border); border-radius: 6px; padding: 0; background: none; cursor: pointer; }
.tw-num { display: inline-flex; align-items: center; height: 32px; border: 1px solid var(--tw-border); border-radius: 7px; padding: 0 6px; gap: 4px; font-size: 12px; color: var(--tw-muted); }
.tw-num input { width: 46px; border: 0; background: transparent; color: var(--tw-text); font: 600 13px var(--tw-font); text-align: right; outline: none; }
.tw-num em { font-style: normal; }
.tw-props-dim { font-size: 12.5px; color: var(--tw-muted); margin-left: 6px; white-space: nowrap; }
.tw-size-hint { position: absolute; left: 50%; bottom: 74px; transform: translateX(-50%); z-index: 129; background: var(--tw-text); color: var(--tw-surface); font: 600 12px var(--tw-font); padding: 4px 10px; border-radius: 6px; pointer-events: auto; }
.tw-size-hint .tw-link { color: inherit; opacity: .7; margin-left: 6px; font-size: 11.5px; }
.tw-size-hint[hidden] { display: none; }
body #editorToolbar { display: none !important; }
#mockupToolsPanel { display: none !important; }
.tw-pop { position: fixed; right: 360px; top: 90px; z-index: 100002; width: 300px; background: var(--tw-surface); color: var(--tw-text); border: 1px solid var(--tw-border); border-radius: 12px; box-shadow: var(--tw-shadow-pop); padding: 12px 14px; display: none; font-family: var(--tw-font); }
.tw-pop.show { display: block; }
.tw-pop header, .tw-pop footer { display: flex; justify-content: space-between; align-items: center; }
.tw-pop header { margin-bottom: 8px; } .tw-pop footer { margin-top: 10px; gap: 8px; justify-content: flex-end; }
.tw-range { display: grid; grid-template-columns: 96px 1fr 44px; align-items: center; gap: 8px; font-size: 13px; padding: 4px 0; }
.tw-range input { accent-color: var(--tw-accent); }
.tw-range output { text-align: right; color: var(--tw-muted); font-variant-numeric: tabular-nums; font-size: 12px; }
.tw-proj-btn { margin: 0 8px 6px 0; height: 32px; }
.tw-save-state { font-size: 12px; color: var(--tw-muted); margin: 0 10px 8px; white-space: nowrap; }

/* ---------- Modais novos ---------- */
.tw-modal { position: fixed; inset: 0; z-index: 100001; background: rgba(14, 18, 24, .52); display: none; align-items: center; justify-content: center; padding: 24px; font-family: var(--tw-font); }
.tw-modal.show { display: flex; }
.tw-modal-card { width: min(980px, 100%); max-height: 90vh; display: flex; flex-direction: column; background: var(--tw-surface); color: var(--tw-text); border-radius: 14px; box-shadow: var(--tw-shadow-pop); overflow: hidden; }
.tw-modal-sm { width: min(480px, 100%); }
.tw-modal-card > header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--tw-border); }
.tw-modal-card > header h3 { margin: 0; font: 700 17px var(--tw-font); }
.tw-modal-card > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--tw-border); }
.tw-modal-body { padding: 16px 20px; overflow: auto; }
.tw-proj-top { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 14px 20px 0; }
.tw-proj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
.tw-proj { border: 1px solid var(--tw-border); border-radius: var(--tw-radius); overflow: hidden; display: flex; flex-direction: column; background: var(--tw-surface); }
.tw-proj-open { border: 0; padding: 0; background: #fff; cursor: pointer; aspect-ratio: 4 / 3; display: block; border-bottom: 1px solid var(--tw-border); }
.tw-proj-open img { width: 100%; height: 100%; object-fit: contain; }
.tw-proj-ph { display: block; width: 100%; height: 100%; background: var(--tw-surface-2); }
.tw-proj-meta { padding: 10px 12px 4px; }
.tw-proj-meta b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-proj-meta small { color: var(--tw-muted); font-size: 12px; }
.tw-proj-actions { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px 12px; }

/* ---------- Tela inicial ---------- */
html body #homeScreen#homeScreen { display: block !important; overflow-y: auto !important; background: var(--tw-bg) !important; background-image: none !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; align-items: initial !important; justify-content: initial !important; font-family: var(--tw-font); color: var(--tw-text); }
.twh { min-height: 100%; }
.twh-top { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; padding: 10px 28px; background: var(--tw-surface); border-bottom: 1px solid var(--tw-border); }
.twh-brand { display: flex; align-items: center; gap: 10px; }
.twh-logo { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.twh-brand b { display: block; font: 700 15px var(--tw-font); letter-spacing: -.01em; }
.twh-brand span { display: block; font-size: 12px; color: var(--tw-muted); }
.twh-actions { display: flex; align-items: center; gap: 4px; }
.twh-icon { position: relative; width: 38px; height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--tw-text-2); display: grid; place-items: center; cursor: pointer; }
.twh-icon:hover { background: var(--tw-surface-2); color: var(--tw-text); }
.twh-icon svg, .twh-mod svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.twh-icon .site-notif-badge, .twh-icon .pcp-notif-badge { position: absolute !important; top: 3px !important; right: 2px !important; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--tw-danger) !important; color: #fff !important; font: 700 10.5px/17px var(--tw-font) !important; text-align: center; box-shadow: 0 0 0 2px var(--tw-surface) !important; }
.twh-user { margin-left: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--tw-border-strong); border-radius: 8px; background: var(--tw-surface); color: var(--tw-text-2); font: 600 13px var(--tw-font); cursor: pointer; }
.twh-user:hover { border-color: var(--tw-danger); color: var(--tw-danger); }
.twh-main { max-width: 1320px; margin: 0 auto; padding: 28px 28px 48px; }
.twh-hello h1 { margin: 0; font: 700 26px/1.2 var(--tw-font); letter-spacing: -.02em; }
.twh-hello p { margin: 4px 0 0; color: var(--tw-muted); font-size: 14px; }
.twh-start { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; margin-top: 22px; }
.twh-new { display: flex; align-items: center; gap: 18px; text-align: left; padding: 24px; border: 0; border-radius: 14px; background: var(--tw-accent); color: #fff; cursor: pointer; font-family: var(--tw-font); transition: background .15s; }
.twh-new:hover { background: var(--tw-accent-hover); }
.twh-new-plus { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 12px; border: 2px solid rgba(255, 255, 255, .55); display: grid; place-items: center; font: 300 38px/1 var(--tw-font); }
.twh-new b { display: block; font: 700 20px var(--tw-font); letter-spacing: -.01em; }
.twh-new small { display: block; font-size: 13.5px; opacity: .85; margin-top: 3px; }
.twh-recent, .twh-quotes, .twh-modules, .twh-group { background: var(--tw-surface); border: 1px solid var(--tw-border); border-radius: 14px; padding: 16px 18px; }
.twh-recent-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.twh-main h2 { margin: 0; font: 600 14px var(--tw-font); color: var(--tw-text); }
.twh-modules > h2, .twh-group > h2 { margin-bottom: 12px; }
.twh-recent-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.twh-recent-list > p { grid-column: 1 / -1; margin: 6px 0; }
.twh-draft { display: grid; grid-template-columns: 54px minmax(0, 1fr); grid-template-rows: auto auto; gap: 2px 10px; align-items: center; padding: 8px; border: 1px solid var(--tw-border); border-radius: 10px; background: var(--tw-surface); text-align: left; cursor: pointer; font-family: var(--tw-font); color: var(--tw-text); }
.twh-draft:hover { border-color: var(--tw-accent); }
.twh-draft img, .twh-draft-ph { grid-row: span 2; width: 54px; height: 54px; border-radius: 7px; object-fit: contain; background: #fff; border: 1px solid var(--tw-border); }
.twh-draft b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.twh-draft small { display: block; font-size: 12px; color: var(--tw-muted); }
.twh-draft em { font-style: normal; font-size: 12.5px; font-weight: 600; color: var(--tw-accent); }
.twh-recent-foot { margin-top: 10px; }
.twh-numbers { display: grid; grid-template-columns: 1.35fr 1fr; gap: 16px; margin-top: 16px; }
.twh-stats { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border-top: 1px solid var(--tw-border); }
.twh-stat { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 4px 0; border: 0; background: none; text-align: left; font-family: var(--tw-font); color: var(--tw-text); min-width: 0; }
button.twh-stat { cursor: pointer; }
button.twh-stat:hover b { color: var(--tw-accent); }
.twh-stat span { font-size: 12.5px; color: var(--tw-muted); }
.twh-stat b { font: 700 20px/1.2 var(--tw-font); letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.twh-stat-main b { color: var(--tw-accent); }
.twh-stat small { font-size: 12px; color: var(--tw-muted); }
.twh-lower { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; align-items: start; }
.twh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.twh-mod { position: relative; display: grid; grid-template-columns: 22px 1fr; gap: 2px 12px; align-items: center; text-align: left; padding: 14px; border: 1px solid var(--tw-border); border-radius: 10px; background: var(--tw-surface); color: var(--tw-text); cursor: pointer; font-family: var(--tw-font); }
.twh-mod:hover { border-color: var(--tw-accent); background: var(--tw-accent-soft); }
.twh-mod svg { grid-row: span 2; color: var(--tw-accent); }
.twh-mod b { font: 600 14px var(--tw-font); }
.twh-mod small { font-size: 12.5px; color: var(--tw-muted); }
.twh-mod .site-notif-badge { position: absolute !important; top: 10px !important; right: 10px !important; background: var(--tw-danger) !important; color: #fff !important; min-width: 18px; height: 18px; border-radius: 9px; font: 700 11px/18px var(--tw-font) !important; text-align: center; padding: 0 5px; }
.twh-qlist { display: flex; flex-direction: column; }
.twh-q { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--tw-border); }
.twh-q:last-child { border-bottom: 0; }
.twh-q-main { border: 0; background: none; padding: 0; text-align: left; cursor: pointer; color: var(--tw-text); font-family: var(--tw-font); min-width: 0; }
.twh-q-main b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.twh-q-main:hover b { color: var(--tw-accent); }
.twh-q-main small { font-size: 12px; color: var(--tw-muted); }
.twh-q-val { font: 600 13.5px var(--tw-font); font-variant-numeric: tabular-nums; }
@media (max-width: 1100px) {
  .twh-start, .twh-numbers, .twh-lower { grid-template-columns: 1fr; }
  .twh-recent-list { grid-template-columns: 1fr; }
  .twh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twh-stats { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
}

/* ---------- Telas antigas (CRM, Financeiro, Produção, Configurações): versão plana ---------- */
html body .crm-workspace, html body .finance-workspace, html body #financeDashboardModal .finance-workspace,
html body .prod-topbar-v982, html body #financeDashboardModal #financeMoneyStrip,
html body #financeDashboardModal .finance-panel-card:has(canvas), html body .fabric-calc-result { background: var(--tw-bg) !important; background-image: none !important; }
html body #financeDashboardModal .finance-panel-card > .px-6.py-4, html body .prod-topbar-v982 { background: var(--tw-surface) !important; }
html body #financeDashboardModal .finance-kpi-card::before, html body .tw-hero-panel:before { display: none !important; }
html body #financeDashboardModal .finance-page-shell > div:first-child { background: var(--tw-surface) !important; background-image: none !important; border-right: 1px solid var(--tw-border) !important; box-shadow: none !important; }
html body #financeDashboardModal .finance-tab-btn.active, html body #financeDashboardModal .finance-action-btn, html body .ux-v96c .finance-tab-btn.active,
html body #financeDashboardModal .finance-view-toggle button.active, html body #financeDashboardModal .finance-page-shell > div:first-child button[onclick="loadFinanceData()"] { background: var(--tw-accent) !important; background-image: none !important; color: #fff !important; box-shadow: none !important; }
html body #crmDashboardModal .crm-page-shell > div:first-child,
html body #financeDashboardModal .finance-page-shell,
html body .crm-page-shell, html body .settings-content { background: var(--tw-surface) !important; background-image: none !important; box-shadow: none !important; }
html body #crmDashboardModal .crm-page-shell > div:first-child { border-bottom: 1px solid var(--tw-border) !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html body #crmDashboardModal h3, html body #financeDashboardModal h3, html body #inboxDashboardModal h3, html body #quotesDashboardModal h3,
html body #productionDashboardModal h2, html body #productionDashboardModal h3, html body .settings-content h2, html body #financeDashboardModal h2 { color: var(--tw-text) !important; font-family: var(--tw-font) !important; }
html body #crmDashboardModal .crm-page-shell > div:first-child h3 { font-size: 18px !important; }
html body button[onclick="closeCRMDashboard()"], html body button[onclick="closeFinanceDashboard()"], html body button[onclick="closeProductionDashboard()"],
html body button[onclick="closeSettings()"].px-5 { background: var(--tw-surface) !important; color: var(--tw-text) !important; border: 1px solid var(--tw-border-strong) !important; border-radius: 8px !important; box-shadow: none !important; }
html body .crm-main-tab, html body .lp9914-crm-tab, html body .crm-filter-btn, html body .pcp-filter-btn, html body .finance-tab-btn { border-radius: 8px !important; box-shadow: none !important; transform: none !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 13px !important; }
html body .crm-main-tab.active, html body .lp9914-crm-tab.active { background: var(--tw-accent) !important; border-color: var(--tw-accent) !important; color: #fff !important; }
html body .crm-kpi-card, html body .finance-kpi-card, html body .finance-mini-card, html body .tw-kpi-card, html body .crm-panel-card, html body .finance-panel-card { border-radius: var(--tw-radius) !important; box-shadow: none !important; background-image: none !important; }
html body .crm-status-pill { border-radius: 6px !important; text-transform: none !important; letter-spacing: 0 !important; }
html body .lp-role-badge-v98e { display: none !important; }
#loadingOverlay { background: var(--tw-bg) !important; }
#loadingOverlay .loader-circle { border-color: var(--tw-border) !important; border-top-color: var(--tw-accent) !important; }
#layoutProTransitionOverlay { display: none !important; }
.ux-panel-loading { display: none !important; }

html body #financeDashboardModal#financeDashboardModal .finance-page-shell > div:first-child { background: var(--tw-surface) !important; background-image: none !important; }
html body #financeDashboardModal#financeDashboardModal .finance-kpi-card::before,
html body #financeDashboardModal#financeDashboardModal .finance-kpi-card::after { display: none !important; content: none !important; }
html body #financeDashboardModal#financeDashboardModal .finance-workspace { background: var(--tw-bg) !important; background-image: none !important; }