/* Version 1.4.2: premium theme controls with restrained keyboard focus. */
:root{color-scheme:light;--theme-bg:#f3f6fc;--theme-surface:rgba(255,255,255,.82);--theme-raised:#fff;--theme-ink:#13233c;--theme-muted:#70809a;--theme-line:rgba(104,127,164,.18);--theme-shadow:0 18px 48px rgba(28,47,78,.08)}
html[data-theme="dark"]{color-scheme:dark;--theme-bg:#0a1220;--theme-surface:rgba(20,31,49,.84);--theme-raised:#142137;--theme-ink:#eef3fb;--theme-muted:#aab8cc;--theme-line:rgba(190,207,232,.15);--theme-shadow:0 18px 50px rgba(0,0,0,.26);--line:#29384f;--muted:#aab8cc;--ink:#eef3fb}
html,body{min-height:100%;background:var(--theme-bg);color:var(--theme-ink);transition:background-color .2s ease,color .2s ease}
.theme-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:4px 8px 4px 12px;border:1px solid var(--theme-line);border-radius:999px;background:var(--theme-surface);color:var(--theme-muted);font-size:12px;font-weight:600;white-space:nowrap;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 4px 14px rgba(22,38,66,.07);cursor:pointer}
.theme-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.theme-control:focus-within{outline:none;outline-offset:0}.theme-control input:focus-visible+.theme-switch{outline:2px solid #91a0b4;outline-offset:3px}
.theme-switch{width:37px;height:22px;display:flex;align-items:center;padding:3px;border-radius:999px;background:#aeb8c8;transition:background .2s ease}
.theme-switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #07142a45;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.theme-control input:checked+.theme-switch{background:#356ff0}.theme-control input:checked+.theme-switch i{transform:translateX(15px)}
.top-right>.theme-control{margin:0 3px}
/* Brand-first, image-led sign-in. Background image is an authored project asset. */
.login{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);min-height:100svh;overflow:hidden;background:#0b1322;color:#f5f7fb}
.login:before{content:"";position:absolute;inset:0;z-index:-2;background:#0b1322 url('/images/login-night-background.png') center/cover no-repeat}
.login:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,15,29,.28),rgba(9,17,31,.48) 47%,rgba(8,15,27,.68))}
.login-story{min-width:0;min-height:100svh;padding:clamp(30px,5vw,76px) clamp(26px,7vw,108px);display:flex;flex-direction:column;justify-content:center;color:#f5f7fb;background:transparent}
.login-brand{display:flex;align-items:center;gap:19px;width:max-content;max-width:100%}
.login-brand img{display:block;width:auto;height:clamp(120px,20vh,220px);max-width:145px;object-fit:contain;filter:drop-shadow(0 10px 24px #0005)}
.login-brand div{display:grid;gap:5px}.login-brand strong{font-size:clamp(20px,2vw,29px);font-weight:650;letter-spacing:-.035em}.login-brand span{font-size:13px;color:#c6d0df;letter-spacing:.03em}
.login-story-copy{margin-top:clamp(30px,6vh,70px)}
.login-story>.login-story-copy>.eyebrow{margin:0;color:#e1c27e;font-size:11px;letter-spacing:.18em;font-weight:650}
.login-story h1{margin:18px 0 17px;color:#fff;font-size:clamp(36px,5.1vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:650}
.login-story p{margin:0;color:#d2dae7;font-size:clamp(15px,1.35vw,19px);line-height:1.7}
.story-box{display:flex;align-items:center;gap:13px;margin-top:clamp(34px,7vh,78px);padding-top:21px;border-top:1px solid rgba(219,194,134,.28);color:#f0ddb0;font-size:14px;line-height:1.5}
.story-box .icon{width:20px;height:20px;color:#dfbd72}
.login-side{position:relative;display:grid;place-items:center;min-width:0;padding:72px clamp(22px,5vw,78px);background:linear-gradient(135deg,rgba(19,30,48,.44),rgba(8,16,29,.68));border-left:1px solid rgba(226,199,141,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.login-top{position:absolute;top:max(24px,env(safe-area-inset-top));right:clamp(20px,4vw,58px);z-index:1}
.login-card{width:min(100%,430px);max-width:100%;align-self:center;justify-self:center;margin:0;padding:clamp(27px,4vw,48px);border:1px solid rgba(255,255,255,.21);border-radius:24px;background:rgba(255,255,255,.96);color:#172742;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.login-card .pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid #dbe6fb;border-radius:999px;background:#f2f6ff;color:#3b66bd;font-size:10px;font-weight:700;letter-spacing:.1em}
.login-card h2{margin:21px 0 9px;color:#14243d;font-size:clamp(22px,2vw,29px);line-height:1.17;letter-spacing:-.04em}
.login-card>p:not([role="alert"]){margin:0 0 26px;color:#718098;font-size:14px;line-height:1.55}
.login-card label{display:block;margin:16px 0 7px;color:#334560;font-size:12px;font-weight:650}
.login-card input{width:100%;min-height:49px;padding:12px 14px;border:1px solid #dce3ed;border-radius:11px;background:#f9fbfe;color:#172742;outline:none;transition:border-color .18s,box-shadow .18s}
.login-card input:focus{border-color:#5787f5;box-shadow:0 0 0 4px rgba(55,112,236,.13)}
.login-card input::placeholder{color:#9aa6b8}
.login-card button.primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;margin-top:23px;border-radius:11px;background:linear-gradient(105deg,#2863e9,#397cf4);color:white;font-size:14px;font-weight:650;box-shadow:0 8px 18px rgba(43,100,230,.24)}
.login-card button.primary:hover{filter:brightness(1.06)}
.login-card button.primary .icon{width:17px;height:17px}
.login-card small{display:block;margin:23px 0 0;color:#8b97a9;font-size:11px;text-align:center}
.login-card #login-error,.login-card #password-error{min-height:0;margin:12px 0 0;color:#bd4352;font-size:12px}
html[data-theme="light"] .login{background:#f4f6f9;color:#172742}
html[data-theme="light"] .login:before{filter:brightness(1.2)}
html[data-theme="light"] .login:after{background:linear-gradient(90deg,rgba(13,25,45,.18),rgba(13,25,45,.33) 47%,rgba(244,247,252,.68))}
html[data-theme="light"] .login-side{background:linear-gradient(135deg,rgba(255,255,255,.43),rgba(242,246,252,.74));border-left-color:rgba(193,164,100,.32)}
html[data-theme="light"] .login-card{box-shadow:0 25px 75px rgba(27,45,77,.14)}
/* iPhone XS width and newer: vertically composed, safe-area aware, no clipped controls. */
@media(max-width:759px){.login{grid-template-columns:minmax(0,1fr);min-height:100svh;overflow:auto;overflow-x:hidden}.login:after{background:linear-gradient(180deg,rgba(8,15,28,.25),rgba(8,15,28,.67) 35%,rgba(8,15,28,.72))}.login-story{min-height:0;padding:calc(18px + env(safe-area-inset-top)) 25px 15px;align-items:center;text-align:center}.login-brand{flex-direction:column;gap:6px}.login-brand img{height:clamp(95px,17vh,145px);max-width:100px}.login-brand div{gap:1px}.login-brand strong{font-size:19px}.login-brand span{font-size:10px}.login-story-copy{margin-top:17px}.login-story>.login-story-copy>.eyebrow{font-size:9px;letter-spacing:.14em}.login-story h1{margin:9px 0 5px;font-size:clamp(27px,8vw,38px);line-height:1.03}.login-story p{font-size:12px;line-height:1.45}.story-box{display:none}.login-side{display:block;min-height:0;padding:15px 20px calc(23px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid rgba(226,199,141,.18);background:rgba(8,16,29,.28)}.login-top{top:12px;right:18px}.login-top .theme-control{min-height:34px;padding-left:10px;font-size:11px}.login-card{width:min(100%,410px);margin:0 auto;padding:22px 22px 19px;border-radius:20px}.login-card h2{margin:14px 0 6px;font-size:22px}.login-card>p:not([role="alert"]){margin-bottom:17px;font-size:13px}.login-card label{margin:12px 0 6px;font-size:11px}.login-card input{min-height:46px;font-size:16px}.login-card button.primary{min-height:48px;margin-top:17px}.login-card small{margin-top:15px;font-size:10px}}
@media(max-width:380px){.login-story{padding-left:19px;padding-right:19px}.login-brand img{height:clamp(86px,14vh,116px)}.login-story-copy{margin-top:12px}.login-story h1{font-size:27px}.login-side{padding-left:15px;padding-right:15px}.login-card{padding:18px 17px 15px}.login-card h2{font-size:20px}}
/* iPad portrait and landscape retain the approved side-by-side composition. */
@media(min-width:760px) and (max-width:1100px){.login{grid-template-columns:minmax(0,.92fr) minmax(370px,1.08fr)}.login-story{padding:38px clamp(28px,5vw,56px)}.login-brand{flex-direction:column;align-items:flex-start;gap:10px}.login-brand img{height:clamp(135px,22vh,195px)}.login-story-copy{margin-top:35px}.login-story h1{font-size:clamp(40px,5.5vw,56px)}.login-side{padding:72px 28px}.login-card{padding:34px}}
@media(min-width:760px) and (max-height:800px){.login-story{padding-top:25px;padding-bottom:25px}.login-brand img{height:125px}.login-story-copy{margin-top:20px}.login-story h1{margin:12px 0;font-size:clamp(36px,4vw,52px)}.story-box{margin-top:24px;padding-top:14px}.login-card{padding:29px}.login-card h2{margin-top:14px}.login-card small{margin-top:17px}}
/* Workspace surfaces and controls follow the selected theme. Printable sheets stay paper-white. */
html[data-theme="dark"] body{background:var(--theme-bg);color:var(--theme-ink)}
html[data-theme="dark"] .main{background:linear-gradient(135deg,#0b1424,#0d1729 48%,#0a1322)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .workspace,html[data-theme="dark"] .panel,html[data-theme="dark"] .stock-panel,html[data-theme="dark"] .summary,html[data-theme="dark"] .delivery-panel,html[data-theme="dark"] .report-stat,html[data-theme="dark"] .chart-card,html[data-theme="dark"] .recent-card,html[data-theme="dark"] .receipt-history,html[data-theme="dark"] .mobile-secondary-menu{background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line);box-shadow:var(--theme-shadow);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
html[data-theme="dark"] .brand,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb strong,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .page-heading h2,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .section-heading h3,html[data-theme="dark"] .panel h2,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .nav-button,html[data-theme="dark"] .account,html[data-theme="dark"] .workspace strong,html[data-theme="dark"] .article strong,html[data-theme="dark"] .category strong,html[data-theme="dark"] .report-stat strong{color:var(--theme-ink)}
html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .workspace small,html[data-theme="dark"] .account small,html[data-theme="dark"] .nav-label,html[data-theme="dark"] .page-heading .eyebrow,html[data-theme="dark"] .info,html[data-theme="dark"] .muted,html[data-theme="dark"] .article small,html[data-theme="dark"] .category small,html[data-theme="dark"] .report-stat>span,html[data-theme="dark"] .report-stat small,html[data-theme="dark"] .audit-row small,html[data-theme="dark"] .user-row small,html[data-theme="dark"] footer{color:var(--theme-muted)}
html[data-theme="dark"] .nav-button:not(.active),html[data-theme="dark"] .nav-button:not(.active) .icon{color:#a5b4ca}
html[data-theme="dark"] .nav-button.active{background:rgba(53,111,240,.19);color:#8fb0ff}
html[data-theme="dark"] input:not([type="checkbox"]),html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .search-input,html[data-theme="dark"] .date-field input,html[data-theme="dark"] .delivery-fields input,html[data-theme="dark"] .user-create input,html[data-theme="dark"] .temporary-password input{background:#101d31;color:var(--theme-ink);border-color:var(--theme-line)}
html[data-theme="dark"] .login-card input{background:#f9fbfe;color:#172742;border-color:#dce3ed}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8494ac}
html[data-theme="dark"] .category,html[data-theme="dark"] .article,html[data-theme="dark"] .chip,html[data-theme="dark"] .secondary,html[data-theme="dark"] .step,html[data-theme="dark"] .status-tab,html[data-theme="dark"] .period-buttons button,html[data-theme="dark"] .category-filter button,html[data-theme="dark"] .filter-button{background:rgba(255,255,255,.035);color:var(--theme-ink);border-color:var(--theme-line)}
html[data-theme="dark"] .category.selected,html[data-theme="dark"] .article.selected,html[data-theme="dark"] .chip.chosen,html[data-theme="dark"] .step.active{background:rgba(54,112,239,.2);border-color:#4d7ee2;color:#dce8ff}
html[data-theme="dark"] .table-wrap,html[data-theme="dark"] table,html[data-theme="dark"] th,html[data-theme="dark"] td,html[data-theme="dark"] .movement-row,html[data-theme="dark"] .user-row,html[data-theme="dark"] .audit-row,html[data-theme="dark"] .delivery-line{border-color:var(--theme-line)}
html[data-theme="dark"] table th{background:#17263c;color:#c9d5e7}html[data-theme="dark"] table td{color:#e0e8f3}html[data-theme="dark"] table tr:nth-child(even){background:rgba(255,255,255,.025)}
html[data-theme="dark"] .chart-grid{stroke:rgba(190,207,232,.17)}html[data-theme="dark"] .trend-chart text{fill:#9baac0}html[data-theme="dark"] .trend-chart circle{stroke:#142137}
html[data-theme="dark"] .mobile-nav-compact .sidebar,html[data-theme="dark"] .mobile-nav-expanded .sidebar{background:rgba(14,24,41,.9)}html[data-theme="dark"] .nav-toggle{background:rgba(18,30,49,.94);border-color:var(--theme-line);color:#9fbaff}
html[data-theme="dark"] .account{background:transparent;color:var(--theme-ink)}
html[data-theme="dark"] .help-card{background:linear-gradient(135deg,rgba(40,62,100,.55),rgba(23,39,66,.7));border-color:var(--theme-line)}html[data-theme="dark"] .help-card strong,html[data-theme="dark"] .help-card p{color:#c5d4ec}
html[data-theme="dark"] .workspace-mark,html[data-theme="dark"] .nav-button small,html[data-theme="dark"] .step-number,html[data-theme="dark"] .category-icon,html[data-theme="dark"] .article-icon,html[data-theme="dark"] .item-visual,html[data-theme="dark"] .section-icon,html[data-theme="dark"] .metric .icon,html[data-theme="dark"] .table-item img,html[data-theme="dark"] .mini-item,html[data-theme="dark"] .receipt-number{background:#1d2d47;color:#a9c2fb}
html[data-theme="dark"] .mode-switch{background:#111d30;border:1px solid var(--theme-line)}html[data-theme="dark"] .mode-switch .selected{background:#243b61;color:#e6eeff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
html[data-theme="dark"] .category.chosen .category-icon{background:#294371;color:#c3d4ff}
html[data-theme="dark"] .tone-1,html[data-theme="dark"] .tone-2,html[data-theme="dark"] .tone-3{background:#1a2a41;color:var(--theme-ink)}
html[data-theme="dark"] .chosen{background:#233d68!important;color:#e6eeff}
html[data-theme="dark"] .pill{background:#1d3151;color:#a9c2fb;border-color:var(--theme-line)}
html[data-theme="dark"] .stepper button,html[data-theme="dark"] .quick-qty button,html[data-theme="dark"] .edit-step,html[data-theme="dark"] .icon-button{background:#1c2d48;color:#b5c9f6;border-color:var(--theme-line)}
html[data-theme="dark"] .duplicate{background:rgba(27,119,88,.18);color:#8bd6b8;border-color:rgba(76,190,146,.28)}
html[data-theme="dark"] .status.green{background:rgba(37,139,91,.2);color:#8dd2ae}html[data-theme="dark"] .status.amber{background:rgba(181,123,31,.2);color:#e7c17c}html[data-theme="dark"] .status.red{background:rgba(174,59,75,.2);color:#f0a1ad}
html[data-theme="dark"] .metric{background:linear-gradient(145deg,rgba(25,41,65,.95),rgba(18,31,50,.86));border:1px solid var(--theme-line);box-shadow:var(--theme-shadow)}html[data-theme="dark"] .metric-2 .icon,html[data-theme="dark"] .metric-3 .icon{background:#29334c;color:#e5c483}
html[data-theme="dark"] .bar-row{color:#b6c5da}html[data-theme="dark"] .bar-row strong{color:#a9c2fb}html[data-theme="dark"] meter::-webkit-meter-bar{background:#293950}
html[data-theme="dark"] .movement{border-color:var(--theme-line)}html[data-theme="dark"] .movement-icon.in{background:#1d3150;color:#a9c2fb}html[data-theme="dark"] .movement-icon.out{background:#382d2b;color:#efb88d}html[data-theme="dark"] .movement-main strong>span{color:#a8b5c8}
html[data-theme="dark"] .donut-chart:after{background:#15243a}html[data-theme="dark"] .donut-chart strong{color:#eef3fb}
html[data-theme="dark"] .chart-legend>div{color:#aebbd0}html[data-theme="dark"] .chart-legend strong{color:#e2eaf6}
.status-donut-hole{fill:#fff}html[data-theme="dark"] .status-donut-hole{fill:#15243a}html[data-theme="dark"] .status-number,html[data-theme="dark"] .status-caption,html[data-theme="dark"] .donut-number,html[data-theme="dark"] .donut-caption{fill:#eef3fb}
html[data-theme="dark"]{--chart-track:#293950}
html[data-theme="dark"] .chart-total{color:#edf3fc}html[data-theme="dark"] .chart-total small{color:#aab8cc}html[data-theme="dark"] .top-item>div:first-child{color:#c2cee0}html[data-theme="dark"] .top-item strong{color:#edf3fc}
html[data-theme="dark"] .trend-grid{stroke:rgba(190,207,232,.22)}html[data-theme="dark"] .trend-labels{color:#aab8cc}
html[data-theme="dark"] .trend-chart circle{fill:#3869f4;stroke:#dbe7fb}
html[data-theme="dark"] .table-item strong,html[data-theme="dark"] .stock-number{color:#e2ebf8}html[data-theme="dark"] .text-tab{color:#aab8cc}html[data-theme="dark"] .text-tab.selected{color:#8fb0ff}
html[data-theme="dark"] .settings-grid details,html[data-theme="dark"] .settings-grid summary{color:#bcc9dc}html[data-theme="dark"] .settings-grid details p{color:#aab8cc}
html[data-theme="dark"] .avatar{border-color:#142137;background:#1c2d48;color:#c5d5f0}html[data-theme="dark"] .avatar[class*="profile-"],html[data-theme="dark"] .account .avatar{background:color-mix(in srgb,var(--profile,#2864e8) 21%,#142137);color:color-mix(in srgb,var(--profile,#2864e8) 58%,white)}
html[data-theme="dark"] .color-choice{border-color:#142137;box-shadow:0 0 0 1px rgba(196,211,235,.28)}html[data-theme="dark"] .color-choice.selected{box-shadow:0 0 0 2px var(--profile)}
html[data-theme="dark"] .receipt-number{background:#1d3151;color:#b7ccff}
html[data-theme="dark"] dialog{background:#142137;color:var(--theme-ink);border-color:var(--theme-line)}html[data-theme="dark"] dialog::backdrop{background:rgba(2,7,15,.72)}
html[data-theme="dark"] .paper-preview,html[data-theme="dark"] .receipt-preview,html[data-theme="dark"] .paper-preview *,html[data-theme="dark"] .receipt-preview *{background-color:initial;color:initial}
html[data-theme="dark"] .paper-preview{background:#fff;color:#14233e}html[data-theme="dark"] .paper-preview header span{color:#bd2529}html[data-theme="dark"] .paper-preview>p,html[data-theme="dark"] .paper-preview footer{color:#69758a}
html[data-theme="dark"] .receipt-preview{background:#fff}html[data-theme="dark"] .receipt-preview b{background:#eaf1ff;color:#2860df}html[data-theme="dark"] .receipt-preview>div+div b{background:#fff0f0;color:#b83237}html[data-theme="dark"] .receipt-preview span{background:#fff;color:#6e7b8d}
@media(max-width:620px){.top-right>.theme-control{gap:6px;min-height:34px;padding:3px 6px 3px 9px}.top-right>.theme-control>span:first-child{display:none}.top-right .theme-switch{width:34px;height:20px}.top-right .theme-switch i{width:14px;height:14px}.top-right .theme-control input:checked+.theme-switch i{transform:translateX(14px)}}
/* Keep native iOS date controls at 16px to prevent Safari's focus zoom. */
@media(max-width:700px){.period-buttons .date-field{min-width:0}.period-buttons .date-field input[type="date"]{min-width:0;max-width:100%;width:100%;min-height:48px;padding:0 8px;font-size:16px;letter-spacing:normal;line-height:1.25;text-align:center}.period-buttons .date-field input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:center}.period-buttons .date-field input[type="date"]::-webkit-calendar-picker-indicator{width:14px;margin:0}}
@media(prefers-reduced-transparency:reduce){.theme-control,.login-side,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .workspace,html[data-theme="dark"] .panel,html[data-theme="dark"] .stock-panel,html[data-theme="dark"] .summary,html[data-theme="dark"] .delivery-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.login-side{background:rgba(13,23,40,.94)}}

/* Keep every sign-in surface aligned with the selected application theme. */
html[data-theme="dark"] .login-card{background:rgba(18,29,47,.9);color:var(--theme-ink);border-color:rgba(194,210,234,.18);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
html[data-theme="dark"] .login-card h2,html[data-theme="dark"] .login-card label{color:var(--theme-ink)}
html[data-theme="dark"] .login-card>p:not([role="alert"]),html[data-theme="dark"] .login-card small{color:var(--theme-muted)}
html[data-theme="dark"] .login-card .pill{background:rgba(61,104,181,.2);border-color:rgba(123,159,223,.25);color:#b8d0ff}
html[data-theme="dark"] .login-card input{background:rgba(8,17,31,.72);border-color:rgba(176,196,225,.2);color:var(--theme-ink)}
/* Keep the phone toggle in its own row and compact the welcome stack to avoid overlap. */
@media(max-width:759px){.login-story{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:10px}.login-brand img{height:clamp(86px,14vh,116px);max-width:92px}.login-brand{gap:4px}.login-story-copy{margin-top:11px}.login-story h1{margin:7px 0 4px;font-size:clamp(26px,7.5vw,35px)}.login-side{padding-top:11px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.login-top{position:static;display:flex;justify-content:flex-end;width:min(100%,410px);margin:0 auto 8px}.login-card{padding:19px 22px 17px}.login-card h2{margin:12px 0 5px;font-size:21px}.login-card>p:not([role="alert"]){margin-bottom:14px;font-size:13px}.login-card label{margin:10px 0 5px;font-size:11px}.login-card input{min-height:44px;font-size:16px}.login-card button.primary{min-height:46px;margin-top:15px}.login-card small{margin-top:13px;font-size:10px}}
@media print{html,body,html[data-theme="dark"] body{background:#fff!important;color:#14233e!important}.theme-control{display:none!important}}

/* Keep the secondary navigation popover opaque enough to read in either theme. */
html[data-theme="light"] .mobile-secondary-menu{background:#fbfcffff!important;border-color:var(--theme-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme="dark"] .mobile-secondary-menu{background:#101c30f7!important;border-color:var(--theme-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.logout-confirm-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:14px;background:rgba(36,88,230,.12);color:var(--blue)}
.logout-confirm-icon .icon{width:22px;height:22px}