/*
  NONE TELEFONE — CRM PROFESSIONAL 3.2
  Design layer over the currently deployed React application.
  Scope: authenticated administration only. Public contract/signature pages unchanged.
  Uses no remote assets and changes no data, endpoints or application permissions.
*/
:root {
  color-scheme:light;
  --crm-navy:#26173b;
  --crm-navy-2:#1d102f;
  --crm-blue:#632ea8;
  --crm-blue-deep:#522887;
  --crm-blue-soft:#f9f6f0;
  --crm-teal:#009b87;
  --crm-green:#067954;
  --crm-amber:#a7630c;
  --crm-red:#b63f46;
  --crm-paper:#fff;
  --crm-canvas:#faf8f5;
  --crm-canvas-deep:#f6f4ef;
  --crm-text:#281a3c;
  --crm-subtext:#635478;
  --crm-muted:#796a8e;
  --crm-border:#e4dcee;
  --crm-border-hover:#beb0d2;
  --crm-focus:0 0 0 3px rgba(99, 46, 168,.17);
  --crm-card-shadow:0 1px 2px rgba(38, 23, 59,.035),0 9px 25px rgba(38, 23, 59,.036);
  --crm-float-shadow:0 18px 65px rgba(31, 17, 49,.16);
  --crm-font:'Plus Jakarta Sans','Aptos Display','Aptos','Segoe UI Variable','Segoe UI',Inter,system-ui,-apple-system,sans-serif;
  --nt-bg:var(--crm-canvas);
  --nt-surface:var(--crm-paper);
  --nt-surface-soft:#fdfcfa;
  --nt-surface-muted:var(--crm-canvas-deep);
  --nt-border:var(--crm-border);
  --nt-border-strong:var(--crm-border-hover);
  --nt-text:var(--crm-text);
  --nt-subtext:var(--crm-subtext);
  --nt-muted:var(--crm-muted);
  --nt-blue:var(--crm-blue);
  --nt-blue-hover:var(--crm-blue-deep);
  --nt-blue-muted:var(--crm-blue-soft);
  --nt-green:var(--crm-green);
  --nt-green-bg:#e5f7ef;
  --nt-amber:var(--crm-amber);
  --nt-amber-bg:#fff3df;
  --nt-red:var(--crm-red);
  --nt-red-bg:#fff0f1;
  --nt-radius-lg:18px;
  --nt-radius-md:13px;
  --nt-radius-sm:10px;
  --nt-shadow:var(--crm-card-shadow);
  --nt-shadow-raised:var(--crm-float-shadow);
  --nt-focus:var(--crm-focus);
  --nt-font:var(--crm-font);
  --blue:var(--crm-blue);
  --primary:var(--crm-blue);
  --ink:var(--crm-text);
  --muted:var(--crm-subtext);
  --line:var(--crm-border);
  --surface:var(--crm-paper);
  --n-bg:var(--crm-canvas);
  --none-brand:var(--crm-blue);
  --none-brand-strong:var(--crm-blue-deep);
  --none-brand-soft:var(--crm-blue-soft);
  --none-ui-bg:var(--crm-canvas);
  --none-ui-paper:var(--crm-paper);
  --none-ui-line:var(--crm-border);
  --none-ui-text:var(--crm-text);
  --none-ui-subtle:var(--crm-subtext);
  --none-ui-primary:var(--crm-blue);
  --none-ui-primary-hover:var(--crm-blue-deep);
  --none-ui-soft:var(--crm-blue-soft);
  --none-ui-elevation:var(--crm-card-shadow);
  --none-ui-font:var(--crm-font);
}
html,body,#root,.admin-shell {background:var(--crm-canvas)!important;color:var(--crm-text)}
.admin-shell,.admin-content,.admin-content button,.admin-content input,.admin-content select,.admin-content textarea {
  font-family:var(--crm-font);
}
.admin-content {
  background:var(--crm-canvas)!important;
  color:var(--crm-text);
  padding-top:28px;
}
.admin-content .page {max-width:1540px}
.admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) {
  gap:18px;
  padding:0 0 18px;
  margin:0 0 22px;
  border-bottom:1px solid var(--crm-border);
}
.admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) h1 {
  font-family:var(--crm-font);
  font-size:clamp(24px,2vw,31px);
  font-weight:780;
  letter-spacing:-.047em;
  line-height:1.17;
  color:var(--crm-navy);
}
.admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) p {
  color:var(--crm-subtext);
  font-size:13px;
  line-height:1.55;
}
.admin-content :where(h2,h3) {color:var(--crm-navy);letter-spacing:-.028em}
.admin-content :where(small,.op-muted,.metric-definition,.lead-card__problem) {color:var(--crm-subtext)}

