/* Optional global skin. Classic pages are deliberately left untouched. */
@font-face{font-family:'Source Sans 3';src:url('/assets/fonts/source-sans-3.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
html[data-layout=compact]{font:14px/1.45 'Source Sans 3','Helvetica Neue',Arial,sans-serif;--background:#f5f5f5;--bg:#f5f5f5;--border:#dcdcdc;--ink:#262626;--muted:#626262;--primary:#3468bd;--blue:#3468bd;--shadow:0 1px 3px #0000000d}
html[data-layout=compact] body,html[data-layout=compact] .login-view{font:inherit;color:var(--ink);background:var(--bg)}
html[data-layout=compact] :is(button,input,select,textarea){font-family:inherit;font-size:1rem}
html[data-layout=compact] :is(h1,h2,h3){font-family:inherit;letter-spacing:normal;line-height:1.25}
html[data-layout=compact] h1{font-size:1.7rem}
html[data-layout=compact] h2{font-size:1.3rem}
html[data-layout=compact] h3{font-size:1.12rem}
html[data-layout=compact] :is(p,li){line-height:1.5}
html[data-layout=compact] :is(button,input,select){min-height:36px;border-radius:4px}
html[data-layout=compact] :is(input:not([type=checkbox]),select){padding:7px 10px}
html[data-layout=compact] :is(label,.group-card p,.brand small,header small){font-size:.95rem}
html[data-layout=compact] :is(.content,.main-content){padding-top:22px;padding-bottom:30px}
html[data-layout=compact] :is(.group-card,.editor,.catalog-card,.calculator-card,.help-card){border-radius:5px;padding:16px;box-shadow:var(--shadow)}
html[data-layout=compact] .group-card{gap:10px}
html[data-layout=compact] .group-list{gap:8px;margin-top:16px}
html[data-layout=compact] main>header{min-height:60px}
html[data-layout=compact] :is(.brand,.login-brand){margin-bottom:20px}
html[data-layout=compact] :is(.login-card,.account-card){border-radius:6px;padding:26px;box-shadow:var(--shadow)}
html[data-layout=compact] .login-view{padding:24px 16px}
html[data-layout=compact] body>main{max-width:680px;border-radius:6px;padding:24px}
html[data-layout=compact] :is(.hero,.welcome-card){border-radius:6px;padding:26px}
html[data-layout=compact] :is(.eyebrow,.badge){font-size:.86rem;letter-spacing:.05em}
html[data-layout=compact] .admin-nav button{min-height:36px}
html[data-layout=compact] :is(.admin-signature small,.admin-signature p,.sidebar-footer small,.sidebar-footer p){font-size:.86rem}
html[data-layout=compact] .admin-shell{grid-template-columns:230px minmax(0,1fr)}
html[data-layout=compact] .content{width:min(1440px,calc(100% - 40px))}
html[data-layout=compact] :is(.base-fields,.calculator-fields){gap:12px}
/* Shared account browser, bounded independently of theme and user count. */
.account-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr));gap:12px;margin:20px 0;padding:16px;border:1px solid var(--border);background:#fff;border-radius:6px;min-width:0}
.account-filters label{min-width:0;font-size:.9rem}
.account-filters .filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.account-filters>small{grid-column:2/-1;align-self:center;color:var(--muted)}
@media(max-width:600px){.account-filters>small{grid-column:1/-1}}
.account-results{min-width:0;overflow:auto;border:1px solid var(--border);border-radius:6px;background:#fff}
.account-table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}
.account-table :is(th,td){padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.account-table th{background:#f7f8fa;font-weight:600;white-space:nowrap}
.account-table td{overflow-wrap:anywhere}
.account-table .account-name{font-weight:600}
.account-table .account-actions{display:flex;gap:6px;flex-wrap:wrap}
.account-table .account-actions button{min-height:34px;padding:4px 10px;white-space:nowrap;font-size:.9rem}
.account-table small{display:block;color:var(--muted)}
.account-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.account-pagination p{margin:0;color:var(--muted)}
html[data-layout=compact] .account-table :is(th,td){padding:9px 12px}
@media(max-width:900px){.account-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){html[data-layout=compact] .admin-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){html[data-layout=compact] :is(button,input,select){min-height:44px}html[data-layout=compact] .content{width:calc(100% - 28px)}html[data-layout=compact] :is(.login-card,.editor){padding:18px}.account-filters{grid-template-columns:minmax(0,1fr)}.account-table thead{display:none}.account-table,.account-table tbody,.account-table tr,.account-table td{display:block;width:100%}.account-table tr{padding:10px;border-bottom:1px solid var(--border)}.account-table td{padding:5px;border:0}.account-table td::before{content:attr(data-label);font-weight:600;display:block;color:var(--muted);font-size:.85rem}.account-table .account-actions button{min-height:44px}}