:root{color-scheme:dark;--bg:#0b0d1a;--panel:#13162b;--card:#171a33;--line:#242945;--muted:#9198b3;--text:#f2f3fb;--purple:#7657f6;--blue:#5f6cf3;--cyan:#23c7dc;--ok:#26d6ad;--fail:#ff5975;--warn:#ffb13b;--surface:#101326;--surface-raised:#15182e;--surface-soft:#191d36;--field:#11152b;--sidebar:#0e1226;--sidebar-line:#202642;--shadow:0 14px 38px #02040c55;--scroll-track:#0b0e1c;--scroll-thumb:#303754}
html[data-theme=light]{color-scheme:light;--bg:#f4f5f9;--panel:#fff;--card:#f8f9fd;--line:#e2e5ee;--muted:#6f7586;--text:#252836;--purple:#6751e7;--blue:#5266df;--cyan:#0faec5;--ok:#15a77a;--fail:#e84c68;--warn:#b77612;--surface:#fff;--surface-raised:#fff;--surface-soft:#f2f3f8;--field:#fff;--sidebar:#101329;--sidebar-line:#252a48;--shadow:0 10px 30px #20294212;--scroll-track:#eef0f5;--scroll-thumb:#c2c7d3;--op-panel:#fff;--op-card:#fff;--op-line:#e2e5ee;--op-muted:#6f7586;--op-text:#252836;--op-green:#15a77a;--op-red:#e84c68;--op-yellow:#b77612;--op-purple:#6751e7;--op-blue:#5266df}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--scroll-thumb) 72%,var(--purple))}
html,body{background:var(--bg)!important;color:var(--text)!important}body{background-image:radial-gradient(circle at 55% -18%,color-mix(in srgb,var(--purple) 8%,transparent),transparent 36%)!important}html[data-theme=light] body.has-sidebar{background-image:radial-gradient(circle at 1px 1px,#7864ee0d 1px,transparent 0)!important;background-size:22px 22px!important}body,.app-sidebar,.app-header,.panel,.stats article,.login-card,input,select,textarea,button,.button,table,dialog{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.panel,.login-card{background:var(--surface-raised)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.stats article,.dashboard-stats a,.test-list article,.print-profile-summary article,.label-logo-card,.print-defaults-form{background:var(--surface-raised)!important;border-color:var(--line)!important}input,select,textarea{background:var(--field)!important;color:var(--text)!important;border-color:var(--line)!important}select option{background:var(--field)!important;color:var(--text)!important}button,.button,.icon-button{background:var(--surface-soft);color:var(--text);border-color:var(--line)}.primary,.button.primary{background:linear-gradient(135deg,var(--blue),var(--purple))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px color-mix(in srgb,var(--purple) 24%,transparent)}td{border-color:var(--line)!important}tbody tr:hover{background:color-mix(in srgb,var(--purple) 8%,var(--surface))!important}.page-title h1{font-size:30px!important;letter-spacing:-.025em}.eyebrow{color:#8b72ff!important}.badge{font-weight:750!important}.flash{background:var(--surface)!important}.theme-toggle-icon{display:grid;place-items:center}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-topbar{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border-color:var(--line)!important}.login-topbar .theme-toggle{display:flex;align-items:center;gap:9px}.login-topbar .theme-toggle-icon{width:27px;height:27px}html[data-theme=light] .login-topbar .brand-official img{filter:brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(958%) hue-rotate(190deg) brightness(92%)}
html[data-theme=light] .dashboard-stats a:before,html[data-theme=light] .production-panel:before{opacity:.35}html[data-theme=light] .production-panel{background:var(--surface-raised)!important}html[data-theme=light] .production-overview article{background:var(--surface-soft)!important;border-color:var(--line)!important}html[data-theme=light] .chart-grid line{stroke:#27304b18}html[data-theme=light] .chart-grid text,html[data-theme=light] .chart-date{fill:#747b8d}
html[data-theme=light] .app-sidebar{color:#f2f3fb}html[data-theme=light] .app-sidebar .brand-copy b{color:#fff}html[data-theme=light] .app-sidebar .brand-copy small,html[data-theme=light] .app-sidebar nav a,html[data-theme=light] .app-sidebar .nav-section-title,html[data-theme=light] .app-sidebar .sidebar-foot small{color:#959bb7}html[data-theme=light] .app-sidebar nav a:hover{background:#181d37;color:#fff}html[data-theme=light] .app-sidebar nav a.active{color:#fff!important}html[data-theme=light] .dashboard-stats a{box-shadow:0 8px 24px #20294212!important}html[data-theme=light] .dashboard-stats a:hover{box-shadow:0 12px 30px #2029421c!important}
html[data-theme=light] .settings-anchor-grid a{background:var(--surface-raised)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 5px 16px #2029420a}html[data-theme=light] .settings-anchor-grid a:hover{border-color:color-mix(in srgb,var(--purple) 48%,var(--line))!important;color:var(--purple)!important}
html[data-theme=light] .equipment-search-panel,html[data-theme=light] .operations-kpis article,html[data-theme=light] .lot-operation-card,html[data-theme=light] .label-profile-card,html[data-theme=light] .crate-grid article,html[data-theme=light] .download-facts div,html[data-theme=light] .operation-sequence li,html[data-theme=light] .equipment-type-grid>a,html[data-theme=light] .lot-items-editor,html[data-theme=light] .lot-item-row,html[data-theme=light] .component-plan-card,html[data-theme=light] .operation-equipment-list>a,html[data-theme=light] .production-checklist label,html[data-theme=light] .defect-group,html[data-theme=light] .defect-assessment,html[data-theme=light] .detail-checklist span,html[data-theme=light] .defect-plan-summary article,html[data-theme=light] .report-lot-grid article,html[data-theme=light] .inventory-card-picker article,html[data-theme=light] .record-timestamps>span,html[data-theme=light] .market-price-grid article,html[data-theme=light] .market-variants span,html[data-theme=light] .lot-info-grid div,html[data-theme=light] .lot-expected-readonly article,html[data-theme=light] .traceability-model-card,html[data-theme=light] .traceability-status,html[data-theme=light] .crate-equipment-picker label,html[data-theme=light] .qr-equipment-facts article,html[data-theme=light] .qr-equipment-trace>div,html[data-theme=light] .market-sources,html[data-theme=light] .market-sources a,html[data-theme=light] .market-ai-settings .integration-fallback{background:var(--surface-raised)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme=light] .operations-kpis article.accent,html[data-theme=light] .component-plan-card.critical,html[data-theme=light] .market-price-grid article.featured{background:color-mix(in srgb,var(--surface-raised) 92%,var(--purple))!important}html[data-theme=light] .lot-operation-metrics span,html[data-theme=light] .component-plan-card dl div,html[data-theme=light] .defect-plan-summary dl div{background:var(--surface-soft)!important;color:var(--muted)!important}html[data-theme=light] .lot-operation-card:hover,html[data-theme=light] .equipment-type-grid>a:hover,html[data-theme=light] .operation-equipment-list>a:hover{background:color-mix(in srgb,var(--surface-raised) 95%,var(--purple))!important}html[data-theme=light] .label-profile-card strong,html[data-theme=light] .market-variants b,html[data-theme=light] .day-range-head output{color:var(--text)!important}
html[data-theme=light] .apk-download-zone,html[data-theme=light] .apk-download-zone h2,html[data-theme=light] .apk-download-zone h3,html[data-theme=light] .apk-download-zone .eyebrow{color:#f4f7ff!important}html[data-theme=light] .apk-zone-head p{color:#a8b3c9!important}html[data-theme=light] .apk-download-zone .apk-feature-grid b{color:#eef2ff!important}html[data-theme=light] .apk-download-zone .apk-feature-grid small{color:#9ba8c8!important}html[data-theme=light] .download-security code{color:#e2c8ff!important;border-color:#272b49!important}
@media(min-width:1101px){.settings-anchor-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:721px) and (max-width:1100px){.settings-anchor-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.page-title h1{font-size:25px!important}.login-topbar .theme-toggle{width:42px;height:42px;padding:0;justify-content:center}.login-topbar .theme-toggle [data-theme-label]{display:none}}
@media(prefers-reduced-motion:reduce){body,.app-sidebar,.app-header,.panel,input,select,textarea,button,.button{transition:none!important}}

/* 2026 light-surface audit: interactive states must follow the selected theme. */
html[data-theme=light] body{background:
  radial-gradient(circle at 18% 0,color-mix(in srgb,var(--purple) 5%,transparent) 0,transparent 28%),
  radial-gradient(circle at 92% 14%,color-mix(in srgb,var(--cyan) 4%,transparent) 0,transparent 24%),
  radial-gradient(circle,#7e879914 1px,transparent 1px),var(--bg)!important;background-size:auto,auto,19px 19px,auto}
html[data-theme=light] .app-header{box-shadow:0 1px 0 #fff inset,0 8px 26px #26304a08}
html[data-theme=light] .panel{box-shadow:0 12px 32px #2029420d!important}

/* Dialogs were previously locked to dark colors even in light mode. */
html[data-theme=light] .app-modal,
html[data-theme=light] .scanner-dialog,
html[data-theme=light] .qr-equipment-modal{background:var(--surface-raised)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 30px 90px #1b233d2b!important}
html[data-theme=light] .app-modal::backdrop,
html[data-theme=light] .scanner-dialog::backdrop,
html[data-theme=light] .qr-equipment-modal::backdrop{background:#20253873!important;backdrop-filter:blur(7px) saturate(.82)}
html[data-theme=light] .modal-head{border-color:var(--line)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 5%,var(--surface-raised)),var(--surface-raised))}
html[data-theme=light] .modal-head p,
html[data-theme=light] .app-modal label,
html[data-theme=light] .app-modal small,
html[data-theme=light] .app-modal .form-hint{color:var(--muted)!important}
html[data-theme=light] .modal-close{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .modal-close:hover{background:color-mix(in srgb,var(--fail) 9%,var(--surface-soft))!important;color:var(--fail)!important;border-color:color-mix(in srgb,var(--fail) 28%,var(--line))!important}
html[data-theme=light] .defect-editor{border-color:var(--line)!important}
html[data-theme=light] .defect-editor fieldset,
html[data-theme=light] .defect-summary span,
html[data-theme=light] .attachment-list article{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .defect-check-grid label{background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--line)}
html[data-theme=light] .defect-editor legend,
html[data-theme=light] .attachment-list a{color:var(--text)!important}
html[data-theme=light] .attachment-list a span,
html[data-theme=light] .defect-summary small{color:var(--muted)!important}
html[data-theme=light] .production-editor,
html[data-theme=light] .photo-editor{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}

/* Print, labels and download canvases use quiet light work surfaces. */
html[data-theme=light] .label-preview-frame{background:linear-gradient(145deg,#eef1f6,#e4e8f0)!important;border-color:#d8dde8!important;box-shadow:inset 0 1px 0 #fff}
html[data-theme=light] .label-search-results>a,
html[data-theme=light] .label-equipment-facts div,
html[data-theme=light] .daily-report-grid a{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .daily-report-head{border-top-color:var(--line)!important}
html[data-theme=light] .daily-report-head span{color:var(--muted)!important}
html[data-theme=light] .daily-report-grid a{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f7f6ff 100%)!important;color:#555a6c!important;border-color:#ddd9f2!important;box-shadow:0 5px 14px #2d295c0a;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease!important}
html[data-theme=light] .daily-report-grid a:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--purple),#8a68ef 58%,var(--cyan));opacity:.82}
html[data-theme=light] .daily-report-grid a:nth-child(4n+2):before{background:linear-gradient(90deg,var(--cyan),#5d7bea,var(--purple))}
html[data-theme=light] .daily-report-grid a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--purple) 42%,var(--line))!important;background:linear-gradient(145deg,#fff 0%,#f2efff 100%)!important;box-shadow:0 11px 25px #5945c51a}
html[data-theme=light] .daily-report-grid b{color:var(--purple)!important;text-shadow:none!important}
html[data-theme=light] .daily-report-grid small{color:var(--muted)!important}

/* Dashboard recovery summary: dark mode stays untouched; light mode uses the BRUD palette with full contrast. */
html[data-theme=light] .recovery-highlight{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 0,#19bfd910,transparent 31%),linear-gradient(125deg,#fff 0%,#f6f4ff 52%,#f1f8fb 100%)!important;border-color:#d6cef8!important;color:var(--text)!important;box-shadow:0 12px 30px #34305f12,inset 0 1px 0 #fff!important}
html[data-theme=light] .recovery-highlight:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--purple) 0%,#8564ee 54%,var(--cyan) 100%)}
html[data-theme=light] .recovery-highlight .eyebrow{color:var(--purple)!important}
html[data-theme=light] .recovery-highlight h2{color:var(--text)!important}
html[data-theme=light] .recovery-highlight h2 b.green{color:var(--ok)!important}
html[data-theme=light] .recovery-highlight p{color:var(--muted)!important}
html[data-theme=light] .recovery-mini{gap:10px}
html[data-theme=light] .recovery-mini span{min-width:104px;padding:11px 13px;border:1px solid #e1def1;border-radius:12px;background:#ffffffc9;color:var(--muted)!important;box-shadow:0 5px 14px #2d295c08}
html[data-theme=light] .recovery-mini b{color:var(--text)!important}
html[data-theme=light] .label-search-results>a:hover{background:color-mix(in srgb,var(--purple) 6%,var(--surface-soft))!important;border-color:color-mix(in srgb,var(--purple) 34%,var(--line))!important}
html[data-theme=light] .download-security code{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .apk-download-zone{background:radial-gradient(circle at 82% 4%,#6b43ee32,transparent 36%),linear-gradient(145deg,#07152f 0%,#0b1739 58%,#111342 100%)!important;color:#f4f7ff!important;border-color:#526de4!important}
html[data-theme=light] .apk-download-zone h2,
html[data-theme=light] .apk-download-zone h3{color:#fff!important}
html[data-theme=light] .apk-download-zone .eyebrow{color:#9bb4ff!important}
html[data-theme=light] .apk-zone-head p,
html[data-theme=light] .apk-download-zone .apk-feature-grid small{color:#a8b3cf!important}
html[data-theme=light] .apk-download-zone .apk-feature-grid b{color:#eef2ff!important}

/* Users, filters and traceability components. */
html[data-theme=light] .users-total,
html[data-theme=light] .users-summary span,
html[data-theme=light] .user-edit-button,
html[data-theme=light] .traceability-chip,
html[data-theme=light] .traceability-status div:first-child span{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .users-directory-filters{background:#f7f8fb!important;border-color:var(--line)!important}
html[data-theme=light] .station-token-flash code{background:var(--surface-soft)!important;color:var(--text)!important}

/* Stronger hierarchy and polished feedback, without copying Nyvora branding. */
.dashboard-stats a{border-top-width:3px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.dashboard-stats a:nth-child(1){border-top-color:var(--purple)!important}.dashboard-stats a:nth-child(2){border-top-color:var(--ok)!important}.dashboard-stats a:nth-child(3){border-top-color:var(--fail)!important}.dashboard-stats a:nth-child(4){border-top-color:var(--warn)!important}
.dashboard-stats a:hover{transform:translateY(-3px)}
.panel,.dashboard-stats a,.app-modal{border-radius:18px}
button,.button,.header-icon,.header-account{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.primary:hover,.button.primary:hover{transform:translateY(-1px);box-shadow:0 11px 26px color-mix(in srgb,var(--purple) 30%,transparent)!important}

@media(max-width:900px){html[data-theme=light] body{background-size:auto,auto,17px 17px,auto}}

/* Typography calibrated to the Nyvora reference while retaining BRUD colors. */
html,body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{font-size:14px;line-height:1.55}
h1,h2,h3,.page-title h1,.section-head h2{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
.page-title h1{font-size:24px!important;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.page-title p,.section-head p{font-size:13px;line-height:1.55}
.section-head h2,.panel>h2{font-weight:750;letter-spacing:-.015em}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em}
.report-export-center,.report-date-panel,.report-lot-list,#printing,#downloads,#users,#stations,#integrations{scroll-margin-top:100px}
html[data-theme=light] .users-total,html[data-theme=light] .users-summary span{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
html[data-theme=light] .users-summary b,html[data-theme=light] .user-identity b,html[data-theme=light] .station-pairing-info b{color:var(--text)}
html[data-theme=light] .users-directory-filters,html[data-theme=light] .users-pagination{background:var(--surface-soft);border-color:var(--line)}
html[data-theme=light] .users-directory-filters label>span,html[data-theme=light] .users-pagination p,html[data-theme=light] .users-page-number,html[data-theme=light] .current-session{color:var(--muted)!important}
html[data-theme=light] .users-table td,html[data-theme=light] .users-table tbody tr:nth-child(even) td,html[data-theme=light] .station-pairing-list article,html[data-theme=light] .station-pairing-list article:nth-child(even){background:var(--surface-raised);border-color:var(--line)}
html[data-theme=light] .users-table tbody tr:hover td{background:color-mix(in srgb,var(--purple) 7%,var(--surface-raised))}
html[data-theme=light] .user-cpf,html[data-theme=light] .user-email,html[data-theme=light] .station-pairing-info span{color:var(--text)}
html[data-theme=light] .user-edit-button,html[data-theme=light] .users-pagination .button{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=light] .equipment-current-crate{background:linear-gradient(125deg,color-mix(in srgb,var(--cyan) 8%,var(--surface-raised)),var(--surface-raised))!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--cyan) 38%,var(--line))!important;box-shadow:0 8px 22px #2029420d}
html[data-theme=light] .equipment-current-crate.not-stored{background:var(--surface-soft)!important;border-color:var(--line)!important}
html[data-theme=light] .equipment-current-crate p,html[data-theme=light] .facts small,html[data-theme=light] .diagnostics summary,html[data-theme=light] .diagnostics summary small,html[data-theme=light] .test-list p,html[data-theme=light] .test-list>article>span,html[data-theme=light] .production-facts small,html[data-theme=light] .market-variants i,html[data-theme=light] .timeline span,html[data-theme=light] .timeline p{color:var(--muted)!important}
html[data-theme=light] .facts dd,html[data-theme=light] .diagnostics b,html[data-theme=light] .production-facts span,html[data-theme=light] .market-summary,html[data-theme=light] .market-variants b,html[data-theme=light] .timeline b{color:var(--text)!important}
html[data-theme=light] .production-facts span,html[data-theme=light] .test-list article{background:var(--surface-soft)!important;border:1px solid var(--line)!important}
html[data-theme=light] .facts a{color:var(--purple)!important;font-weight:750}
@media(max-width:980px){html[data-theme=light] .users-table tr{background:var(--surface-raised);border-color:var(--line)}html[data-theme=light] .users-table td::before{color:var(--muted)}}
@media(max-width:900px){.page-title h1{font-size:22px!important}.page-title p,.section-head p{font-size:12.5px}}

/* Mobile light mode: serialized equipment rows must not retain the dark card skin. */
@media(max-width:900px){
html[data-theme=light] .equipment-table tbody tr[data-equipment-row]{background:var(--surface-raised)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 7px 20px #2029420c,inset 0 1px 0 #fff!important}
html[data-theme=light] .equipment-table tbody tr[data-equipment-row]:hover,html[data-theme=light] .equipment-table tbody tr[data-equipment-row]:focus-visible{background:color-mix(in srgb,var(--surface-raised) 94%,var(--purple))!important;border-color:color-mix(in srgb,var(--purple) 30%,var(--line))!important}
html[data-theme=light] .equipment-table td,html[data-theme=light] .equipment-table td:nth-child(3),html[data-theme=light] .equipment-table td:nth-child(4),html[data-theme=light] .equipment-table td:nth-child(5),html[data-theme=light] .equipment-table td:nth-child(6),html[data-theme=light] .equipment-table td:nth-child(7){color:var(--text)!important}
html[data-theme=light] .equipment-table td:before,html[data-theme=light] .equipment-table td small{color:var(--muted)!important}
html[data-theme=light] main .actions{background:color-mix(in srgb,var(--surface-raised) 94%,transparent)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 10px 28px #20294216!important}
html[data-theme=light] main .actions[style*="position: static"],html[data-theme=light] main .actions:where(.filter-actions,.label-logo-actions){background:transparent!important;box-shadow:none!important}
}

/* Tipografia e ritmo inspirados no Nyvora. */
html,body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.page-title h1,.section-head h2,.modal-head h2{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.025em}.page-title h1{font-size:28px!important}.section-head p,.page-title p,.modal-head p{line-height:1.55}button,.button,input,select,textarea,table{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* Fechamento de modal sempre preso e centralizado no canto superior. */
.modal-head{position:relative;align-items:flex-start;padding-right:82px!important}.modal-head>div{min-width:0}.modal-close{position:absolute;top:24px;right:28px;display:grid;place-items:center;min-width:38px;width:38px;height:38px;margin:0;padding:0!important;line-height:1;border-radius:11px;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:600}.scanner-close,.photo-lightbox-head>button,.profile-crop-head>button{display:grid;place-items:center;margin:0;padding:0!important;line-height:1}

.directory-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.directory-pagination>p{margin:0 auto 0 0;color:var(--muted);font-size:11px}.directory-pagination>div{display:flex;align-items:center;gap:5px}.directory-pagination>div a,.directory-pagination>div i{display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:11px;font-style:normal;font-weight:800}.directory-pagination>div a:hover{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));color:var(--purple)}.directory-pagination>div a.active{border-color:transparent;background:linear-gradient(145deg,var(--blue),var(--purple));color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--purple) 22%,transparent)}.directory-pagination>.button{min-height:34px;padding:7px 11px;font-size:10px}.directory-pagination>.disabled{opacity:.42;pointer-events:none}
@media(max-width:820px){.modal-head{padding-right:68px!important}.modal-close{top:20px;right:20px}.directory-pagination{flex-wrap:wrap;gap:7px}.directory-pagination>p{width:100%;margin:0 0 3px;text-align:center}.directory-pagination>div{order:-1;width:100%;justify-content:center}.directory-pagination>.button{flex:1;text-align:center}}

/* Menu mobile claro: superfície leve, contraste alto e QR Code preservado. */
@media(max-width:920px){
html[data-theme=light] .mobile-app-nav-scroller{border-color:#d8deef;background:#fffffff2;box-shadow:0 13px 34px #26304c2b,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
html[data-theme=light] .mobile-app-nav-scroller a{color:#69738c}
html[data-theme=light] .mobile-app-nav-scroller a.active{border-color:#cfc8fb;background:#eeeaff;color:#4e43b8;box-shadow:inset 0 0 0 1px #fff8,0 6px 16px #6156b626}
html[data-theme=light] .mobile-app-nav-scroller a.active .nav-icon{color:#574bd0;filter:none}
html[data-theme=light] .mobile-app-qr{border-color:#c9c2f3;box-shadow:0 10px 24px #5548b84d,inset 0 1px 0 #ffffff80}
}