/* Navigation: branded dark shell with quiet, high-contrast active state. */
.sidebar {
  width:234px!important;
  background:var(--crm-navy-2)!important;
  color:#dccfed!important;
  border-right:1px solid #39294f!important;
  box-shadow:5px 0 24px rgba(21, 9, 38,.095)!important;
  padding:21px 13px 17px!important;
}
.sidebar:before {display:none!important}
.sidebar .brand,.sidebar__brand {
  margin:0 2px 25px!important;
  padding:14px 11px!important;
  min-height:72px;
  display:flex;
  align-items:center;
  border:1px solid #493762;
  border-radius:15px;
  background:#fff!important;
}
.sidebar .brand__logo {width:156px!important;max-width:100%;height:auto!important;filter:none!important}
.sidebar__nav {display:flex;flex-direction:column;gap:5px!important;margin-top:8px!important}
.sidebar__nav button {
  min-height:46px!important;
  border-radius:11px!important;
  color:#cbbcdf!important;
  background:transparent!important;
  font-weight:570!important;
  font-size:13.5px!important;
  letter-spacing:-.008em;
  padding:0 13px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
.sidebar__nav button svg {color:#bcadd2!important;opacity:1!important;width:18px;height:18px;stroke-width:1.85}
.sidebar__nav button:hover {background:#35234d!important;color:#fff!important}
.sidebar__nav button:hover svg {color:#f7f3eb!important}
.sidebar__nav button.active,.sidebar__nav button[aria-current=page] {
  background:var(--crm-blue)!important;
  color:#fff!important;
  font-weight:730!important;
  border-color:#7426d7!important;
  box-shadow:0 5px 12px rgba(24, 8, 43,.13)!important;
}
.sidebar__nav button.active svg,.sidebar__nav button[aria-current=page] svg {color:#fff!important}
.sidebar__nav .sidebar__new,.sidebar__new {
  margin-top:13px!important;
  background:#fdfbf9!important;
  color:var(--crm-navy)!important;
  font-weight:750!important;
  border:1px solid #ebe6f2!important;
  min-height:43px!important;
}
.sidebar__nav .sidebar__new:hover,.sidebar__new:hover {background:#f9f5ee!important;color:#3e2362!important}
.sidebar__account {
  background:#2d1b45!important;
  border:1px solid #45335d!important;
  border-radius:13px!important;
  padding:12px!important;
  margin-top:auto!important;
  color:#f9f5ef!important;
}
.sidebar__account strong {color:#fff!important}
.sidebar__account :where(small,span) {color:#c6b7dc!important}
.sidebar__account button {color:#ebe5f2!important}
.sidebar__account .account-avatar {background:#683ca0!important;color:#fff!important}
.sidebar__label {color:#9886b1!important}

/* Consistent header utility controls. */
.admin-topbar {margin-bottom:24px;max-width:1540px}
.global-search-trigger {
  background:#fff!important;
  border:1px solid var(--crm-border)!important;
  border-radius:12px!important;
  color:var(--crm-subtext)!important;
  min-height:42px;
  box-shadow:var(--crm-card-shadow)!important;
}
.global-search-trigger:hover {border-color:#966fc8!important;background:#fefefe!important}
.global-search-trigger kbd {color:#695981;background:#f7f5f0;border-color:#e3d9f0}

/* All admin surfaces, consistent hierarchy. */
.admin-content :where(.panel,.form-panel,.analytics-card,.metric-card,.customer-list-card,
  .customer-profile,.cv-card,.cv-step,.op-detail,.op-parts,.op-device,
  .lead-editor,.lead-message-panel,.lead-related,.inventory-list-panel,.inventory-side,
  .inventory-item-detail,.inventory-summary-grid article,.customer-summary-grid article,
  .finance-private-grid article,.auth-card,.settings-form-v13) {
  background:var(--crm-paper)!important;
  border:1px solid var(--crm-border)!important;
  border-radius:17px!important;
  box-shadow:var(--crm-card-shadow)!important;
}
.admin-content :where(.panel,.form-panel,.analytics-card,.metric-card,.customer-list-card,
  .customer-profile,.cv-card,.cv-step,.op-detail,.op-parts,.op-device,.lead-editor) h2 {
  font-size:16px;font-weight:745;letter-spacing:-.032em;color:var(--crm-navy)
}
.admin-content :where(.analytics-card,.form-panel,.customer-profile,.op-detail,.op-parts) {padding:22px!important}
.admin-content :where(.metric-grid,.customer-summary-grid,.lead-summary,.op-summary,.analytics-grid) {gap:14px!important}

/* Primary/secondary actions: CRM blue without gradients or glow. */
.admin-content :where(.button,.op-action,.lead-create,.inventory-main-actions button) {
  border-radius:11px!important;
  min-height:42px;
  font-size:13px;
  font-weight:675;
  letter-spacing:-.01em;
  box-shadow:none!important;
  transition:background .12s,border-color .12s,transform .12s;
}
.admin-content :where(.button--primary,.lead-create,.inventory-main-actions .button--primary) {
  background:var(--crm-blue)!important;
  border-color:var(--crm-blue)!important;
  color:#fff!important;
}
.admin-content :where(.button--primary,.lead-create,.inventory-main-actions .button--primary):hover {
  background:var(--crm-blue-deep)!important;border-color:var(--crm-blue-deep)!important;color:#fff!important;
}
.admin-content :where(.button--secondary,.button--ghost) {
  border:1px solid var(--crm-border)!important;
  background:#fff!important;
  color:#4a326c!important;
}
.admin-content :where(.button--secondary,.button--ghost):hover {
  border-color:#9c7bca!important;background:#fcfaf7!important;color:var(--crm-blue-deep)!important;
}
.admin-content :where(button,input,select,textarea,a):focus-visible {
  outline:2px solid var(--crm-blue)!important;
  outline-offset:2px!important;
}
.admin-content :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  border:1px solid var(--crm-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--crm-text)!important;
  box-shadow:none!important;
  min-height:42px;
}
.admin-content :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus {
  border-color:var(--crm-blue)!important;box-shadow:var(--crm-focus)!important;
}
.admin-content :where(input,textarea)::placeholder {color:#9084a2}
.admin-content :where(label,.cv-field label) {color:#4c3c63}

/* Small chips without over-saturated text-on-text combinations. */
.admin-content :where(.badge,.op-badge,.cv-badge,.lead-chip,.attendance-chip) {
  border-radius:999px!important;
  font-weight:710;
}
.admin-content :where(.op-badge.available,.cv-badge--signed,.attendance-chip--success) {color:#067654;background:#e1f7ed}
.admin-content :where(.op-badge.warning,.attendance-chip--warning) {color:#936006;background:#fff1d8}

/* KPI group — dashboard measures have visibly different treatment. */
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article,
 .inventory-summary-grid article,.lead-summary article) {
  background:#fff!important;
  border:1px solid var(--crm-border)!important;
  border-radius:16px!important;
  box-shadow:var(--crm-card-shadow)!important;
  padding:18px 20px;
  min-width:0;
}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article,.lead-summary article) strong {
  color:var(--crm-navy)!important;
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
  font-size:clamp(22px,1.9vw,30px);
}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article,.lead-summary article) :where(small,span) {
  color:var(--crm-subtext);
}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article):first-child {border-top:3px solid var(--crm-blue)!important}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article):nth-child(2) {border-top:3px solid var(--crm-teal)!important}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article):nth-child(3) {border-top:3px solid #d99a27!important}
.admin-content :where(.metric-grid article,.customer-summary-grid article,.op-summary article):nth-child(4) {border-top:3px solid #a071c5!important}

/* Attention — rebuilt attendance React UI (3.0.3). */
.admin-content .attendance-page--v303 {
  --at-ink:var(--crm-text);
  --at-muted:var(--crm-subtext);
  --at-border:var(--crm-border);
  --at-primary:var(--crm-blue);
  --at-soft:var(--crm-blue-soft);
  --at-canvas:var(--crm-canvas);
  --at-shadow:var(--crm-card-shadow);
}
.admin-content .attendance-page--v303 .attendance-eyebrow {color:var(--crm-blue)!important;letter-spacing:.105em;font-size:11px}
.admin-content .attendance-page--v303 .attendance-heading {margin-bottom:20px}
.admin-content .attendance-page--v303 .attendance-heading h1 {color:var(--crm-navy)!important}
.admin-content .attendance-page--v303 .attendance-summary--v303 {gap:14px!important;margin-bottom:18px!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button {
  min-height:108px;
  background:#fff!important;
  border:1px solid var(--crm-border)!important;
  border-top:3px solid var(--crm-blue)!important;
  border-radius:16px!important;
  box-shadow:var(--crm-card-shadow)!important;
  padding:18px 19px;
}
.admin-content .attendance-page--v303 .attendance-summary--v303>button:nth-child(2) {border-top-color:var(--crm-red)!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button:nth-child(3) {border-top-color:#e3a338!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button:nth-child(4) {border-top-color:var(--crm-teal)!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button:hover {border-color:#9266cd!important;background:#fefefe!important;transform:none!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button[aria-pressed=true] {
  border-color:var(--crm-blue)!important;background:#fdfcfa!important;box-shadow:0 0 0 1px var(--crm-blue),var(--crm-card-shadow)!important;
}
.admin-content .attendance-page--v303 .attendance-summary--v303>button>span {
  background:var(--crm-blue-soft)!important;
  color:var(--crm-blue)!important;
  border-radius:13px!important;
}
.admin-content .attendance-page--v303 .attendance-summary--v303>button.is-danger>span {color:var(--crm-red)!important;background:#fff0f0!important}
.admin-content .attendance-page--v303 .attendance-summary--v303>button.is-warning>span {color:var(--crm-amber)!important;background:#fff3dc!important}
.admin-content .attendance-page--v303 .attendance-summary--v303 strong {font-size:28px;font-weight:810;color:var(--crm-navy)}
.admin-content .attendance-page--v303 .attendance-summary--v303 small {color:#574670;font-size:12.5px}
.admin-content .attendance-page--v303 .attendance-budget-alert--v303 {
  border-left:4px solid #e5a13a!important;border-top:1px solid #f0d7a7!important;
  background:#fffaef!important;color:#85550d!important;
  border-radius:13px!important;
}
.admin-content .attendance-page--v303 .attendance-controls--v303 {
  background:#fff!important;border:1px solid var(--crm-border)!important;
  box-shadow:var(--crm-card-shadow)!important;border-radius:17px!important;padding:17px 18px!important;
}
.admin-content .attendance-page--v303 .attendance-toolbar--v303 label {
  background:#fdfcfa!important;border-color:var(--crm-border)!important;border-radius:11px!important;
}
.admin-content .attendance-page--v303 .attendance-toolbar--v303 label:focus-within {
  border-color:var(--crm-blue)!important;box-shadow:var(--crm-focus)!important;
}
.admin-content .attendance-page--v303 .attendance-toolbar--v303 input {background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important}
.admin-content .attendance-page--v303 .attendance-view-switch {border-radius:11px!important;background:#f8f5f0!important;border:1px solid var(--crm-border)!important}
.admin-content .attendance-page--v303 .attendance-view-switch button[aria-pressed=true] {background:var(--crm-blue)!important;color:#fff!important;box-shadow:none!important}
.admin-content .attendance-page--v303 .attendance-board--v303 {gap:13px!important}
.admin-content .attendance-page--v303 .attendance-column {
  background:#f6f3ed!important;
  border:1px solid #e2d9ef!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.admin-content .attendance-page--v303 .attendance-column>header {
  background:transparent!important;
  color:var(--crm-navy);
  border-bottom:1px solid #e2d9ef!important;
  padding:13px 12px!important;
}
.admin-content .attendance-page--v303 .attendance-column>header strong {font-weight:760}
.admin-content .attendance-page--v303 .attendance-card--v303 {
  background:#fff!important;
  border:1px solid #e0d7ed!important;
  border-radius:13px!important;
  box-shadow:0 2px 5px rgba(31, 14, 52,.048)!important;
  transition:border-color .14s,box-shadow .14s;
}
.admin-content .attendance-page--v303 .attendance-card--v303:hover {
  border-color:#9968d9!important;
  box-shadow:0 5px 16px rgba(78, 45, 123,.10)!important;
  transform:none!important;
}
.admin-content .attendance-page--v303 .attendance-card__name {color:var(--crm-navy)!important;font-size:14.5px;font-weight:760}
.admin-content .attendance-page--v303 .attendance-card__device {color:#4f2a82!important;font-weight:650}
.admin-content .attendance-page--v303 .attendance-card__problem {color:#63537b!important}
.admin-content .attendance-page--v303 .attendance-card__action {
  background:#faf7f2!important;
  border:1px solid #ece8f1!important;
  border-radius:9px!important;
}
.admin-content .attendance-page--v303 .attendance-card__action>strong {color:#452c69!important}
.admin-content .attendance-page--v303 .attendance-card--v303.is-warning .attendance-card__action {
  background:#fff5e6!important;border-color:#ffe8c0!important;
}

/* Customer list: more decisive selection, readable labels and data. */
.admin-content :where(.customer-list,.customer-orders,.lead-list) button {
  border-color:var(--crm-border);
}
.admin-content .customer-list button.active,.admin-content .customer-list button[aria-selected=true] {
  background:#fbf8f3!important;
  color:var(--crm-navy)!important;
  box-shadow:inset 3px 0 0 var(--crm-blue);
}
.admin-content :where(.customer-avatar,.account-avatar) {border-radius:12px;background:#f9f5ef;color:#573484}
.admin-content :where(.customer-profile__stats article,.customer-summary-grid article) {border-radius:13px!important}
.admin-content .customer-profile__header {border-bottom-color:var(--crm-border)}

/* Inventory & catalog: restrained data density, distinct headers. */
.admin-content :where(.inventory-tabs,.op-tabs,.settings-sections,.catalog-tabs) {
  background:#f7f5f0!important;
  border:1px solid #e5e2ea!important;
  border-radius:13px!important;
  padding:5px!important;
  gap:4px!important;
}
.admin-content :where(.inventory-tabs,.op-tabs,.settings-sections,.catalog-tabs) button {
  background:transparent!important;
  color:#675580!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  min-height:39px!important;
  font-weight:645;
  padding:8px 13px;
  white-space:nowrap;
}
.admin-content :where(.inventory-tabs,.op-tabs,.settings-sections,.catalog-tabs) button:hover {
  background:#eeeaf3!important;color:var(--crm-blue-deep)!important;
}
.admin-content :where(.inventory-tabs,.op-tabs,.settings-sections,.catalog-tabs) button.active,
.admin-content :where(.op-tabs,.catalog-tabs) button[aria-pressed=true] {
  background:#fff!important;color:var(--crm-blue-deep)!important;
  border-color:#b39ad4!important;
  box-shadow:0 1px 3px rgba(51, 23, 89,.07)!important;
}
.admin-content .op-toolbar {background:#fff;border:1px solid var(--crm-border);border-radius:14px;padding:12px;box-shadow:var(--crm-card-shadow)}
.admin-content .op-table-wrap {
  background:#fff!important;
  border:1px solid var(--crm-border)!important;
  border-radius:15px!important;
  box-shadow:var(--crm-card-shadow)!important;
  overflow-x:auto;
}
.admin-content .op-table {border-collapse:separate;border-spacing:0}
.admin-content .op-table th {
  background:#faf8f4!important;
  border-bottom:1px solid var(--crm-border)!important;
  font-size:11px;
  font-weight:760;
  color:#5e4f73!important;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.admin-content .op-table td {border-bottom:1px solid #f5f3f0;font-size:13px;color:var(--crm-text)}
.admin-content .op-table tbody tr:hover {background:#fdfcfa!important}
.admin-content .op-table tbody tr:last-child td {border-bottom:0}
.admin-content .op-device {transition:border-color .12s,box-shadow .12s}
.admin-content .op-device:hover {border-color:#9d74d2!important;box-shadow:0 6px 20px rgba(67, 41, 103,.08)!important;transform:none!important}

/* Commerce & BRiKES. */
.admin-content .cv .cv-stats {gap:12px!important;border:0!important;background:transparent!important;overflow:visible!important}
.admin-content .cv .cv-stats button {
  border:1px solid var(--crm-border)!important;
  border-top:3px solid var(--crm-blue)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:var(--crm-card-shadow)!important;
  padding:17px 19px!important;
}
.admin-content .cv .cv-stats button:nth-child(2) {border-top-color:#e4a440!important}
.admin-content .cv .cv-stats button:nth-child(3) {border-top-color:var(--crm-teal)!important}
.admin-content .cv .cv-stats strong {font-size:25px!important;font-weight:790;color:var(--crm-navy)!important}
.admin-content .cv .cv-list>button {
  padding:16px 12px!important;
  border-bottom:1px solid #eeecf2!important;
  border-radius:9px;
  color:var(--crm-text);
}
.admin-content .cv .cv-list>button:hover {background:#fcfaf7!important}
.admin-content .cv .cv-list strong {color:var(--crm-navy);font-size:13.5px}
.admin-content .cv .cv-list small {color:var(--crm-subtext)}
.admin-content .cv .cv-actions--sticky {background:#fff!important;border-top:1px solid var(--crm-border)!important}
.admin-content .cv .cv-step {border:1px solid var(--crm-border)!important;background:#fff!important;border-radius:16px!important}
.admin-content .cv .cv-step>summary {font-weight:735;color:var(--crm-navy);border-radius:13px}
.admin-content .cv .cv-trade {border-color:#ebe7f1!important;background:#fdfbf9!important}

/* Forms and settings groups. */
.admin-content :where(.form-section,.settings-toggle,.field-visibility-row,.team-toggle) {border-color:var(--crm-border)!important}
.admin-content .settings-toggle {background:#fff!important;border-radius:13px!important;padding:15px!important}
.admin-content .settings-toggle small {color:var(--crm-subtext)!important}
.admin-content :where(.team-access-panel,.lead-editor) {overflow:hidden}
.admin-content .lead-editor__header {background:#fdfcfa!important;border-bottom:1px solid var(--crm-border)!important}
.admin-content :where(.lead-section-title,.lead-editor__header) h2 {color:var(--crm-navy)}
.admin-content .form-panel .form-actions {border-top:1px solid var(--crm-border);padding-top:16px}

/* Important dialog layers and public contracts stay structurally unchanged. */
.admin-content :where(.modal-card,.inventory-modal,.op-modal) {
  border-radius:18px!important;border:1px solid var(--crm-border)!important;
  box-shadow:var(--crm-float-shadow)!important;
}

@media(min-width:901px){
  .admin-content {margin-left:234px!important;padding-inline:clamp(24px,3.0vw,49px)!important}
  .admin-topbar {justify-content:flex-end}
}
@media(max-width:900px){
  .sidebar {display:none!important}
  .admin-content {margin-left:0!important;padding:78px 16px calc(94px + env(safe-area-inset-bottom))!important}
  .mobile-bar {
    background:var(--crm-navy-2)!important;
    color:#fff!important;
    border-bottom:1px solid #422c60!important;
    box-shadow:0 3px 16px rgba(29, 14, 51,.13)!important;
  }
  .mobile-bar .brand__logo {filter:brightness(0) invert(1)!important}
  .mobile-bar__actions button,.mobile-bar>button {color:#f8f4ee!important}
  .mobile-nav {
    background:#fff!important;border-top:1px solid var(--crm-border)!important;
    box-shadow:0 -6px 24px rgba(36, 18, 61,.09)!important;
  }
  .mobile-nav button.active {color:var(--crm-blue)!important}
  .mobile-nav__primary svg {background:var(--crm-blue)!important}
  .admin-content .attendance-page--v303 .attendance-summary--v303>button {min-height:87px;padding:13px 12px}
  .admin-content .cv .cv-stats {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .admin-content .cv .cv-stats button {min-width:0;padding:12px!important}
  .admin-content .cv .cv-stats strong {font-size:21px!important}
  .admin-content :where(.inventory-tabs,.op-tabs,.settings-sections) {max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
}
@media(max-width:580px){
  .admin-content {padding-inline:13px!important}
  .admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) {align-items:stretch;gap:12px;margin-bottom:17px}
  .admin-content :where(.page-heading,.attendance-heading,.leads-heading,.op-heading) h1 {font-size:24px}
  .admin-content .attendance-page--v303 .attendance-summary--v303 {gap:9px!important}
  .admin-content .attendance-page--v303 .attendance-summary--v303>button {padding:12px 9px;gap:7px}
  .admin-content .attendance-page--v303 .attendance-summary--v303>button>span {width:36px;height:36px;flex-basis:36px}
  .admin-content .attendance-page--v303 .attendance-summary--v303 strong {font-size:22px}
  .admin-content .attendance-page--v303 .attendance-controls--v303 {padding:12px!important}
  .admin-content .op-table-wrap {max-width:100%;overscroll-behavior-x:contain}
  .admin-content .op-table {min-width:660px}
  .admin-content .cv .cv-toolbar {gap:9px}
  .admin-content .cv .cv-stats {gap:7px!important}
  .admin-content .cv .cv-stats button {padding:11px 9px!important}
  .admin-content .cv .cv-stats strong {font-size:19px!important}
  .admin-content .cv .cv-stats :where(small,span) {font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .admin-content :where(.button,.attendance-card,.op-device,.cv-list>button),
  .sidebar__nav button {transition:none!important;animation:none!important}
}
/* Keep board/list switch labels intact at intermediate desktop widths. */
.admin-content .attendance-page--v303 .attendance-viewline__tools {min-width:0;flex-wrap:wrap}
.admin-content .attendance-page--v303 .attendance-view-switch {
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
  width:max-content!important;min-width:150px!important;max-width:100%!important;
  flex-wrap:nowrap!important;gap:3px;padding:3px;
}
.admin-content .attendance-page--v303 .attendance-view-switch>button {
  flex:1 0 67px!important;min-width:67px!important;width:auto!important;
  white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  font-size:12px!important;line-height:1.15;
}
/* Dashboard cards: label, number and context form a vertical unit. */
.admin-content .metric-grid article {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
}
.admin-content .metric-grid article>small,
.admin-content .metric-grid article>span {
  display:block;
  width:auto;
  max-width:100%;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1.4!important;
  font-size:12px!important;
}
.admin-content .metric-grid article>strong {
  display:block!important;
  font-size:clamp(21px,2.2vw,30px)!important;
  line-height:1.15!important;
  margin:3px 0!important;
  white-space:normal;
}