/* List pages: one toolbar row (title left, filters right), even control heights, actions on one line. */
html body #dashboard-view .tab-panel .ui-card>.ui-card-head{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  gap:12px 16px!important;padding:16px 18px!important;
}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head>div:first-child{flex:0 1 auto!important;min-width:0!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head h3{margin:0!important;font-size:1rem!important;font-weight:800!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head p.muted{margin:2px 0 0!important;font-size:.8rem!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster{
  flex:1 1 420px!important;max-width:none!important;width:auto!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>.field,
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>select,
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>input{
  flex:0 1 190px!important;width:auto!important;min-width:140px!important;max-width:260px!important;height:38px!important;min-height:38px!important;
}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>input[type="search"],
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>input:not([type]){flex:1 1 220px!important;max-width:320px!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster .date-range{flex:0 0 auto!important;width:auto!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster .date-range .field{height:38px!important;min-height:38px!important}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>.btn:not([hidden]):not(.hidden){flex:0 0 auto!important;height:38px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}

/* Row actions on one line. */
html body #dashboard-view .tab-panel .catalog-table td:last-child>div,
html body #dashboard-view #tab-products .product-row-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important}
html body #dashboard-view #tab-products .product-row-actions .btn{width:auto!important;min-height:32px!important;height:32px!important;padding:0 11px!important;white-space:nowrap!important}
html body #dashboard-view .tab-panel .catalog-table td{vertical-align:middle!important}
html body #dashboard-view .tab-panel .product-cell-price{font-variant-numeric:tabular-nums!important}

/* Settings: the save bar sits at the bottom of the form, full width, not over the fields. */
html body #dashboard-view #tab-settings #settings-form .settings-savebar{
  position:sticky!important;bottom:0!important;left:auto!important;right:auto!important;z-index:5!important;
  display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;
  margin:16px 0 0!important;padding:12px 16px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--neo-card,#fff) 92%,transparent)!important;backdrop-filter:blur(8px)!important;
  box-shadow:0 -6px 20px rgba(16,27,51,.06)!important;pointer-events:auto!important;
}
html body #dashboard-view #tab-settings #settings-form .settings-savebar .btn{box-shadow:none!important;width:auto!important}

@media(max-width:760px){
  html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster{flex-basis:100%!important;justify-content:stretch!important}
  html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster>*{flex:1 1 140px!important;max-width:none!important}
  html body #dashboard-view #tab-products .product-row-actions{flex-wrap:wrap!important;justify-content:flex-start!important}
  html body #dashboard-view #tab-settings #settings-form .settings-savebar{position:sticky!important;bottom:8px!important}
}
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster select,
html body #dashboard-view .tab-panel .ui-card>.ui-card-head .toolbar-cluster .field{padding-top:0!important;padding-bottom:0!important;line-height:36px!important}
html body #dashboard-view #tab-products .product-row-actions{flex-direction:row!important}
html body #dashboard-view #tab-products .catalog-table th:last-child,html body #dashboard-view #tab-products td.product-actions-cell{white-space:nowrap!important;width:132px!important}
html body #dashboard-view #tab-products .product-row-actions .btn{flex:0 0 auto!important}
html body #dashboard-view .tab-panel .catalog-table td[colspan]{text-align:center!important;padding:28px 16px!important;color:var(--neo-muted,#64748b)!important}

/* Customer editor: the sticky footer stays above the fields it scrolls over. */
html body #modal-root.crm-customer-editor-host #crm-quote-form.form-grid>.row:last-child{z-index:6!important;box-shadow:0 -10px 18px -14px rgba(15,23,42,.35)!important}

/* Template editor: the same line rows as the quotation editor. */
html body #modal-root #template-form .quotation-lines-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
html body #modal-root #template-form .quotation-lines-table th{padding:8px 6px!important;font-size:.7rem!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:left!important}
html body #modal-root #template-form .quotation-lines-table th:nth-child(1){width:52px!important}
html body #modal-root #template-form .quotation-lines-table th:nth-child(3){width:84px!important}
html body #modal-root #template-form .quotation-lines-table th:nth-child(4){width:150px!important}
html body #modal-root #template-form .quotation-lines-table th:nth-child(5){width:130px!important;text-align:right!important}
html body #modal-root #template-form .quotation-lines-table th:nth-child(6){width:104px!important}
html body #modal-root #template-form tr.qe-line td{padding:6px!important;vertical-align:middle!important}
html body #modal-root #template-form .qe-grip{display:inline-flex!important;width:12px!important;opacity:.4!important;cursor:grab!important;vertical-align:middle!important}
html body #modal-root #template-form .qe-grip .ui-icon{width:12px!important;height:16px!important}
html body #modal-root #template-form input.qe-sn{display:inline-block!important;width:22px!important;min-width:0!important;height:38px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;font-weight:700!important;box-shadow:none!important}
html body #modal-root #template-form input.qe-amount{width:100%!important;height:38px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;box-shadow:none!important}
html body #modal-root #template-form .qe-c-qty .field,html body #modal-root #template-form .qe-c-price .field{text-align:right!important}
html body #modal-root #template-form .qe-c-act{text-align:right!important;white-space:nowrap!important}
html body #modal-root #template-form .qe-icon-btn{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:0!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--neo-muted,#64748b)!important;cursor:pointer!important}
html body #modal-root #template-form .qe-icon-btn:hover{background:var(--neo-page-2,#f1f5f9)!important;border-color:var(--neo-line,#e4e9f2)!important}
html body #modal-root #template-form .qe-icon-btn.qe-danger:hover{color:#b91c1c!important;background:#fee2e2!important}
html body #modal-root #template-form .qe-icon-btn .ui-icon{width:16px!important;height:16px!important}
html body #modal-root #template-form .qe-stock-slot:empty{display:none!important}
html body #modal-root #template-form .qe-stock-slot{margin-top:6px!important;display:flex!important;gap:6px!important}

/* Older modals share the newer look: title, labels, spacing, footer with the main action on the right. */
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe){
  padding:22px 24px!important;border-radius:16px!important;border:1px solid var(--neo-line,#e4e9f2)!important;
  box-shadow:0 24px 64px rgba(15,23,42,.22)!important;display:flex!important;flex-direction:column!important;gap:14px!important;
}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe)>h2{
  margin:0 0 2px!important;padding:0 0 14px!important;border-bottom:1px solid var(--neo-line,#e4e9f2)!important;
  font-size:1.08rem!important;font-weight:800!important;letter-spacing:-.01em!important;
}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe) .label{
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;
  font-size:.76rem!important;font-weight:700!important;color:var(--neo-muted,#5b6b82)!important;
}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe) .form-grid{gap:12px 14px!important;margin-top:0!important}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe) .field,
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe) .textarea{font-size:.9rem!important;font-weight:500!important;border-radius:10px!important}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe)>.row:last-child{
  display:flex!important;flex-direction:row-reverse!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;
  margin:4px -24px -22px!important;padding:14px 24px!important;border-top:1px solid var(--neo-line,#e4e9f2)!important;
  background:var(--neo-page-2,#f6f8fb)!important;border-radius:0 0 16px 16px!important;
}
html body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe)>.row:last-child .btn{min-height:38px!important;padding:0 16px!important;border-radius:10px!important;width:auto!important}
html.dark body #modal-root .modal-backdrop>form.card.modal:not(.customer-quote-mockup):not(.qe)>.row:last-child{background:rgba(255,255,255,.03)!important}

/* Two-step sign-in */
html body #modal-root form.sec-modal{width:min(460px,calc(100vw - 32px))!important;max-width:460px!important}
html body #modal-root .sec-text{margin:0!important;color:var(--neo-ink-2,#334155)!important;font-size:.88rem!important;line-height:1.5!important}
html body #modal-root .sec-status{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;background:var(--neo-page-2,#f6f8fb)!important}
html body #modal-root .sec-status div{display:grid!important;gap:2px!important}
html body #modal-root .sec-status small{color:var(--neo-muted,#64748b)!important;font-size:.78rem!important}
html body #modal-root .sec-dot{width:10px!important;height:10px!important;border-radius:50%!important;flex:0 0 10px!important;background:#94a3b8!important}
html body #modal-root .sec-status.on .sec-dot{background:#16a34a!important;box-shadow:0 0 0 4px rgba(22,163,74,.15)!important}
html body #modal-root .sec-steps{margin:0!important;padding-left:20px!important;display:grid!important;gap:16px!important}
html body #modal-root .sec-steps li{display:grid!important;gap:8px!important;font-size:.88rem!important}
html body #modal-root .sec-steps li>span{color:var(--neo-muted,#64748b)!important;font-size:.82rem!important}
html body #modal-root .sec-key{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border:1px dashed var(--neo-line-strong,#cbd5e1)!important;border-radius:10px!important;background:var(--neo-page-2,#f6f8fb)!important}
html body #modal-root .sec-key code{flex:1!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:.06em!important;word-break:break-all!important}
html body #modal-root .sec-applink{font-size:.82rem!important;font-weight:700!important;color:var(--neo-brand,#2563eb)!important}
html body #modal-root input.sec-code{max-width:200px!important;font-size:1.15rem!important;font-weight:700!important;letter-spacing:.18em!important;text-align:center!important}
html body #modal-root .sec-codes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:12px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;background:var(--neo-page-2,#f6f8fb)!important}
html body #modal-root .sec-codes code{font-size:.92rem!important;font-weight:700!important;letter-spacing:.04em!important;text-align:center!important;padding:4px!important}
html body #modal-root .sec-code-actions{display:flex!important;gap:8px!important}
html body #modal-root .sec-error{margin:0!important;padding:9px 12px!important;border-radius:10px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:.84rem!important;font-weight:600!important}
html body #modal-root .sec-error.hidden,html body #modal-root .sec-off-only.hidden{display:none!important}
html body #modal-root .sec-steps{list-style:decimal!important}
html body #modal-root .sec-steps li{display:list-item!important}
html body #modal-root .sec-steps li>*{display:block!important;margin-top:8px!important}
html body #modal-root .sec-steps li>.sec-key{display:flex!important}
html body #modal-root .sec-key code{letter-spacing:.02em!important;font-size:.9rem!important;word-break:normal!important;overflow-wrap:anywhere!important}

/* Reports */
html body #modal-root form.rep-modal{width:min(640px,calc(100vw - 32px))!important;max-width:640px!important}
html body #modal-root .rep-period{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html body #modal-root .rep-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body #modal-root .rep-card{display:grid!important;gap:4px!important;padding:14px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;background:var(--neo-card,#fff)!important}
html body #modal-root .rep-card>span{color:var(--neo-muted,#64748b)!important;font-size:.76rem!important;font-weight:700!important}
html body #modal-root .rep-card strong{font-size:1.3rem!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}
html body #modal-root .rep-card small{color:var(--neo-muted,#64748b)!important;font-size:.78rem!important}
html body #modal-root .rep-aging{grid-column:1/-1!important}
html body #modal-root .rep-aging>div{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
html body #modal-root .rep-aging p{display:grid!important;gap:2px!important;margin:0!important}
html body #modal-root .rep-aging em{font-style:normal!important;color:var(--neo-muted,#64748b)!important;font-size:.74rem!important}
html body #modal-root .rep-aging b{font-variant-numeric:tabular-nums!important}
html body #modal-root .rep-section{display:grid!important;gap:6px!important;padding:12px 14px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;background:var(--neo-page-2,#f6f8fb)!important}
html body #modal-root .rep-head{display:flex!important;align-items:center!important;justify-content:space-between!important}
html body #modal-root .rep-head h3{margin:0!important;font-size:.9rem!important;font-weight:800!important}
html body #modal-root .rep-muted{margin:0!important;color:var(--neo-muted,#64748b)!important;font-size:.82rem!important}
html body #modal-root .rep-check{margin:4px 0 0!important;padding-left:18px!important;font-size:.82rem!important;display:grid!important;gap:3px!important}
html body #modal-root .rep-ok,html body #modal-root .rep-check li.ok{color:#15803d!important}
html body #modal-root .rep-bad,html body #modal-root .rep-check li.bad{color:#b91c1c!important}
html body #modal-root .rep-error{margin:0!important;padding:9px 12px!important;border-radius:10px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:.84rem!important;font-weight:600!important}
html body #modal-root .rep-error.hidden{display:none!important}
@media(max-width:560px){html body #modal-root .rep-cards,html body #modal-root .rep-aging>div{grid-template-columns:1fr 1fr!important}}

/* Settings > Delivery log */
html body #dashboard-view #settings-form .dl-wrap{margin-top:16px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:14px!important;overflow:hidden!important;background:var(--neo-card,#fff)!important}
html body #dashboard-view #settings-form .dl-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 14px!important;border-bottom:1px solid var(--neo-line,#e4e9f2)!important;background:var(--neo-page-2,#f6f8fb)!important}
html body #dashboard-view #settings-form .dl-head h4{margin:0!important;font-size:.9rem!important;font-weight:800!important}
html body #dashboard-view #settings-form .dl-count{margin-left:6px!important;padding:2px 8px!important;border-radius:999px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:.72rem!important}
html body #dashboard-view #settings-form .dl-seg{display:inline-flex!important;gap:2px!important;padding:3px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:9px!important;background:var(--neo-card,#fff)!important}
html body #dashboard-view #settings-form .dl-seg button{height:28px!important;min-height:0!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--neo-muted,#64748b)!important;font-size:.78rem!important;font-weight:700!important;width:auto!important}
html body #dashboard-view #settings-form .dl-seg button.on{background:var(--neo-page-2,#eef2f7)!important;color:var(--neo-ink,#0f172a)!important}
html body #dashboard-view #settings-form .dl-list{max-height:360px!important;overflow-y:auto!important}
html body #dashboard-view #settings-form .dl-row{display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;padding:10px 14px!important;border-top:1px solid var(--neo-line,#e4e9f2)!important}
html body #dashboard-view #settings-form .dl-row:first-child{border-top:0!important}
html body #dashboard-view #settings-form .dl-ch{font-size:.74rem!important;font-weight:800!important;color:var(--neo-muted,#64748b)!important;text-transform:uppercase!important;letter-spacing:.04em!important;padding-top:2px!important}
html body #dashboard-view #settings-form .dl-main{display:grid!important;gap:2px!important;min-width:0!important}
html body #dashboard-view #settings-form .dl-main strong{font-size:.86rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #dashboard-view #settings-form .dl-main small{color:var(--neo-muted,#64748b)!important;font-size:.76rem!important;overflow-wrap:anywhere!important}
html body #dashboard-view #settings-form .dl-main .dl-err{color:#b91c1c!important}
html body #dashboard-view #settings-form .dl-meta{display:grid!important;justify-items:end!important;gap:2px!important;font-size:.76rem!important;white-space:nowrap!important}
html body #dashboard-view #settings-form .dl-row.sent .dl-meta b{color:#15803d!important}
html body #dashboard-view #settings-form .dl-row.failed .dl-meta b{color:#b91c1c!important}
html body #dashboard-view #settings-form .dl-meta small{color:var(--neo-muted,#64748b)!important}
html body #dashboard-view #settings-form .dl-empty{margin:0!important;padding:18px 14px!important;color:var(--neo-muted,#64748b)!important;font-size:.84rem!important;text-align:center!important}

/* Sidebar footer buttons hidden by role stay hidden. */
html body #dashboard-view .sidebar-footer>.nav-item.hidden{display:none!important}

/* Row actions as icon buttons: they never spill into the next column. */
html body #dashboard-view .tab-panel .row-icon-btn{display:inline-grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:10px!important;background:var(--neo-card,#fff)!important;color:var(--neo-ink-2,#334155)!important;cursor:pointer!important;box-shadow:none!important}
html body #dashboard-view .tab-panel .row-icon-btn:hover{border-color:var(--neo-brand,#2563eb)!important;color:var(--neo-brand,#2563eb)!important;background:color-mix(in srgb,var(--neo-brand,#2563eb) 6%,var(--neo-card,#fff))!important}
html body #dashboard-view .tab-panel .row-icon-btn.danger:hover{border-color:#fca5a5!important;color:#b91c1c!important;background:#fef2f2!important}
html body #dashboard-view .tab-panel .row-icon-btn .ui-icon{width:16px!important;height:16px!important}
html body #dashboard-view #tab-products .product-specs-cell .spec-table td{padding:2px 0!important;border:0!important;font-size:.82rem!important;line-height:1.4!important;color:var(--neo-ink-2,#334155)!important}
html body #dashboard-view #tab-products td{overflow-wrap:anywhere!important}

/* Product editor: specs get the full width. */
html body #modal-root #product-form .label:has(#product-specs){grid-column:1/-1!important}
html body #modal-root #product-form #product-specs{min-height:140px!important;line-height:1.5!important}

/* Info & Help: the filters wrap inside the card instead of running under the Ask button. */
html body #dashboard-view #tab-info .quotes-toolbar .toolbar-row{display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:flex-end!important}
html body #dashboard-view #tab-info .info-filter-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body #dashboard-view #tab-info .info-filter-grid>*{flex:1 1 150px!important;min-width:0!important;max-width:100%!important}
html body #dashboard-view #tab-info .info-filter-grid>input,html body #dashboard-view #tab-info .info-filter-grid>.field:first-child{flex:2 1 220px!important}
html body #dashboard-view #tab-info .info-filter-grid>.date-range{flex:0 0 auto!important}
html body #dashboard-view #tab-info .quotes-toolbar .toolbar-group:last-child{flex:0 0 auto!important}

/* Two-step sign-in sheet */
html body #modal-root .tfa-backdrop{display:grid!important;place-items:center!important;padding:16px!important}
html body #modal-root form.tfa{
  --tfa-ink:var(--neo-ink,#0f172a);--tfa-muted:var(--neo-muted,#64748b);--tfa-line:var(--neo-line,#e4e9f2);--tfa-soft:var(--neo-page-2,#f5f7fb);--tfa-card:var(--neo-card,#fff);--tfa-brand:var(--neo-brand,#2563eb);
  width:min(480px,100%)!important;max-height:calc(100dvh - 32px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  margin:0!important;padding:0!important;border:1px solid var(--tfa-line)!important;border-radius:20px!important;background:var(--tfa-card)!important;color:var(--tfa-ink)!important;
  box-shadow:0 30px 80px rgba(15,23,42,.28)!important;font-size:14px!important;
}
html body #modal-root form.tfa *{box-sizing:border-box!important}
html body #modal-root .tfa-head{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;padding:22px 56px 18px 22px!important;border-bottom:1px solid var(--tfa-line)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--tfa-brand) 6%,var(--tfa-card)),var(--tfa-card))!important}
html body #modal-root .tfa-head h2{margin:0!important;padding:0!important;border:0!important;font-size:1.12rem!important;font-weight:800!important;letter-spacing:-.01em!important}
html body #modal-root .tfa-head p{display:flex!important;align-items:center!important;gap:8px!important;margin:3px 0 0!important;color:var(--tfa-muted)!important;font-size:.82rem!important}
html body #modal-root .tfa-shield{position:relative!important;flex:0 0 48px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:color-mix(in srgb,var(--tfa-muted) 12%,transparent)!important;color:var(--tfa-muted)!important}
html body #modal-root .tfa-shield.on{background:color-mix(in srgb,#16a34a 14%,transparent)!important;color:#16a34a!important}
html body #modal-root .tfa-shield .ui-icon{width:26px!important;height:26px!important}
html body #modal-root .tfa-shield .tfa-tick{position:absolute!important;width:14px!important;height:14px!important;stroke-width:3!important}
html body #modal-root .tfa-x{position:absolute!important;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--tfa-muted)!important;cursor:pointer!important}
html body #modal-root .tfa-x:hover{background:var(--tfa-soft)!important;border-color:var(--tfa-line)!important;color:var(--tfa-ink)!important}
html body #modal-root .tfa-x .ui-icon{width:16px!important;height:16px!important}
html body #modal-root .tfa-pill{display:inline-flex!important;align-items:center!important;height:20px!important;padding:0 9px!important;border-radius:999px!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body #modal-root .tfa-pill.on{background:color-mix(in srgb,#16a34a 15%,transparent)!important;color:#15803d!important}
html body #modal-root .tfa-pill.off{background:var(--tfa-soft)!important;color:var(--tfa-muted)!important;border:1px solid var(--tfa-line)!important}
html body #modal-root .tfa-body{display:grid!important;gap:16px!important;padding:20px 22px!important;overflow-y:auto!important}
html body #modal-root .tfa-lead{margin:0!important;color:var(--neo-ink-2,#334155)!important;font-size:.9rem!important;line-height:1.55!important}
html body #modal-root .tfa-points{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important}
html body #modal-root .tfa-points li{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:12px 14px!important;border:1px solid var(--tfa-line)!important;border-radius:12px!important;background:var(--tfa-soft)!important}
html body #modal-root .tfa-points .ui-icon,html body #modal-root .tfa-stat .ui-icon{flex:0 0 20px!important;width:20px!important;height:20px!important;color:var(--tfa-brand)!important;margin-top:1px!important}
html body #modal-root .tfa-points span,html body #modal-root .tfa-stat div{display:grid!important;gap:2px!important}
html body #modal-root .tfa-points strong,html body #modal-root .tfa-stat strong{font-size:.88rem!important;font-weight:700!important}
html body #modal-root .tfa-points small,html body #modal-root .tfa-stat small{color:var(--tfa-muted)!important;font-size:.8rem!important}
html body #modal-root .tfa-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:18px!important}
html body #modal-root .tfa-steps>li{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important}
html body #modal-root .tfa-num{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:var(--tfa-brand)!important;color:#fff!important;font-weight:800!important;font-size:.82rem!important}
html body #modal-root .tfa-steps>li>div{display:grid!important;gap:6px!important;min-width:0!important}
html body #modal-root .tfa-steps strong{font-size:.92rem!important;font-weight:700!important;padding-top:4px!important}
html body #modal-root .tfa-steps small{color:var(--tfa-muted)!important;font-size:.82rem!important;line-height:1.45!important}
html body #modal-root .tfa-key{display:flex!important;align-items:center!important;gap:8px!important;margin-top:6px!important;padding:12px 12px 12px 14px!important;border:1px dashed color-mix(in srgb,var(--tfa-brand) 35%,var(--tfa-line))!important;border-radius:12px!important;background:color-mix(in srgb,var(--tfa-brand) 5%,var(--tfa-card))!important}
html body #modal-root .tfa-key code{flex:1!important;display:flex!important;flex-wrap:wrap!important;gap:4px 10px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:.98rem!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--tfa-ink)!important}
html body #modal-root .tfa-key code i{display:none!important}
html body #modal-root .tfa-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border:1px solid var(--tfa-line)!important;border-radius:10px!important;background:var(--tfa-card)!important;color:var(--tfa-muted)!important;cursor:pointer!important}
html body #modal-root .tfa-icon:hover{color:var(--tfa-brand)!important;border-color:var(--tfa-brand)!important}
html body #modal-root .tfa-icon .ui-icon{width:16px!important;height:16px!important}
html body #modal-root .tfa-link{display:inline-flex!important;align-items:center!important;gap:6px!important;justify-self:start!important;font-size:.82rem!important;font-weight:700!important;color:var(--tfa-brand)!important;text-decoration:none!important}
html body #modal-root .tfa-link .ui-icon{width:15px!important;height:15px!important}
html body #modal-root .tfa-digits{display:grid!important;grid-template-columns:repeat(6,minmax(0,46px))!important;gap:8px!important;margin-top:6px!important}
html body #modal-root .tfa-digits input{width:100%!important;height:52px!important;min-height:0!important;padding:0!important;border:1px solid var(--tfa-line)!important;border-radius:12px!important;background:var(--tfa-card)!important;color:var(--tfa-ink)!important;font:inherit!important;font-size:1.35rem!important;font-weight:800!important;text-align:center!important;box-shadow:none!important}
html body #modal-root .tfa-digits input:nth-child(3){margin-right:10px!important}
html body #modal-root .tfa-digits input:focus{outline:none!important;border-color:var(--tfa-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tfa-brand) 18%,transparent)!important}
html body #modal-root .tfa-codes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:14px!important;border:1px solid var(--tfa-line)!important;border-radius:14px!important;background:var(--tfa-soft)!important}
html body #modal-root .tfa-codes code{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:9px!important;background:var(--tfa-card)!important;border:1px solid var(--tfa-line)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:.92rem!important;font-weight:700!important;letter-spacing:.04em!important}
html body #modal-root .tfa-codes code i{font-style:normal!important;min-width:16px!important;color:var(--tfa-muted)!important;font-size:.72rem!important;font-weight:700!important}
html body #modal-root .tfa-code-actions{display:flex!important;gap:8px!important}
html body #modal-root .tfa-code-actions .btn{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important}
html body #modal-root .tfa-code-actions .ui-icon{width:15px!important;height:15px!important}
html body #modal-root .tfa-confirm{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;font-size:.86rem!important;font-weight:600!important;cursor:pointer!important}
html body #modal-root .tfa-confirm input{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;accent-color:var(--tfa-brand)!important}
html body #modal-root .tfa-stat{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:14px!important;border:1px solid var(--tfa-line)!important;border-radius:14px!important;background:var(--tfa-soft)!important}
html body #modal-root .tfa-stat.low{border-color:color-mix(in srgb,#d97706 40%,var(--tfa-line))!important;background:color-mix(in srgb,#d97706 7%,var(--tfa-card))!important}
html body #modal-root .tfa-stat.low .ui-icon{color:#d97706!important}
html body #modal-root .tfa-actions{display:grid!important;gap:10px!important}
html body #modal-root .tfa-action{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:0!important;padding:14px!important;border:1px solid var(--tfa-line)!important;border-radius:14px!important;background:var(--tfa-card)!important;color:var(--tfa-ink)!important;text-align:left!important;font:inherit!important;cursor:pointer!important;transition:border-color .15s,background .15s!important}
html body #modal-root .tfa-action:hover{border-color:var(--tfa-brand)!important;background:color-mix(in srgb,var(--tfa-brand) 4%,var(--tfa-card))!important}
html body #modal-root .tfa-action .ui-icon{flex:0 0 20px!important;width:20px!important;height:20px!important;color:var(--tfa-brand)!important}
html body #modal-root .tfa-action span{display:grid!important;gap:2px!important}
html body #modal-root .tfa-action strong{font-size:.9rem!important;font-weight:700!important}
html body #modal-root .tfa-action small{color:var(--tfa-muted)!important;font-size:.8rem!important}
html body #modal-root .tfa-action.danger .ui-icon,html body #modal-root .tfa-action.danger strong{color:#b91c1c!important}
html body #modal-root .tfa-action.danger:hover{border-color:#fca5a5!important;background:color-mix(in srgb,#dc2626 4%,var(--tfa-card))!important}
html body #modal-root .tfa-verify{display:grid!important;gap:8px!important;padding:16px!important;border:1px solid var(--tfa-line)!important;border-radius:14px!important}
html body #modal-root .tfa-verify>strong{font-size:.92rem!important}
html body #modal-root .tfa-verify>small{color:var(--tfa-muted)!important;font-size:.82rem!important}
html body #modal-root .tfa-field{display:grid!important;gap:6px!important;margin:4px 0 0!important;font-size:.76rem!important;font-weight:700!important;color:var(--tfa-muted)!important}
html body #modal-root .tfa-field .field{height:42px!important;font-size:.92rem!important;border-radius:10px!important}
html body #modal-root .tfa-error{margin:0!important;padding:10px 12px!important;border-radius:10px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:.85rem!important;font-weight:600!important}
html body #modal-root .tfa-error[hidden]{display:none!important}
html body #modal-root .tfa-foot{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:14px 22px!important;border-top:1px solid var(--tfa-line)!important;background:var(--tfa-soft)!important}
html body #modal-root .tfa-foot .btn{min-height:40px!important;padding:0 18px!important;border-radius:11px!important;width:auto!important}
html.dark body #modal-root form.tfa{--tfa-soft:rgba(255,255,255,.04)}
@media(max-width:480px){html body #modal-root .tfa-digits{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}html body #modal-root .tfa-codes{grid-template-columns:1fr!important}}
html body #modal-root .tfa-foot .btn:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
html body #dashboard-view #tab-products .catalog-table .product-specs-cell .spec-table td{font-size:.82rem!important;line-height:1.45!important}
html body #dashboard-view .tab-panel table td[colspan]{text-align:center!important;padding:28px 16px!important;color:var(--neo-muted,#64748b)!important}

/* Projects, Support and Tawk: card titles under the page heading. */
html body #dashboard-view :is(#tab-workflow-projects,#tab-workflow-support,#tab-tawk-admin)>.toolbar h3{margin:0!important;font-size:1rem!important;font-weight:800!important}
html body #dashboard-view #tab-workflow-projects .workflow-project-list>.panel:only-child{grid-column:1/-1!important;display:grid!important;place-items:center!important;min-height:140px!important;border:1.5px dashed var(--neo-line,#e4e9f2)!important;background:var(--neo-card,#fff)!important;box-shadow:none!important;text-align:center!important}
html body #dashboard-view #tab-workflow-projects .workflow-project-list>.panel:only-child p{margin:0!important;font-weight:600!important}

/* Sign-in: the authenticator code field only appears when the server asks for it (admins with two-step sign-in). */
html body #login-view #login-code-wrap.hidden{display:none!important}

/* Sign-in: the original card, plus a password eye, Caps Lock note, busy state and the admin code step. */
html body #login-view .auth3-pass{position:relative!important;display:block!important}
html body #login-view .auth3-pass .field{padding-right:46px!important;width:100%!important}
html body #login-view .auth3-pass .password-toggle{position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#64748b!important;cursor:pointer!important}
html body #login-view .auth3-pass .password-toggle:hover,html body #login-view .auth3-pass .password-toggle.is-visible{color:#2563eb!important}
html body #login-view .auth3-pass .password-eye-icon{width:19px!important;height:19px!important}
html body #login-view .auth3-caps{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:2px!important;color:#b45309!important;font-size:.78rem!important;font-weight:700!important}
html body #login-view .auth3-caps::before{content:"⇪"!important}
html body #login-view .auth3-caps.hidden{display:none!important}
html body #login-view .auth2-sub{margin:6px 0 0!important;font-size:.88rem!important;color:#64748b!important}
html body #login-view .auth2-sub[hidden]{display:none!important}
html body #login-view .auth3-code{font-size:1.05rem!important;font-weight:700!important;letter-spacing:.1em!important;text-align:center!important}
html body #login-view .auth3-code::placeholder{letter-spacing:normal!important;font-weight:500!important;font-size:.9rem!important}
html body #login-view #login-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
html body #login-view .auth3-spin{display:none!important;width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.45)!important;border-top-color:#fff!important;border-radius:50%!important;animation:auth3-spin .7s linear infinite!important}
html body #login-view #login-btn.is-busy .auth3-spin{display:inline-block!important}
@keyframes auth3-spin{to{transform:rotate(360deg)}}
html body #login-view .auth3-back{display:block!important;margin:10px auto 0!important;padding:4px 8px!important;border:0!important;background:transparent!important;color:#2563eb!important;font:inherit!important;font-size:.84rem!important;font-weight:700!important;cursor:pointer!important}
html body #login-view .auth3-back.hidden{display:none!important}
html body #login-view #login-form.is-code-step #login-email-wrap,html body #login-view #login-form.is-code-step #login-password-wrap,html body #login-view #login-form.is-code-step .auth2-tabs{display:none!important}html body #login-view #login-form.is-code-step #secret-login{display:none!important}

/* Member access: a grid of toggle rows, checkbox beside its label. */
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions):not(.hidden){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-self:start!important;
  padding:16px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:16px!important;background:var(--neo-page-2,#f6f8fb)!important;
}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions) .perm-head{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 4px!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions) .perm-head p{flex:1!important;margin:0!important;color:var(--neo-ink,#0f172a)!important;font-size:.92rem!important;font-weight:800!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions) .perm-count{color:var(--neo-muted,#64748b)!important;font-size:.78rem!important;font-weight:700!important;font-variant-numeric:tabular-nums!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions) .perm-bulk{height:28px!important;min-height:0!important;padding:0 10px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:8px!important;background:var(--neo-card,#fff)!important;color:var(--neo-ink-2,#334155)!important;font:inherit!important;font-size:.76rem!important;font-weight:700!important;cursor:pointer!important;width:auto!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions) .perm-bulk:hover{border-color:var(--neo-brand,#2563eb)!important;color:var(--neo-brand,#2563eb)!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  min-height:44px!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;
  background:var(--neo-card,#fff)!important;color:var(--neo-ink,#0f172a)!important;font-size:.86rem!important;font-weight:600!important;line-height:1.3!important;text-align:left!important;cursor:pointer!important;
  transition:border-color .15s,background .15s!important;
}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label:hover{border-color:color-mix(in srgb,var(--neo-brand,#2563eb) 45%,var(--neo-line,#e4e9f2))!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label:has(input:checked){border-color:color-mix(in srgb,var(--neo-brand,#2563eb) 55%,transparent)!important;background:color-mix(in srgb,var(--neo-brand,#2563eb) 7%,var(--neo-card,#fff))!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;position:relative!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:999px!important;background:#cbd5e1!important;cursor:pointer!important;transition:background .15s!important;box-shadow:none!important;
}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]::before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.3)!important;transition:transform .15s!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]:checked{background:var(--neo-brand,#2563eb)!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]:checked::before{transform:translateX(14px)!important}
html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]:focus-visible{outline:2px solid var(--neo-brand,#2563eb)!important;outline-offset:2px!important}
html.dark body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions)>label>input[type="checkbox"]:not(:checked){background:#334155!important}
@media(max-width:640px){html body :is(#dashboard-view,#modal-root) :is(#add-user-permissions,#edit-user-permissions):not(.hidden){grid-template-columns:1fr!important}}

/* Settings save bar: a plain button at the end of the form; a slim pinned bar once something changed. */
html body #dashboard-view #tab-settings #settings-form .settings-savebar{
  position:static!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;
  margin:18px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
html body #dashboard-view #tab-settings #settings-form .settings-savebar .settings-dirty{display:none!important}
html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty{
  position:sticky!important;bottom:16px!important;z-index:20!important;margin-left:auto!important;width:max-content!important;max-width:100%!important;
  padding:8px 8px 8px 16px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:999px!important;
  background:var(--neo-card,#fff)!important;box-shadow:0 14px 34px -10px rgba(15,23,42,.35)!important;
}
html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty .settings-dirty{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--neo-ink-2,#334155)!important;font-size:.84rem!important;font-weight:700!important;white-space:nowrap!important}
html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty .settings-dirty::before{content:""!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.18)!important}
html body #dashboard-view #tab-settings #settings-form .settings-savebar .btn{border-radius:999px!important;min-height:38px!important;padding:0 18px!important;box-shadow:none!important}
@media(max-width:760px){html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty{left:auto!important;right:auto!important;bottom:12px!important;width:100%!important;justify-content:space-between!important}}

/* Add team member: the fields stack on the left; the access panel takes the extra height on the right. */
html body #dashboard-view #tab-users #add-user-form{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;grid-template-rows:repeat(4,min-content) min-content 1fr!important;align-items:start!important}
html body #dashboard-view #tab-users #add-user-form #add-user-permissions{grid-column:2!important;grid-row:1 / span 6!important}
html body #dashboard-view #tab-users #add-user-form>button[type="submit"]{grid-column:1!important;align-self:start!important;justify-self:start!important;margin-top:4px!important}
@media(max-width:900px){
  html body #dashboard-view #tab-users #add-user-form{grid-template-columns:1fr!important;grid-template-rows:none!important}
  html body #dashboard-view #tab-users #add-user-form #add-user-permissions,html body #dashboard-view #tab-users #add-user-form>button[type="submit"]{grid-column:1!important;grid-row:auto!important}
}

/* Edit team member: the password row spans the form so its hint is readable. */
html body #modal-root #edit-user-form .label:has(#edit-member-password){grid-column:1/-1!important}
html body #modal-root #edit-user-form .password-field-wrap{display:block!important;position:relative!important}
html body #modal-root #edit-user-form #edit-member-password{width:100%!important;padding-right:46px!important}
html body #modal-root #edit-user-form #edit-user-permissions{grid-column:1/-1!important}

/* Settings: Save floats as a pill in the corner while scrolling; it also says Unsaved changes after an edit. */
html body #dashboard-view #tab-settings #settings-form .settings-savebar,
html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty{
  position:sticky!important;bottom:20px!important;z-index:20!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  width:max-content!important;max-width:100%!important;margin:18px 0 0 auto!important;padding:6px!important;
  border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:999px!important;
  background:var(--neo-card,#fff)!important;box-shadow:0 16px 36px -12px rgba(15,23,42,.38)!important;backdrop-filter:none!important;
}
html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty{padding-left:16px!important}
@media(max-width:760px){
  html body #dashboard-view #tab-settings #settings-form .settings-savebar,
  html body #dashboard-view #tab-settings #settings-form .settings-savebar.is-dirty{bottom:12px!important}
}

/* Orders: Completed reads blue, apart from Paid green. */
html body #modal-root .order-status-pill.status-completed{background:#eaf0ff!important;color:#2f55d4!important}
html.dark body #modal-root .order-status-pill.status-completed{background:#16224a!important;color:#a9bcff!important}

/* Pipeline: Bad credit reads dark red, apart from Lost. */
html body .badge[data-status="bad_credit"]{background:#fdf2f2!important;color:#7f1d1d!important;border:1px solid #f5c2c2!important}
html.dark body .badge[data-status="bad_credit"]{background:#3a1414!important;color:#fca5a5!important;border-color:#5c1f1f!important}

/* List search (Orders, Products, Templates, Team) sized like the Quotations search. */
html body #dashboard-view .toolbar-cluster .list-search,html body #dashboard-view .list-search{flex:1 1 280px!important;min-width:220px!important;max-width:420px!important;width:auto!important}
@media(max-width:760px){html body #dashboard-view .toolbar-cluster .list-search,html body #dashboard-view .list-search{flex-basis:100%!important;max-width:none!important}}
/* Customer records: orders, payments and installations, in the customer panel and the full workspace. */
html body #dashboard-view:not(#_) .customer-workspace-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
html body #dashboard-view:not(#_) .customer-workspace-section-head .eyebrow{display:none}
html body #dashboard-view:not(#_) .customer-workspace-section-head h3{margin:0;font-size:15px;font-weight:650}
html body #dashboard-view:not(#_) .customer-workspace-section-head>.muted{font-size:12.5px;white-space:nowrap}
html body #dashboard-view:not(#_) .customer-workspace-records{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--neo-line,#e4e9f2);border-radius:12px;overflow:hidden}
html body #dashboard-view:not(#_) .customer-workspace-record{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0;padding:14px 16px;border:0;border-top:1px solid var(--neo-line,#e4e9f2);border-radius:0;background:transparent;box-shadow:none}
html body #dashboard-view:not(#_) .customer-workspace-record:first-child{border-top:0}
html body #dashboard-view:not(#_) .customer-workspace-record>div{display:grid;gap:2px;min-width:0}
html body #dashboard-view:not(#_) .customer-workspace-record strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}
html body #dashboard-view:not(#_) .customer-workspace-record span{font-size:12.5px;color:var(--neo-muted,#5d6b85)}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record.cw-order{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:6px 20px!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-main{display:grid!important;gap:3px!important;min-width:0}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-title{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-meta{font-size:12.5px!important;line-height:1.45;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-money{display:grid!important;justify-items:end;gap:2px!important;text-align:right;white-space:nowrap}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-money strong{font-size:15px!important;font-variant-numeric:tabular-nums}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px!important;font-weight:650;background:#eef2f7;color:#475569!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="unpaid"]{background:#fef3c7;color:#92400e!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="part-paid"]{background:#dbeafe;color:#1d4ed8!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="paid-in-full"]{background:#dcfce7;color:#166534!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state{background:#1a2a44;color:#a9b8d0!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="unpaid"]{background:#3b2c0b;color:#fbbf24!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="part-paid"]{background:#14284d;color:#93c5fd!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="paid-in-full"]{background:#12301f;color:#6fd59a!important}
@media(max-width:640px){
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record.cw-order{grid-template-columns:minmax(0,1fr) auto!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-main{grid-column:1/-1}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-money{justify-items:start;text-align:left}
}
/* Quotation email composer */
#modal-root .quote-composer-to{display:grid;gap:1px;margin:0 0 12px;font-size:.85rem;overflow-wrap:anywhere}
#modal-root .quote-composer-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--neo-line,#e4e9f2);border-radius:12px}
#modal-root .quote-composer-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;font-size:.68rem;font-weight:700;letter-spacing:.03em;background:#fee2e2;color:#b91c1c}
html.dark #modal-root .quote-composer-icon{background:#3a1616;color:#fca5a5}
#modal-root .quote-composer-facts{display:grid;gap:1px;min-width:0;font-size:.85rem;overflow-wrap:anywhere}
/* Portal login: the name on its own line */
#modal-root .pl-title p{display:grid;gap:1px}
/* Payments and installations: the two sides stay on one line. */
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record:not(.cw-order){flex-wrap:nowrap!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record:not(.cw-order)>div:first-child{flex:1 1 auto}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record:not(.cw-order)>div:last-child:not(:first-child){flex:0 0 auto;justify-items:end;text-align:right}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-order-actions{display:flex!important;align-items:center;gap:6px}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="accepted"]{background:#dcfce7;color:#166534!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="sent"]{background:#dbeafe;color:#1d4ed8!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="declined"]{background:#fee2e2;color:#b91c1c!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="accepted"]{background:#12301f;color:#6fd59a!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="sent"]{background:#14284d;color:#93c5fd!important}
html.dark body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state[data-state="declined"]{background:#3a1616;color:#fca5a5!important}
@media(max-width:640px){
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record:not(.cw-order){flex-wrap:wrap!important}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .customer-workspace-record:not(.cw-order)>div:last-child:not(:first-child){justify-items:start;text-align:left}
html body #modal-root #quotation-form.qe .qe-actions{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important}
html body #modal-root #quotation-form.qe .qe-actions .btn{min-width:0!important;padding:0 8px!important}
}
html body :is(#dashboard-view,#customer-workspace-root):not(#_) .cw-order .cw-state{text-transform:capitalize}
@media(max-width:640px){
html body #modal-root #quotation-form.qe .qe-head{flex-wrap:wrap!important;max-width:100%!important}
html body #modal-root #quotation-form.qe .qe-title,html body #modal-root #quotation-form.qe .qe-title>div{flex:1 1 0!important;min-width:0!important;max-width:100%!important}
html body #modal-root #quotation-form.qe .qe-title p{white-space:normal!important;overflow-wrap:anywhere!important}
}