/* Isolated concept inspired by the supplied reference. */
:root{color-scheme:light;font-family:Inter,"Segoe UI",sans-serif}
body{margin:0;letter-spacing:-.015em}
.topbar{position:fixed;inset:0 auto 0 0;width:205px;height:100vh!important;padding:34px 18px!important;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:38px;background:var(--theme-card);border:0;border-right:1px solid #e9e9f2;z-index:20;color:var(--theme-cardText)}
.brand{font-size:1.1rem;gap:10px;white-space:nowrap}.brand-mark.small{width:38px;height:38px;border-radius:12px;box-shadow:0 5px 12px #7258e82b}.brand b{font-weight:400}
.side-nav{display:grid;gap:9px}.side-nav a{text-decoration:none;color:var(--theme-accentText);background:var(--theme-accent);padding:14px;border-radius:12px;display:flex;gap:13px;align-items:center;font-weight:650;box-shadow:0 5px 16px #7258e82b}
.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin:0}.toolbar>button,.options-menu summary{width:100%;text-align:left;background:transparent;color:var(--theme-cardText);border:0;border-radius:12px;padding:14px 12px;font-size:.9rem;font-weight:550;min-height:48px}.toolbar>button:hover,.options-menu summary:hover{background:#f0edfc;color:#6349d0}
#all-list:before{content:'≡';margin-right:15px;font-size:20px}#open-expenses:before{content:'€';margin-right:17px;font-size:18px}.options-menu summary:before{content:'⚙';font-size:19px}.options-menu summary{gap:12px;justify-content:flex-start}.options-menu summary span{margin-left:auto}.options-items{left:0;right:auto;top:100%;border:1px solid #e6e3f0;box-shadow:0 12px 36px #30304816}
.top-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.user-chip{grid-column:1/-1;color:var(--theme-cardText);padding:14px 4px;border-top:1px solid #e9e9f2;max-width:none;font-size:.9rem}.user-chip:before{content:'●';color:#8c79d8;margin-right:10px}.quiet{background:#f2f1f9;color:#67647a;border:0;font-size:.75rem;padding:10px 6px}.quiet:hover{background:#e7e1fb;color:#524092}
.shell{margin-left:205px;max-width:none!important;padding:25px 30px 32px!important}.preview-notice{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#6b618c;font-size:.68rem;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #e3e2ed;padding-bottom:18px;margin-bottom:26px}.preview-notice span{font-size:.75rem;font-weight:400;letter-spacing:0;color:#7c798d}.page-intro{display:none}
.dashboard-tools{grid-template-columns:250px minmax(0,1fr) 250px;gap:22px;align-items:stretch;margin-bottom:26px}.category-section{padding:0 0 6px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:1.2rem!important;font-weight:650;letter-spacing:-.03em}.category-section .eyebrow{display:block;color:#8c87a1;font-size:.63rem;letter-spacing:.15em;margin:0 0 8px}.category-section h2{margin:0;color:var(--theme-text)}
.dashboard-tools .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.category,.category.active{height:auto;min-height:72px;aspect-ratio:1.18;padding:12px;border:1px solid #e7e5f2;border-radius:17px;background:var(--theme-card);box-shadow:0 4px 12px #34325104;color:var(--theme-cardText)}.category .name{font-size:clamp(.7rem,.9vw,.95rem);font-weight:650;color:inherit;letter-spacing:.025em}.category:nth-child(5n+1){background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-card))}.category:nth-child(5n+3){background:color-mix(in srgb,#51c3b4 10%,var(--theme-card))}.category:nth-child(5n+4){background:color-mix(in srgb,#eba968 11%,var(--theme-card))}.category:hover{background:var(--theme-accent);color:var(--theme-accentText);border-color:var(--theme-accent);box-shadow:0 8px 20px #7258e827;transform:translateY(-2px);filter:none}.category:active{transform:scale(.97)}
.calculator,.stock-gauge{width:auto;max-width:100%;padding:24px 18px;border-radius:22px;border:1px solid #e8e6f2;box-shadow:0 5px 20px #34325104;background:var(--theme-card);color:var(--theme-cardText);align-self:start}.calculator h2,.stock-gauge h2{font-size:.95rem;font-weight:600;text-align:left;color:var(--theme-cardText);margin:0 0 18px}.calculator output{background:#f6f5fb;border-radius:14px;padding:18px 12px;margin-bottom:16px;font-size:2.5rem;min-height:80px;color:#38334d}.calc-keys{gap:9px}.calc-keys button{background:#f2f1f8;color:#484354;font-size:1.25rem}.calc-keys .calc-fn{background:#e8e5f3;color:#686078}.calc-keys .calc-op{background:var(--theme-accent);color:var(--theme-accentText)}.calc-keys .calc-op.selected{background:#d8cffb;color:#5435c1}.stock-gauge{padding:24px 18px 30px}.stock-gauge svg{margin:25px 0 12px}.gauge-track{stroke:#ece9f7;opacity:1}.gauge-needle,.gauge-hub{stroke:#9a86ec;fill:#9a86ec}#gauge-value{font-size:2.2rem;letter-spacing:-.055em}#gauge-caption{color:#888297;font-size:.75rem;margin-top:12px}
.workspace{padding:22px;border:1px solid #e8e6f2;border-radius:20px;box-shadow:none}.workspace .section-heading h2{color:var(--theme-cardText);font-size:.95rem!important}.totals-strip{display:flex;flex-wrap:wrap;gap:8px}.total-pill{background:#f6f5fa;border:0;border-radius:9px;padding:9px 11px;display:flex;flex-direction:row;gap:9px;font-size:.68rem;flex:none;color:#787285}.total-pill strong{color:var(--theme-cardText);font-size:.8rem}
.bottom-stock{margin:20px 0 0}.bottom-stock .summary-main{display:flex;flex-direction:row;justify-content:space-between;text-align:left;min-height:100px;padding:24px 30px;border-radius:19px;background:linear-gradient(115deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 80%,#b2a8eb))!important;box-shadow:0 10px 28px #7258e81a}.summary-main span{font-size:.75rem;letter-spacing:.13em}.bottom-stock .summary-main strong{font-size:2.3rem;font-weight:650;margin:0}.market-prices{border:1px solid #e8e6f2;border-radius:16px;margin-top:18px}.market-toggle{padding:17px 21px;font-size:.85rem}.market-price-card{border-color:#e5e2ef;border-radius:13px}.market-heading{border-color:#eeebf4}
.modal,.detail-modal,.login-card{border:1px solid #e5e2ed;border-radius:22px;box-shadow:0 24px 90px #22203d2b;padding:28px;color-scheme:light}.modal::backdrop,.detail-modal::backdrop{background:#24203675;backdrop-filter:blur(5px)}.modal-head h2{font-size:1.3rem}.modal label,.login-card label{font-size:.85rem}.modal input:not([type=radio]):not([type=color]),.modal select,.login-card input{background:#f8f7fc;border:1px solid #ddd9e9;border-radius:11px;min-height:47px}.modal .secondary,.detail-modal .secondary,.icon-button{background:#eeebfa;color:#65519e;border-color:transparent}.manage-row,.record-row{border-color:#e9e5f2}.primary{border-radius:11px}.danger{background:#fff0ef!important;color:#a4535a!important;border-color:#edcfd1!important}.record-chip{border:0;background:#f3f0fa}.record-chip span,.subtle,.manage-row small{color:#797387}.cash-overview>div{border:0;border-radius:15px;background:#f4f1fb}.cash-overview .cash-balance{background:var(--theme-accent)}.expense-person{border-color:#e8e4f1}.login-screen{background:var(--theme-bg)}
@media(min-width:1600px){.dashboard-tools{grid-template-columns:270px minmax(0,1fr) 280px;gap:30px}.dashboard-tools .category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category{aspect-ratio:1;max-height:150px}.totals-strip{flex-wrap:nowrap}.total-pill{flex:1;flex-direction:column;gap:5px;padding:10px 3px}.shell{padding:30px 40px!important}}
@media(max-width:1200px){.dashboard-tools{grid-template-columns:1fr 1fr}.dashboard-tools .category-section{grid-column:1/-1;grid-row:1}.dashboard-tools .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.calculator,.stock-gauge{width:280px;justify-self:center}.category{aspect-ratio:1}.category .name{font-size:.85rem}}
@media(max-width:700px){.topbar{position:static;width:100%;height:auto!important;padding:18px!important;gap:18px;border-bottom:1px solid #e9e9f2}.brand{font-size:1rem}.side-nav{display:flex;gap:8px}.side-nav>a{padding:11px;font-size:.78rem;box-shadow:none}.side-nav>a>span{display:none}.toolbar{flex-direction:row;gap:5px}.toolbar>button,.options-menu summary{font-size:.78rem;padding:11px 8px;min-height:44px;background:#f3f0fa}.toolbar>button:before,.options-menu summary:before{display:none}.options-menu summary{gap:5px}.toolbar>.options-menu{flex:1}.options-items{left:auto;right:0}.top-actions{position:absolute;top:18px;right:18px;display:flex;gap:6px}.user-chip{display:none}.quiet{font-size:.68rem}.shell{margin:0;padding:18px 16px 25px!important}.preview-notice{align-items:flex-start;font-size:.57rem;letter-spacing:.04em;margin-bottom:22px;padding-bottom:14px}.preview-notice span{max-width:145px;font-size:.65rem;text-align:right}.dashboard-tools{gap:18px;grid-template-columns:1fr}.dashboard-tools .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category{aspect-ratio:1.1;border-radius:15px;min-height:80px}.category .name{font-size:.8rem}.calculator,.stock-gauge{width:300px;grid-column:1;justify-self:center}.workspace{padding:18px 14px}.totals-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px}.total-pill{justify-content:space-between;padding:10px 8px;gap:5px;font-size:.6rem}.total-pill strong{font-size:.7rem}.bottom-stock .summary-main{padding:23px 20px;min-height:90px}.bottom-stock .summary-main strong{font-size:1.7rem}.summary-main span{font-size:.65rem}.modal,.detail-modal{padding:20px;max-width:calc(100% - 24px)}.market-toggle{padding:15px}.section-heading h2{font-size:1.15rem!important}}
@media(min-width:1201px){.dashboard-tools .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category{aspect-ratio:1;min-height:76px}.category .name{font-size:clamp(.65rem,.8vw,.9rem)}}
@media(max-width:700px){.toolbar{display:flex;flex-direction:row;min-width:0}.toolbar>button{width:auto;flex:1;min-width:0;white-space:nowrap}.toolbar>.options-menu{flex:1;min-width:0}.options-menu summary{width:100%;white-space:nowrap;font-size:.7rem}.side-nav>a{flex:0 0 32px;justify-content:center;padding:8px}.toolbar>button{font-size:.7rem}.side-nav{align-items:stretch}}
.bottom-stock .summary-main strong{color:var(--theme-accentText)}
/* Consistent lavender tiles and larger, softer product lettering. */
.category,.category.active,.category:nth-child(n){background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-card));color:var(--theme-cardText)}
.category .name{font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;font-size:clamp(.82rem,1.02vw,1.05rem);font-weight:700;line-height:1.4;letter-spacing:.025em;overflow-wrap:normal;word-break:normal}
.category:hover{background:var(--theme-accent);color:var(--theme-accentText);border-color:var(--theme-accent)}
@media(max-width:700px){.category .name{font-size:.9rem;letter-spacing:.015em}}
.theme-mode{position:fixed;right:20px;bottom:20px;z-index:40;min-height:44px;padding:11px 18px;border-radius:24px;background:var(--theme-card);color:var(--theme-cardText);border:1px solid color-mix(in srgb,var(--theme-cardText) 18%,transparent);box-shadow:0 5px 20px #17172b18;font-size:.85rem;font-weight:650}.theme-mode:hover{background:var(--theme-accent);color:var(--theme-accentText)}.theme-mode:disabled{opacity:.5}.shell{padding-bottom:85px!important}
:root[data-theme-mode=night]{color-scheme:dark}
[data-theme-mode=night] .topbar,[data-theme-mode=night] .calculator,[data-theme-mode=night] .stock-gauge,[data-theme-mode=night] .workspace,[data-theme-mode=night] .market-prices,[data-theme-mode=night] .modal,[data-theme-mode=night] .detail-modal,[data-theme-mode=night] .login-card,[data-theme-mode=night] .options-items{border-color:#3b3c51;color-scheme:dark}
[data-theme-mode=night] .quiet,[data-theme-mode=night] .calc-keys button,[data-theme-mode=night] .calculator output,[data-theme-mode=night] .total-pill,[data-theme-mode=night] .record-chip,[data-theme-mode=night] .cash-overview>div,[data-theme-mode=night] .modal .secondary,[data-theme-mode=night] .detail-modal .secondary,[data-theme-mode=night] .icon-button{background:#303145;color:#e6e1f3}
[data-theme-mode=night] .calc-keys .calc-fn{background:#41425b;color:#f2eefb}[data-theme-mode=night] .calc-keys .calc-op,[data-theme-mode=night] .cash-overview .cash-balance{background:var(--theme-accent);color:white}
[data-theme-mode=night] .modal input:not([type=radio]):not([type=color]),[data-theme-mode=night] .modal select,[data-theme-mode=night] .login-card input{background:#1e1f2e;color:#eeeaf8;border-color:#48465e}
[data-theme-mode=night] .user-chip,[data-theme-mode=night] .manage-row,[data-theme-mode=night] .record-row,[data-theme-mode=night] .market-heading,[data-theme-mode=night] .expense-person,[data-theme-mode=night] .market-price-card{border-color:#414056}
[data-theme-mode=night] .subtle,[data-theme-mode=night] .manage-row small,[data-theme-mode=night] .record-chip span,[data-theme-mode=night] #gauge-caption,[data-theme-mode=night] .category-section .eyebrow,[data-theme-mode=night] .total-pill{color:#bdb5cd}[data-theme-mode=night] .gauge-track{stroke:#414157}
[data-theme-mode=night] .danger{background:#453038!important;color:#f7c2c7!important;border-color:#68434c!important}[data-theme-mode=night] .danger-box{background:#302630;color:#eeeaf8;border-color:#62444e}[data-theme-mode=night] .danger-box p,[data-theme-mode=night] .danger-box h3{color:#e8bfca}
@media(max-width:700px){.theme-mode{right:14px;bottom:14px;padding:10px 15px}[data-theme-mode=night] .toolbar>button,[data-theme-mode=night] .options-menu summary{background:#303145;color:#eeeaf8}}

/* Responsive corrections: shrink grid tracks, keep dialogs inside the visual viewport. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.dashboard-tools>*{min-width:0}.calculator,.stock-gauge{min-width:0;width:100%;max-width:300px}
.stock-gauge{height:var(--tool-height,auto);display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:24px 18px}
.stock-gauge svg{display:block;width:100%;max-height:65%;margin:auto 0;flex-shrink:1}
.stock-gauge h2{margin-bottom:14px}.stock-gauge #gauge-meter{margin-top:12px}
.gauge-labels{font-size:9px;font-weight:500;fill:currentColor}.gauge-ticks{stroke:currentColor;opacity:.65;stroke-width:1}.gauge-ticks .major{stroke-width:1.5}
@media(min-width:1600px){.dashboard-tools{grid-template-columns:270px minmax(0,1fr) 270px}}
@media(min-width:701px) and (max-width:1200px){.dashboard-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator,.stock-gauge{width:100%;max-width:280px}}
.modal,.detail-modal{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.modal form,.modal label,.detail-modal label,.form-grid>*{min-width:0}
@media(max-width:700px){
 .topbar{inset:auto;position:relative}.side-nav{min-width:0;width:100%}.shell{width:100%;margin-left:0}
 .dashboard-tools{grid-template-columns:minmax(0,1fr)}.calculator,.stock-gauge{width:min(300px,100%);max-width:100%}
 .category .name{overflow-wrap:anywhere}.top-actions{position:static;margin-top:0;justify-content:flex-end}.brand{white-space:normal}
 .modal,.detail-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:16px;border-radius:18px;font-size:14px}
 .modal-head{gap:10px;margin-bottom:14px}.modal-head h2{font-size:1.1rem;overflow-wrap:anywhere}.modal-head>div{min-width:0}
 .modal label,.login-card label{font-size:14px;margin-bottom:10px}
 .modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal select,.modal textarea,.login-card input{font-size:16px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px}
 .entry-modal .form-grid,.users-modal .form-grid,.form-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .entry-modal .modal-actions{margin-top:14px}.entry-modal .modal-actions .primary{min-width:0;width:100%}
 .modal-actions,.theme-actions,.manage-actions{flex-wrap:wrap;gap:8px}.modal-actions button,.theme-actions button{min-height:44px}
 .expenses-modal{width:calc(100vw - 24px)}.expense-fields{grid-template-columns:minmax(0,1fr)}
 .login-card{max-width:100%;padding:22px}.theme-fields{gap:10px}.theme-mode{bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:700px){.modal form{gap:10px}.modal label{margin:0;gap:5px}.modal .form-grid label{margin:0}.modal-head{margin-bottom:4px}.form-error:empty{display:none}.entry-modal .modal-actions{margin-top:4px}.modal,.detail-modal{width:calc(100% - 24px);max-width:calc(100% - 24px)}}

/* Avoid opening the mobile keyboard until the user taps a field. */
@media(max-width:900px),(pointer:coarse){
 #entry-dialog{position:fixed;inset:auto;top:calc(var(--entry-view-top,0px) + 12px);left:50%;transform:translateX(-50%);margin:0;width:min(360px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(var(--entry-view-height,100dvh) - 24px);padding:16px;overflow:auto;overscroll-behavior:contain}
 #entry-dialog input:not([type=hidden]),#entry-dialog select{font-size:16px!important;line-height:1.35;min-width:0;max-width:100%;width:100%}
 #entry-dialog form{gap:10px}#entry-dialog label{margin:0;gap:5px;font-size:14px}
 #entry-dialog .form-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 #entry-dialog .modal-head{margin-bottom:4px}#entry-dialog .modal-head h2{font-size:1.1rem}
 #entry-dialog .modal-actions{margin-top:4px}#entry-dialog .modal-actions .primary{width:100%;min-width:0;min-height:44px}
}
/* Keep product tiles square and centered on wide desktop screens. */
@media(min-width:1201px){
 .dashboard-tools .category-grid{grid-template-columns:repeat(5,minmax(0,160px));justify-content:center;align-items:start}
 .dashboard-tools .category,.dashboard-tools .category.active{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1;align-self:start}
}

/* Audit fixes: readable status, paged history and custom night colors. */
#entry-note-label[hidden]{display:none}
.total-pill{font-size:.8rem;line-height:1.4;min-width:0}.total-pill strong{font-size:.88rem;white-space:nowrap}
@media(min-width:1600px){.total-pill{padding:12px 6px;overflow-wrap:anywhere}}
@media(max-width:700px){.total-pill{font-size:.75rem;gap:8px}.total-pill strong{font-size:.8rem}}
.stock-status{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 18px;font-size:13px}.stock-status.error{color:var(--theme-text);border:1px solid #c56a73;padding:12px;border-radius:12px}.history-actions{display:flex;gap:6px;flex-wrap:wrap}.history-actions button{padding:7px 10px;min-height:36px}.record-status{font-size:13px}.record-items{min-width:0}.record-chip{overflow-wrap:anywhere}.record-chip button{font-size:12px}.history-more{margin-top:10px}
[data-theme-mode=night] .quiet,[data-theme-mode=night] .calc-keys button,[data-theme-mode=night] .calculator output,[data-theme-mode=night] .total-pill,[data-theme-mode=night] .record-chip,[data-theme-mode=night] .cash-overview>div,[data-theme-mode=night] .modal .secondary,[data-theme-mode=night] .detail-modal .secondary,[data-theme-mode=night] .icon-button{background:color-mix(in srgb,var(--theme-card) 88%,var(--theme-text));color:var(--theme-cardText)}
[data-theme-mode=night] .modal input:not([type=radio]):not([type=color]),[data-theme-mode=night] .modal select,[data-theme-mode=night] .login-card input{background:var(--theme-bg);color:var(--theme-text)}
[data-theme-mode=night] .calc-keys .calc-op,[data-theme-mode=night] .cash-overview .cash-balance{background:var(--theme-accent);color:var(--theme-accentText)}
[data-theme-mode=night] .category,[data-theme-mode=night] .category.active{background:var(--theme-card);color:var(--theme-cardText)}[data-theme-mode=night] .category:hover{background:var(--theme-accent);color:var(--theme-accentText)}
@media(max-width:700px){.stock-status{gap:8px;align-items:flex-start}.stock-status button{flex-shrink:0}.history-actions button{min-height:44px}.side-nav>a>span[aria-hidden=true]{display:inline}}

/* Tablet landscape: a collapsible sidebar gives products more room. */
.sidebar-toggle{display:none}
@media(min-width:701px) and (max-width:1366px) and (orientation:landscape){
 .layout-ready .sidebar-toggle{display:block;position:fixed;left:16px;top:14px;z-index:25;min-height:44px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--theme-cardText) 20%,transparent);border-radius:12px;background:var(--theme-card);color:var(--theme-cardText);font-size:15px;font-weight:650}
 .layout-ready .topbar{transform:translateX(-100%);visibility:hidden;overflow-y:auto;gap:24px}
 .layout-ready .shell{margin-left:0;padding-top:76px!important}
 .layout-ready.sidebar-open .topbar{transform:none;visibility:visible}
 .layout-ready.sidebar-open .shell{margin-left:205px}
 .layout-ready.sidebar-open .sidebar-toggle{left:221px}
}
/* Phone portrait: keep the product workflow compact. */
@media(max-width:700px) and (orientation:portrait){
 .dashboard-tools .calculator,.dashboard-tools .stock-gauge{display:none!important}
 .dashboard-tools{grid-template-columns:minmax(0,1fr)}
}

/* Keep stock fields readable without focus zoom, including desktop-mode phones. */
#entry-dialog input:not([type=hidden]),#entry-dialog select,#entry-dialog textarea{font-size:18px!important;line-height:1.35}

/* Dark first paint; saved theme colors override these variables inline. */
:root[data-theme-mode=night]{--theme-bg:#191a26;--theme-text:#e7e5f2;--theme-card:#252636;--theme-cardText:#eeecf7;--theme-accent:#7258e8;--theme-accentText:#ffffff}

.security-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:var(--theme-card);color:var(--theme-cardText);margin-bottom:16px}.security-banner[hidden]{display:none}.security-event{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #8884;overflow-wrap:anywhere}.security-event small{opacity:.8}#security-test-form{display:grid;gap:12px;margin-top:24px}#security-test-form label{display:grid;gap:7px}#security-test-form input{font-size:18px;min-height:44px;padding:10px;border-radius:10px;border:1px solid #8885;background:var(--theme-bg);color:var(--theme-text)}@media(max-width:700px){.security-banner{flex-direction:column;align-items:stretch}}