/* NONE TELEFONE / INTERFACE 3.1.0
   Shared mature design system. Applied last in cascade; all owner/security
   checks remain in the application and database. No blanket display:none of
   finance, form actions, navigation or protected content.

   Design direction: precise, sober, neutral, quietly rounded.
*/
:root {
  color-scheme: light;
  --nt-bg:#f7f6f5;
  --nt-surface:#ffffff;
  --nt-surface-soft:#fafaf9;
  --nt-surface-muted:#f4f2ef;
  --nt-border:#e6e4e9;
  --nt-border-strong:#d3ccde;
  --nt-text:#251a36;
  --nt-subtext:#615474;
  --nt-muted:#69798b;
  --nt-blue:#392165;
  --nt-blue-hover:#351670;
  --nt-blue-muted:#eeecf2;
  --nt-green:#17724e;
  --nt-green-bg:#e8f5ee;
  --nt-amber:#90601d;
  --nt-amber-bg:#fbf2e3;
  --nt-red:#ac3833;
  --nt-red-bg:#fcecea;
  --nt-radius-lg:18px;
  --nt-radius-md:14px;
  --nt-radius-sm:11px;
  --nt-shadow:0 1px 2px rgba(30, 20, 46,.035),0 6px 18px rgba(30, 20, 46,.025);
  --nt-shadow-raised:0 18px 65px rgba(35, 21, 58,.14);
  --nt-focus:0 0 0 3px rgba(57, 33, 101,.18);
  --nt-font:Inter,'Segoe UI Variable','Segoe UI',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --blue:var(--nt-blue);
  --primary:var(--nt-blue);
  --ink:var(--nt-text);
  --muted:var(--nt-subtext);
  --line:var(--nt-border);
  --surface:var(--nt-surface);
  --n-bg:var(--nt-bg);
  --shadow:var(--nt-shadow);
  --none-nav-text:var(--nt-subtext);
  --none-ui-bg:var(--nt-bg);
  --none-ui-paper:var(--nt-surface);
  --none-ui-line:var(--nt-border);
  --none-ui-text:var(--nt-text);
  --none-ui-subtle:var(--nt-subtext);
  --none-ui-primary:var(--nt-blue);
  --none-ui-primary-hover:var(--nt-blue-hover);
  --none-ui-soft:var(--nt-blue-muted);
  --none-ui-elevation:var(--nt-shadow);
  --none-ui-font:var(--nt-font);
}
html {background:var(--nt-bg);color:var(--nt-text);scroll-behavior:auto}
body,#root,.admin-shell,.admin-content {font-family:var(--nt-font);color:var(--nt-text)}
html,body,#root,.admin-shell {background:var(--nt-bg)}
.admin-shell {min-height:100vh}
.admin-content {background:var(--nt-bg);padding-bottom:70px}
.admin-content :where(.page,.cv,.inventory-page,.leads-page,.attendance-page) {max-width:1520px;min-width:0}
.admin-content :where(.page,.cv,.inventory-page,.leads-page,.attendance-page) :where(h1,h2,h3) {color:var(--nt-text);letter-spacing:-.035em}
.admin-content :where(h1,h2,h3,h4,p) {overflow-wrap:break-word}
.admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) {
  align-items:center;gap:18px;margin-bottom:22px;
}
.admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) h1 {
  font-size:clamp(23px,2.1vw,30px);line-height:1.18;font-weight:750;letter-spacing:-.045em;
  color:var(--nt-text);margin-bottom:3px;
}
.admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) p {
  color:var(--nt-subtext);font-size:13px;line-height:1.5;
}
/* Sidebar: no floating marketing card aesthetic; generous navigation and hierarchy. */
.sidebar {
  background:#fff!important;color:var(--nt-subtext);border-right:1px solid var(--nt-border)!important;
  box-shadow:none!important;padding:26px 14px 17px!important;
}
.sidebar:before {display:none!important}
.sidebar .brand,.sidebar__brand {margin-bottom:10px}
.sidebar__nav {display:flex;flex-direction:column;gap:5px;margin-top:17px}
.sidebar__nav button {min-height:44px!important;padding:0 13px!important;gap:11px;
  border-radius:11px!important;font-family:var(--nt-font);font-size:13.4px!important;
  font-weight:570;color:#625576!important;letter-spacing:-.012em;
  transition:background .12s ease,color .12s ease;
}
.sidebar__nav button:hover {background:#f6f5f3!important;color:var(--nt-text)!important}
.sidebar__nav button.active,.sidebar__nav button[aria-current="page"] {
  color:#371872!important;background:#eeebf2!important;font-weight:720!important;box-shadow:none!important;
}
.sidebar__nav button svg {width:17px;height:17px;stroke-width:1.85}
.sidebar__nav .sidebar__new,.sidebar__new {background:var(--nt-blue)!important;color:#fff!important;
  font-weight:700!important;border-radius:12px!important;margin-top:12px;min-height:44px!important;
}
.sidebar__nav .sidebar__new:hover,.sidebar__new:hover {background:var(--nt-blue-hover)!important;color:#fff!important}
.sidebar__account {border-top:1px solid var(--nt-border);padding-top:13px;gap:9px}
.sidebar__account :where(small,span) {color:var(--nt-muted)}
.sidebar__account strong {font-weight:690;color:var(--nt-text)}
.account-avatar {background:#eceaf0!important;color:#3d1c7a!important;border-radius:11px!important}
/* Make consistent, visibly changed surfaces in all modules. */
.admin-content :where(.panel,.form-panel,.analytics-card,.metric-card,.detail-card,
 .customer-list-card,.customer-profile,.cv-card,.cv-step,.op-detail,.op-parts,.op-device,
 .inventory-item-detail,.inventory-list-panel,.inventory-side,.inventory-modal,
 .customer-trust-message,.lead-editor,.lead-message-panel,.lead-related,
 .inventory-summary-grid article,.customer-summary-grid article,.finance-private-grid article) {
  background:#fff;border:1px solid var(--nt-border);border-radius:var(--nt-radius-lg);
  box-shadow:var(--nt-shadow);
}
.admin-content :where(.panel,.form-panel,.analytics-card,.metric-card,.detail-card,
 .customer-list-card,.customer-profile,.cv-card,.cv-step,.op-detail,.op-parts,.op-device,
 .inventory-item-detail,.inventory-list-panel,.inventory-side) {min-width:0}
.admin-content :where(.analytics-card,.detail-card,.form-panel,.customer-profile,.op-detail,.op-parts) {padding:22px}
.admin-content :where(.panel,.form-panel,.analytics-card,.metric-card,.cv-card,.lead-message-panel) h2 {
  font-size:16px;letter-spacing:-.03em;line-height:1.35;font-weight:725;
}
.admin-content :where(.op-muted,.cv-muted,.metric-definition,.op-row small,.lead-card__problem,
 .customer-list small,.customer-orders small,.op-history small,
 .customer-profile p,.analytics-card header p,.cv-list small) {color:var(--nt-subtext)}
/* Buttons: firm proportions, distinct actions, no marketing gradients or shadows. */
.admin-content .button,.admin-content :where(.op-modal,.inventory-page,.cv,.settings-sections) :where(button,select),
.admin-content :where(.attendance-view-switch,.attendance-stage-filter,.inventory-tabs) button {
  font-family:var(--nt-font);letter-spacing:-.01em;
}
.admin-content .button {min-height:42px;padding:10px 15px;border-radius:11px;
  font-size:13px;font-weight:690;line-height:1.2;box-shadow:none!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.admin-content .button--primary,.admin-content .button--primary:is(:hover,:focus-visible),
.admin-content :where(.lead-create,.inventory-main-actions) .button--primary {
  background:var(--nt-blue);color:#fff;border-color:var(--nt-blue);
}
.admin-content .button--primary:hover {background:var(--nt-blue-hover)!important;border-color:var(--nt-blue-hover)!important}
.admin-content .button--secondary {background:#fff;color:#42296f;border:1px solid #dcd6e6}
.admin-content .button--secondary:hover {background:#f7f6f3;border-color:#baacd3}
.admin-content .button--ghost {border-color:transparent;background:transparent;color:var(--nt-subtext)}
.admin-content .button--ghost:hover {background:var(--nt-surface-muted)}
.admin-content .button--danger {background:var(--nt-red);border-color:var(--nt-red)}
.admin-content .button--danger-ghost {color:var(--nt-red);border-color:#ebcbc8;background:#fff}
.admin-content :where(button,summary,a,[role="button"]) { -webkit-tap-highlight-color:transparent }
.admin-content :where(button,a,[role="button"],summary,input,select,textarea):focus-visible {
  outline:2px solid #7858b4!important;outline-offset:2px!important;
}
.admin-content :where(input,select,textarea) {font-family:var(--nt-font);accent-color:var(--nt-blue)}
.admin-content :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  background:#fff;border:1px solid #dad4e4;border-radius:11px;min-height:43px;
  color:var(--nt-text);font-size:13.5px;line-height:1.5;box-shadow:none;
}
.admin-content :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]):focus {
  border-color:#8970b7;box-shadow:var(--nt-focus);
}
.admin-content textarea {resize:vertical;min-height:95px!important}
.admin-content :where(input,textarea)::placeholder {color:#758496;opacity:1}
.admin-content :where(label,.cv-field,.op-form label,.form-grid label) {font-size:12.7px;color:#534469}
.admin-content :where(label,.cv-field,.op-form label,.form-grid label) :where(small,em) {color:var(--nt-muted)}
.admin-content :where(button,[role="button"]):disabled {opacity:.55;cursor:not-allowed}
/* Tables and ordered lists: subtle separation, not dozens of independent card borders. */
.admin-content :where(.op-table,.inventory-list table,.cv table) {border-collapse:separate;border-spacing:0;width:100%}
.admin-content :where(.op-table,.inventory-list table,.cv table) th {
  background:#f9f9f8!important;color:#645877;font-size:11.5px;font-weight:725;
  letter-spacing:.018em;border-bottom:1px solid var(--nt-border);text-transform:none;
}
.admin-content :where(.op-table,.inventory-list table,.cv table) td {font-size:13px;color:var(--nt-text);border-bottom:1px solid #f2f0ee}
.admin-content :where(.op-table,.inventory-list table,.cv table) tr:last-child td {border-bottom-color:transparent}
.admin-content :where(.op-table,.inventory-list table,.cv table) tbody tr:hover {background:#fbfaf9}
.admin-content .op-table :where(th,td) {padding:14px 16px}
.admin-content :where(.cv-list,.inventory-list,.customer-list,.customer-orders,.lead-history) > button {
  transition:background .12s ease,border-color .12s ease;
}
.admin-content :where(.cv-list,.inventory-list,.customer-list,.customer-orders) > button:hover {background:#faf9f8}
/* Segmented controls and navigation. */
.admin-content :where(.inventory-tabs,.op-tabs,.settings-sections,.cv-tabs,.attendance-view-switch) {
  scrollbar-width:thin;scrollbar-color:#d3ccdf transparent;
}
.admin-content .inventory-tabs {display:flex;gap:6px;border-bottom:1px solid var(--nt-border);padding-bottom:8px;margin:0 0 20px}
.admin-content .inventory-tabs button {padding:10px 15px;min-height:42px;border:1px solid transparent;border-radius:10px;
  color:var(--nt-subtext);font-size:13px;font-weight:640;
}
.admin-content .inventory-tabs button:hover {background:#f4f3f0}
.admin-content .inventory-tabs button.active,.admin-content .inventory-tabs button[aria-selected="true"] {
  color:#3b1b77;border:1px solid #dcd4ea;background:#f4f2ed;
}
.admin-content :where(.op-tabs,.settings-sections) {background:#f4f3f1;border:1px solid var(--nt-border);
  border-radius:13px;padding:5px;gap:4px;
}
.admin-content :where(.op-tabs,.settings-sections) button {min-height:38px;padding:9px 13px;
  border-radius:9px;font-size:12.7px;color:var(--nt-subtext);font-weight:660;
}
.admin-content :where(.op-tabs,.settings-sections) button.active,
.admin-content :where(.op-tabs,.settings-sections) button[aria-selected="true"],
.admin-content :where(.op-tabs,.settings-sections) button[aria-pressed="true"] {
  background:#fff;color:var(--nt-text);box-shadow:0 1px 4px rgba(37, 26, 53,.08);border-color:transparent;
}
/* Unified state chips: quiet, not colorful badges competing with content. */
.admin-content :where(.cv-badge,.op-badge,.attendance-chip,.status-pill,.lead-card__status) {
  display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:4px;
  padding:5px 9px;border-radius:999px;border:0;font-size:11px;line-height:1.35;
  font-weight:700;letter-spacing:-.015em;
}
.admin-content :where(.cv-badge--signed,.op-badge.available,.status-pill--success) {color:var(--nt-green);background:var(--nt-green-bg)}
.admin-content :where(.cv-badge--pending,.status-pill--warning) {color:var(--nt-amber);background:var(--nt-amber-bg)}
.admin-content :where(.cv-badge--cancelled,.status-pill--danger) {color:var(--nt-red);background:var(--nt-red-bg)}
/* Shared empty/loading/error states. */
.admin-content :where(.op-empty,.cv-empty,.inventory-empty-state,.customer-profile__empty,.lead-empty) {
  color:var(--nt-muted);background:#fff;border-radius:14px;padding:32px 20px;
}
.admin-content :where(.notice--error,.op-error,.cv-alert--error,.finance-data-warning) {
  border:1px solid #f1cfca;background:#fff5f2;border-radius:12px;color:#953a32;
}
.admin-content :where(.notice--success,.op-success) {border:1px solid #cfe9dc;background:#edf8f2;color:var(--nt-green);border-radius:12px}
/* CLIENTES: list-and-detail layout, less boxed-in CRM density. */
.admin-content .customers-layout {gap:18px;align-items:start}
.admin-content .customer-list-card,.admin-content .customer-profile {overflow:hidden}
.admin-content .customer-list>button {min-height:72px;padding:14px 16px;border-bottom:1px solid #f2f0ee;
  background:#fff;color:var(--nt-text);border-radius:0;box-shadow:none;
}
.admin-content .customer-list>button.active {background:#f6f3ef;color:#351b64;box-shadow:inset 3px 0 0 #483174}
.admin-content .customer-list :where(strong,b) {font-size:13.5px;font-weight:725}
.admin-content .customer-list small {font-size:12px;color:var(--nt-subtext)}
.admin-content .customer-avatar {background:#eceaf0;color:#412574;border-radius:12px}
.admin-content .customer-profile__header {gap:17px;margin-bottom:20px}
.admin-content .customer-profile__header h2 {font-size:20px}
.admin-content .customer-summary-grid,.admin-content .customer-profile__stats {gap:10px}
.admin-content .customer-summary-grid article,.admin-content .customer-profile__stats article {
  background:#f9f9f8;border:1px solid #edebef;border-radius:12px;box-shadow:none;
}
.admin-content .customer-orders>button {min-height:68px;padding:13px 15px;border-radius:11px;border-color:#ecebee}
.admin-content .customer-orders strong {font-size:13px}
.admin-content .customer-section-heading {padding-bottom:11px;border-bottom:1px solid var(--nt-border)}
/* INDICADORES / FINANCEIRO: precise KPIs; remove thick colored accents. */
.admin-content .metric-grid {gap:13px;margin-bottom:18px}
.admin-content .metric-grid article,.admin-content .finance-private-grid article {
  padding:21px;background:#fff!important;border:1px solid var(--nt-border)!important;
  border-radius:16px!important;box-shadow:var(--nt-shadow)!important;
}
.admin-content .metric-grid article:before,.admin-content .metric-grid article:after {box-shadow:none}
.admin-content .metric-grid article strong,.admin-content .finance-private-grid article strong {
  font-size:clamp(22px,2.2vw,29px);font-weight:750;letter-spacing:-.045em;line-height:1.2;
  color:var(--nt-text);font-variant-numeric:tabular-nums;
}
.admin-content .metric-grid article small,.admin-content .finance-private-grid article small {
  color:var(--nt-subtext);font-size:12px;font-weight:600;
}
.admin-content .metric-grid :where(.metric-card--money,.metric-card--money>span) {
  background:#fff;border-top-color:var(--nt-border);
}
.admin-content .metric-grid article>span,.admin-content .customer-summary-grid article>span {
  background:#f5f3ef;color:#3c2961;border-radius:12px;box-shadow:none;
}
.admin-content .analytics-grid {gap:16px}
.admin-content .analytics-card {padding:23px!important;border:1px solid var(--nt-border)!important;border-radius:17px!important}
.admin-content .analytics-card>header {margin-bottom:20px}
.admin-content .analytics-card>header h2 {font-size:15.5px}
.admin-content .bar-list b {background:#644898;box-shadow:none;border-radius:6px}
.admin-content .finance-private-block {background:#fff;border-radius:17px}
.admin-content .finance-locked,.admin-content .finance-pin-lock {border-radius:14px;background:#fafaf9}
/* ESTOQUE: clear separation of filters, KPI groups, table and detail. */
.admin-content .inventory-page .op-summary,.admin-content .inventory-summary-grid {gap:12px;margin:18px 0 22px}
.admin-content .inventory-page .op-summary>* ,.admin-content .inventory-summary-grid article {
  background:#fff;border:1px solid var(--nt-border);border-radius:16px;
  padding:19px;box-shadow:var(--nt-shadow);
}
.admin-content .inventory-page .op-summary small,.admin-content .inventory-summary-grid small {
  color:var(--nt-subtext);font-size:12px;font-weight:620;
}
.admin-content .inventory-page .op-summary strong,.admin-content .inventory-summary-grid strong {
  color:var(--nt-text);font-weight:750;font-size:clamp(22px,2vw,27px);letter-spacing:-.035em;
}
.admin-content .op-toolbar {display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}
.admin-content .op-toolbar>input {min-width:min(200px,100%);flex:1 1 280px}
.admin-content .op-toolbar>select {flex:0 1 190px}
.admin-content .op-table-wrap {background:#fff;border:1px solid var(--nt-border);border-radius:15px;overflow:auto}
.admin-content .inventory-list-panel {padding:0;overflow:hidden}
.admin-content .op-device {padding:18px;transition:border-color .12s ease,box-shadow .12s ease}
.admin-content .op-device:hover {border-color:#c5b8db;box-shadow:0 6px 20px rgba(41, 27, 63,.07)}
.admin-content .op-device h2 {font-size:16px;margin:12px 0 5px}
.admin-content .op-device strong {font-weight:750;color:var(--nt-text)}
.admin-content .op-badge {border-radius:999px;padding:5px 9px;font-size:11px}
.admin-content .op-row {border-color:#f2f0ee;padding:14px 0;gap:13px}
.admin-content .op-detail>h2,.admin-content .op-parts>h2 {font-weight:730}
/* COMPRA/VENDA + BRiKES: clear forms, documents, history. */
.admin-content .cv {--cv-ink:var(--nt-text)}
.admin-content .cv h1 {font-size:clamp(23px,2.1vw,29px);font-weight:750}
.admin-content .cv h2 {font-size:16px}
.admin-content .cv-card {padding:22px!important;margin-bottom:16px!important;
  border:1px solid var(--nt-border)!important;border-radius:17px!important;box-shadow:var(--nt-shadow)!important;
}
.admin-content .cv-stats {gap:10px!important;margin:17px 0!important;background:transparent;border:0!important;overflow:visible!important}
.admin-content .cv-stats button {padding:19px 20px!important;min-height:100px;
  background:#fff!important;border:1px solid var(--nt-border)!important;
  border-radius:15px!important;box-shadow:var(--nt-shadow)!important;
}
.admin-content .cv-stats button:not(:last-child) {border-right:1px solid var(--nt-border)!important}
.admin-content .cv-stats strong {font-size:25px;font-weight:760;color:var(--nt-text)}
.admin-content .cv-stats small {color:var(--nt-subtext);font-size:12px}
.admin-content .cv .cv-toolbar {gap:10px;margin-bottom:16px}
.admin-content .cv-list {border-top:1px solid var(--nt-border);margin-top:10px}
.admin-content .cv-list>button {padding:16px!important;min-height:78px;
  border-color:#efedf1!important;border-radius:10px;color:var(--nt-text);
}
.admin-content .cv-list>button:hover {background:#f5f9fa}
.admin-content .cv-list strong {font-size:13.7px;font-weight:740}
.admin-content .cv-list small {font-size:11.8px}
.admin-content .cv-step {overflow:hidden;padding:0!important;border-radius:16px!important}
.admin-content .cv-step>summary {min-height:70px;padding:18px 22px;background:#fff!important;gap:13px}
.admin-content .cv-step>summary strong {font-weight:740;color:var(--nt-text)}
.admin-content .cv-step>summary:after {color:#6d6082}
.admin-content .cv-step[open]>summary {background:#fbfaf9!important;border-bottom:1px solid var(--nt-border)}
.admin-content .cv-step__content {padding:20px 23px 23px}
.admin-content .cv .cv-grid {gap:16px}
.admin-content .cv .cv-field {gap:7px}
.admin-content .cv .cv-actions--sticky {border:1px solid var(--nt-border);border-radius:13px;
  box-shadow:0 8px 28px rgba(31, 21, 47,.07);background:#fff;backdrop-filter:none;
}
.admin-content .cv-document {border:1px solid var(--nt-border);border-radius:14px;background:#fff}
.admin-content .cv-document__text {line-height:1.72;color:var(--nt-text)}
.admin-content .cv-media-grid {gap:12px}
/* LEADS + ATENDIMENTOS: consistent kanban surfaces, more readable cards. */
.admin-content :where(.lead-column,.attendance-page--v303 .attendance-column) {
  background:#f5f4f2;border:1px solid var(--nt-border);border-radius:16px;
  box-shadow:none;min-width:0;
}
.admin-content :where(.lead-column,.attendance-page--v303 .attendance-column)>header {
  background:transparent;border-bottom:1px solid #e8e6eb;padding:15px 15px 13px;
}
.admin-content :where(.lead-column,.attendance-page--v303 .attendance-column)>header strong {
  font-size:12.8px;font-weight:760;color:var(--nt-text);
}
.admin-content :where(.lead-column,.attendance-page--v303 .attendance-column)>header>span {
  background:#eae9ec;color:var(--nt-subtext);border:0;border-radius:999px;
}
.admin-content :where(.lead-card,.attendance-page--v303 .attendance-card--v303) {
  background:#fff!important;border:1px solid #e4e1ea;border-radius:14px!important;
  box-shadow:0 1px 3px rgba(34, 21, 55,.04)!important;
  transition:border-color .12s ease,box-shadow .12s ease;
}
.admin-content :where(.lead-card,.attendance-page--v303 .attendance-card--v303):hover {
  border-color:#b7aacf;box-shadow:0 5px 16px rgba(34, 21, 57,.075)!important;transform:none;
}
.admin-content .lead-card {padding:15px}
.admin-content .lead-card__device {color:var(--nt-blue);font-size:12px}
.admin-content .lead-card__problem {color:var(--nt-subtext);font-size:12px;line-height:1.5}
.admin-content .lead-column__empty {background:#fafaf9;color:var(--nt-muted);border:1px dashed #dcd7e4;border-radius:11px}
.admin-content .attendance-page--v303 .attendance-heading h1 {font-size:28px}
.admin-content .attendance-page--v303 .attendance-card__name {font-size:14px;font-weight:735}
.admin-content .attendance-page--v303 .attendance-card__problem {font-size:12px;color:var(--nt-subtext);line-height:1.5}
.admin-content .attendance-page--v303 .attendance-card__action {background:#f7f6f4;border-radius:10px;padding:11px 12px}
.admin-content .attendance-page--v303 .attendance-card__action>span {color:var(--nt-muted);font-size:10px}
.admin-content .attendance-page--v303 .attendance-card__action>strong {font-size:12px;color:#483864}
.admin-content .attendance-page--v303 .attendance-summary--v303 {gap:11px}
.admin-content .attendance-page--v303 .attendance-summary--v303>button {background:#fff;border:1px solid var(--nt-border);
  border-radius:16px;box-shadow:var(--nt-shadow);min-height:108px;
}
.admin-content .attendance-page--v303 .attendance-summary--v303>button[aria-pressed="true"] {
  border-color:#7655b6;box-shadow:inset 0 0 0 1px #7655b6;
}
.admin-content .attendance-page--v303 .attendance-summary--v303 strong {color:var(--nt-text)}
.admin-content .attendance-page--v303 .attendance-controls--v303 {background:#fff;border:1px solid var(--nt-border);
  border-radius:16px;box-shadow:var(--nt-shadow);
}
.admin-content .attendance-page--v303 .attendance-board--v303 {gap:12px}
.admin-content .attendance-page--v303 .attendance-view-switch {border:1px solid var(--nt-border);background:#f4f3f1;border-radius:11px;padding:3px}
.admin-content .attendance-page--v303 .attendance-view-switch button {border:0;border-radius:8px}
.admin-content .attendance-page--v303 .attendance-view-switch button[aria-pressed="true"] {background:#fff;color:var(--nt-text);box-shadow:0 1px 3px rgba(36, 25, 53,.09)}
.admin-content .attendance-page--v303 .attendance-card--urgent {border-left:3px solid #c18c3a}
.admin-content .attendance-page--v303 .attendance-budget-alert--v303 {border-radius:13px;background:#fbf6ea;border:1px solid #ecdcb6;color:#795521}
.admin-content .attendance-page--v303 .attendance-chip {font-size:10.5px}
/* Settings: no nested rounded boxes on every toggle; forms behave like a unified panel. */
.admin-content .settings-form,.admin-content .settings-form-v13 {max-width:100%;min-width:0}
.admin-content .settings-sections {margin-bottom:22px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.admin-content .settings-sections button {white-space:nowrap;flex:0 0 auto}
.admin-content .form-section {border-bottom:1px solid #f2f0ee;padding:25px}
.admin-content .form-section:last-of-type {border-bottom:0}
.admin-content .section-heading {margin-bottom:15px}
.admin-content .section-heading h2 {font-size:16px;font-weight:735;color:var(--nt-text)}
.admin-content .settings-toggle,.admin-content .optional-form-section {border:1px solid #eae8ed;border-radius:12px;background:#fcfbfa}
.admin-content .form-actions {border-top:1px solid var(--nt-border);background:#fff}
.admin-content .form-actions--sticky {box-shadow:0 -6px 22px rgba(41, 28, 61,.055)}
/* Modals, menus and overlays: elevated but not translucent/gaudy. */
.admin-content :where(.op-modal,.inventory-modal,.modal-card) {background:#fff;border:1px solid var(--nt-border);
  border-radius:19px;box-shadow:var(--nt-shadow-raised);
}
.admin-content :where(.op-modal,.inventory-modal,.modal-card) h2 {font-size:19px;font-weight:745}
.admin-content :where(.op-backdrop,.inventory-modal-backdrop,.modal-backdrop) {background:rgba(26, 17, 39,.42)}
.admin-content :where(.op-modal,.modal-card,.inventory-modal) :where(header,footer) {gap:12px}
.admin-content :where(.op-modal,.modal-card,.inventory-modal) header button {min-width:42px;min-height:42px;border-radius:11px}
/* Links in data and global navigation must remain recognizable. */
.admin-content a:not(.button) {text-underline-offset:3px}
.admin-content a:not(.button):hover {color:var(--nt-blue-hover)}
/* Mobile: intentional layout, action hierarchy and reachable controls. */
@media(max-width:900px) {
  .sidebar {display:none!important}
  .admin-content {padding:74px 15px calc(112px + env(safe-area-inset-bottom));margin-left:0;
    max-width:100%;overflow-x:clip}
  .mobile-bar {background:#fff!important;color:var(--nt-text)!important;box-shadow:none!important;
    border-bottom:1px solid var(--nt-border)!important}
  .mobile-nav {background:#fff!important;box-shadow:0 -5px 18px rgba(35, 25, 53,.05)!important;
    border-top:1px solid var(--nt-border)!important}
  .mobile-nav button {color:var(--nt-subtext)!important;min-height:53px}
  .mobile-nav button.active {color:var(--nt-blue)!important}
  .mobile-nav button span {font-size:11px!important;font-weight:680}
  .mobile-more-sheet {background:#fff;border:1px solid var(--nt-border);border-radius:18px 18px 0 0;
    overflow-y:auto;max-height:77dvh}
  .mobile-more-sheet>button {min-height:49px;border-radius:10px;color:var(--nt-text)}
  .admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) {flex-wrap:wrap;align-items:flex-start;gap:12px}
  .admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) h1 {font-size:24px}
  .admin-content .metric-grid,.admin-content .customer-summary-grid {gap:10px}
  .admin-content .analytics-grid {grid-template-columns:1fr}
  .admin-content .analytics-card--wide {grid-column:auto}
  .admin-content .inventory-page .inventory-tabs {overflow-x:auto;white-space:nowrap;overscroll-behavior-x:contain}
  .admin-content .cv .cv-actions--sticky,.admin-content .form-actions--sticky {
    bottom:calc(76px + env(safe-area-inset-bottom));z-index:19;max-width:100%;
  }
  .admin-content .cv-step__content {padding:17px 17px 19px}
  .admin-content .cv-step>summary {padding:16px;min-height:66px}
  .admin-content :where(.op-modal,.inventory-modal,.modal-card) {max-height:calc(100dvh - 35px);max-width:calc(100vw - 24px);padding:18px}
  .admin-content :where(.op-backdrop,.inventory-modal-backdrop,.modal-backdrop) {padding:12px}
  .admin-content .settings-sections {overflow-x:auto}
  .admin-content .attendance-page--v303 .attendance-board--list .attendance-card__action {background:#f7f6f4}
}
@media(max-width:650px) {
  .admin-content {padding-inline:12px}
  .admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) h1 {font-size:23px}
  .admin-content :where(.page-heading,.op-heading,.leads-heading,.attendance-heading) p {font-size:12.5px}
  .admin-content .button {min-height:44px;padding-inline:12px;font-size:12.5px}
  .admin-content :where(.analytics-card,.detail-card,.form-panel,.customer-profile,.op-detail,.op-parts,.cv-card) {padding:16px!important}
  .admin-content .cv-stats {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
  .admin-content .cv-stats button {padding:13px 9px!important;min-height:82px}
  .admin-content .cv-stats strong {font-size:20px}
  .admin-content .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-content .metric-grid article,.admin-content .finance-private-grid article {padding:15px}
  .admin-content .metric-grid article strong,.admin-content .finance-private-grid article strong {font-size:22px}
  .admin-content .inventory-summary-grid,.admin-content .inventory-page .op-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .admin-content .inventory-page .op-summary>*,.admin-content .inventory-summary-grid article {padding:15px}
  .admin-content .inventory-page .op-summary strong,.admin-content .inventory-summary-grid strong {font-size:20px}
  .admin-content .customers-layout {grid-template-columns:1fr}
  .admin-content .customer-profile__header {flex-wrap:wrap}
  .admin-content .op-toolbar>select {flex:1 1 150px}
  .admin-content .op-toolbar>input {flex:1 1 100%}
  .admin-content :where(.cv .cv-grid,.op-grid,.inventory-form-grid) {grid-template-columns:1fr}
  .admin-content .attendance-page--v303 .attendance-heading h1 {font-size:25px}
  .admin-content .attendance-page--v303 .attendance-summary--v303 {gap:8px}
  .admin-content .attendance-page--v303 .attendance-summary--v303>button {border-radius:14px;min-height:93px}
  .admin-content .attendance-page--v303 .attendance-card__name {font-size:14px}
  .admin-content .attendance-page--v303 .attendance-card__action>strong {font-size:12.3px}
}
@media(prefers-reduced-motion:reduce) {
  .admin-content :where(.button,.lead-card,.attendance-card,.cv-list>button,.op-device) {transition:none!important;animation:none!important}
}
/* Final mobile table and tab fixes: keep data readable instead of shrinking each column. */
@media(max-width:800px) {
  .admin-content .inventory-page .inventory-tabs {
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
    overflow-y:hidden;align-items:center;scrollbar-width:thin;scroll-snap-type:x proximity;
  }
  .admin-content .inventory-page .inventory-tabs button {
    flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start;
  }
  .admin-content .op-table-wrap {display:block;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain}
  .admin-content .op-table {width:100%;min-width:670px}
  .admin-content .op-table :where(th,td) {white-space:nowrap;overflow-wrap:normal;font-size:12.5px}
  .admin-content .op-table :where(th,td):first-child {min-width:180px}
  .admin-content .op-table th {font-size:11.5px}
  .admin-content .cv .cv-toolbar {flex-wrap:wrap}
  .admin-content .cv .cv-toolbar input {min-width:200px;flex:1 1 220px}
  .admin-content .cv .cv-toolbar select {min-width:130px;flex:0 0 auto}
}