@font-face{font-family:THSarabunNew;src:url('/vendor/aegis/assets/fonts/THSarabunNew.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:THSarabunNew;src:url('/vendor/aegis/assets/fonts/THSarabunNew-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:THSarabunNew,Sarabun,system-ui,sans-serif;font-size:19px;color:#17243b;background:#f1eee5;line-height:1.3;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:#f1eee5;color:#17243b}
button,input,select,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button{cursor:interaction}
.app{--app-thai-font:THSarabunNew,Sarabun,system-ui,sans-serif;--ag-ui:var(--app-thai-font);--ag-thai:var(--app-thai-font);--app-ink:#17243b;--app-paper:#fffdf8;--app-muted:#586477;--app-line:#d8d2c5;--app-gold:#e0b563;--app-blue:#25385b;max-width:1200px;min-height:100vh;margin:auto;padding:0 22px 12px;color:var(--app-ink)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px 14px;border-bottom:3px solid #a87826;background:var(--ag-room,#394b66);color:#f2ede2;margin:0 -22px;padding-left:26px;padding-right:26px}
.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-lockup .ag-mark{width:52px;height:58px;flex:0 0 52px;color:#e0b563}.brand-lockup h1{font-size:1.45rem;line-height:1;margin:0;font-weight:700;letter-spacing:.01em}.eyebrow{margin:0 0 3px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:inherit;opacity:.78}
.training-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ddc782;border-radius:999px;color:#fff4d2;background:#1e2e4d;font-size:.85rem;white-space:nowrap}.training-pill span{font-size:.75rem;color:#e0b563}
.main-nav{display:flex;gap:8px;padding:12px 0 0;border-bottom:1px solid var(--app-line)}.nav-button{min-height:48px;padding:9px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:#37445a;font-weight:700}.nav-button.is-active{border-color:#a87826;color:#17243b}
main{padding:18px 0 24px}.view{display:block}.view[hidden],[hidden]{display:none!important}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:2px 0 14px}.page-heading h2{font-size:1.55rem;line-height:1.05;margin:0}.page-heading .eyebrow{color:#586477}.muted{margin:0;color:var(--app-muted);font-size:.9rem}.surface{background:var(--app-paper);border:1px solid var(--app-line);border-radius:12px;padding:16px;box-shadow:0 4px 14px #1a29400b}
.field-label,.filters label{display:block;font-weight:700}.control{display:block;width:100%;min-height:48px;margin-top:4px;padding:8px 10px;border:1px solid #8992a0;border-radius:6px;background:white}.floor-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:6px}.floor-button{min-height:48px;border:1px solid #8b93a1;border-radius:7px;background:#fffdf8;font-weight:700}.floor-button[aria-pressed="true"]{border:2px solid #a87826;background:#efe5cf}.room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.room-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:86px;padding:10px;border:1px solid #c7c3b7;border-radius:8px;background:#fffdf8;text-align:left}.room-tile:hover,.room-tile:focus-visible{border-color:#a87826}.room-tile.is-configured{border-top:3px solid #a87826}.room-num{font-size:1.22rem;font-weight:700;line-height:1}.room-meta,.room-state{font-size:.77rem;color:#586477}.room-state{margin-top:auto}.room-state.has-record{color:#17243b;font-weight:700}.footnote{margin:12px 0 0;color:#586477;font-size:.78rem}
.room-screen{margin-top:12px}.room-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.back-button{min-height:48px;padding:8px 14px;border:1px solid #8e98a6;border-radius:7px;background:transparent;font-weight:700}.room-ident{flex:1}.room-ident h3{font-size:1.8rem;line-height:1;margin:0}.room-ident p{margin:2px 0 0;color:var(--app-muted)}.kit-chip{padding:7px 11px;border-radius:999px;background:#ece4d0;color:#263653;font-weight:700;font-size:.84rem}.demo-banner{margin:0 0 12px;padding:8px 12px;border-left:4px solid #a87826;background:#f5f0e5;color:#37445a;font-size:.84rem}.product-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:16px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-paper)}.product-card h4{font-size:1.28rem;margin:0 0 2px}.product-format{margin:0 0 12px;color:var(--app-muted);font-size:.83rem}.product-buttons{display:grid;grid-template-columns:1fr;gap:8px}.ag-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 14px;border-radius:7px;text-align:center;font-weight:700;text-decoration:none}.product-buttons .ag-button,.product-buttons .secondary-button{width:100%}.secondary-button{border:1px solid #8b93a1;background:#fffdf8;color:#243653}.quantity-note{min-height:25px;margin:10px 0 0;color:#35445d;font-weight:700}.mini-actions{display:flex;gap:10px;align-items:center}.mini-actions button{min-height:56px;min-width:58px;padding:8px 14px;border:1px solid #877047;border-radius:8px;background:#f5edda;font-size:1.16rem;font-weight:700}.mini-actions .add-mini{flex:1;background:#e0b563;color:#17243b}.mini-actions .clear-mini{min-width:78px;background:white;font-size:.86rem}.mini-count{min-width:38px;text-align:center;font-size:1.22rem;font-weight:700}.entry-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.entry-controls .ag-button{flex:1;min-height:56px}.no-add-button{border:1px solid #8b93a1;background:#fffdf8;color:#263653}.changes-panel{margin-top:12px;border:1px solid var(--app-line);border-radius:9px;background:#fffdf8}.changes-panel summary{padding:12px 14px;font-weight:700;cursor:interaction}.extra-body{padding:0 14px 14px}.extra-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.extra-controls button{min-height:48px;padding:8px 12px;border:1px solid #8b93a1;border-radius:7px;background:white}.extra-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.feedback{min-height:24px;margin:8px 0 0;color:#5b4214;font-weight:700}.save-area{margin-top:14px;padding:14px;border:1px solid #d6c28e;border-radius:10px;background:#fbf4e3}.save-summary{margin:0 0 10px;color:#37445a}.save-button{width:100%;min-height:58px;font-size:1.12rem}.save-button:disabled{opacity:.55}.save-footnote{margin:8px 0 0;text-align:center;color:#586477;font-size:.8rem}.receipt{padding:20px;border:1px solid #c9b576;border-top:5px solid #a87826;border-radius:12px;background:#fffdf8}.receipt h3{margin:0 0 5px;font-size:1.55rem}.receipt .ag-button{margin-top:12px}.unconfigured{padding:20px;border:1px dashed #8992a0;border-radius:10px;background:#fffdf8}.unconfigured h3{margin:0 0 5px}.unconfigured p{margin:4px 0}
.filters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:10px}.filter-submit,.export-button{min-height:48px;white-space:nowrap}.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.summary-card{padding:11px 13px;border:1px solid var(--app-line);border-radius:8px;background:#fffdf8}.summary-card strong{display:block;font-size:1.2rem}.summary-card span{color:var(--app-muted);font-size:.8rem}.table-wrap{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:680px}caption{text-align:left;padding:12px 14px;color:#586477;font-size:.83rem}th,td{padding:9px 12px;border-top:1px solid #e0dbd0;text-align:left;vertical-align:top}th{background:#f3efe6;color:#243653;font-size:.84rem}td{font-size:.9rem}.table-action{min-height:44px;border:1px solid #8b93a1;border-radius:6px;background:#fffdf8;padding:6px 10px;font-weight:700}.empty-row{text-align:center;color:#586477;padding:24px}
.app-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--app-line);padding:10px 0 5px;color:#586477;font-size:.76rem}
.modal{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid #c9c2b5;border-radius:12px;background:#fffdf8;color:#17243b;box-shadow:0 16px 60px #10182740}.modal::backdrop{background:#1018278c}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.dialog-top h2{margin:0;font-size:1.35rem}.icon-button{width:46px;height:46px;border:1px solid #8992a0;border-radius:8px;background:#fffdf8;font-size:1.4rem}.keypad-output{display:block;margin:12px 0;padding:8px 14px;border:1px solid #b7b1a6;border-radius:8px;background:#f5f1e8;text-align:right;font-size:2rem;font-weight:700;min-height:58px}.method-note{margin:4px 0 10px;color:#586477}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-grid button{min-height:56px;border:1px solid #9a9386;border-radius:7px;background:white;font-size:1.2rem;font-weight:700}.keypad-grid button:active{background:#eee5d2}.key-wide{grid-column:span 3}.dialog-actions{display:flex;gap:10px;margin-top:12px}.dialog-actions .ag-button{flex:1;min-height:52px}.error-text{color:#5b4214;font-weight:700;min-height:20px}.detail-modal{width:min(760px,calc(100vw - 24px))}.detail-line,.revision-row{padding:10px 0;border-top:1px solid var(--app-line)}.correction-box{margin-top:12px;padding:12px;border:1px solid var(--app-line);border-radius:8px}.correction-box label{display:block;margin:8px 0;font-weight:700}.correction-box input{min-height:44px;padding:6px 8px}.danger-outline{border:1px solid #586477;background:#fffdf8;color:#17243b}.toast{position:fixed;z-index:100;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(540px,calc(100vw - 24px));padding:10px 16px;border-radius:8px;background:#17243b;color:white;box-shadow:0 6px 24px #10182733;opacity:0;pointer-events:none;transition:opacity .18s}.toast.show{opacity:1}
:focus-visible{outline:3px solid #a87826!important;outline-offset:2px!important}
@media(max-width:760px){.app{padding:0 12px 8px}.masthead{margin:0 -12px;padding:13px 14px;align-items:flex-start;flex-direction:column;gap:10px}.training-pill{font-size:.78rem}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-stack{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{flex-direction:column;gap:2px}.room-top{align-items:flex-start;flex-wrap:wrap}.kit-chip{margin-left:auto}.page-heading{align-items:flex-start;flex-direction:column}.filter-submit,.export-button{width:100%}}
@media(max-width:360px){:root{font-size:18px}.brand-lockup{gap:9px}.brand-lockup .ag-mark{width:48px;height:54px;flex-basis:48px}.brand-lockup h1{font-size:1.25rem}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}.entry-controls{flex-direction:column}.entry-controls .ag-button{width:100%}.kit-chip{margin-left:0}.room-ident h3{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.training-pill,.kit-chip,.save-area,.receipt{border:1px solid CanvasText}.room-tile.is-configured{border-top:3px solid Highlight}}
/* The Thai font has a shorter visible body than the Latin fallback. Keep staff controls readable. */
.app{font-size:26px}
.app .ag-button,.app .secondary-button,.app .nav-button,.app .floor-button,.app .room-tile,.app .back-button,.app .extra-controls button,.app .table-action{font-size:26px;line-height:1.15}
.app .eyebrow,.app .training-pill,.app .muted,.app .room-meta,.app .room-state,.app .footnote,.app .kit-chip,.app .demo-banner,.app .product-format,.app .save-footnote,.app .summary-card span,.app caption,.app th,.app-footer{font-size:22px;line-height:1.15}
.app .page-heading h2,.app .room-ident h3,.app .product-card h4,.app .receipt h3,.app .unconfigured h3{font-size:36px;line-height:1.05}
.app .room-num,.app .mini-count{font-size:32px}
.app .product-card,.app .surface{padding:14px}
.app .save-button{font-size:26px}
.app .mini-actions .clear-mini{font-size:22px}
.room-screen{display:grid;gap:9px;margin-top:4px}
.room-top{margin:0;gap:10px}
.room-top .room-ident h3{font-size:40px}
.room-top .room-ident p{font-size:22px;line-height:1.1}
.room-top .back-button{min-height:48px;white-space:nowrap}
.kit-chip{font-size:22px;line-height:1.05;padding:6px 9px}
.demo-banner{margin:0;padding:5px 10px;border-left-width:3px}
.sample-info,.changes-panel{margin:0;border-color:#c9bea7}
.retained-draft{margin:8px 0;padding:8px 12px;border:1px solid #c9bea7;border-radius:8px;background:#fffdf8}
.retained-draft summary{min-height:48px;display:flex;align-items:center;font-weight:700}
.retained-draft p{margin:4px 0;color:#37445a;font-size:22px;line-height:1.15}
.sample-info summary,.changes-panel summary{min-height:48px;padding:8px 12px;display:flex;align-items:center}
.sample-info p{margin:4px 12px 8px;color:#37445a;font-size:22px;line-height:1.15}
.product-stack{gap:8px}
.product-card{padding:10px 12px;display:grid;gap:7px}
.product-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.product-card h4{font-size:30px;line-height:1.05;margin:0}
.product-format{font-size:22px;line-height:1.05;margin:0;white-space:nowrap}
.product-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.product-buttons .ag-button,.product-buttons .secondary-button{min-height:56px;padding:5px 8px;font-size:26px;line-height:1.05;white-space:normal}
.product-status{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}
.quantity-note{min-height:0;margin:0;font-size:22px;line-height:1.05}
.product-status .table-action{min-height:48px;padding:5px 9px;font-size:22px;white-space:nowrap}
.mini-actions{gap:8px}
.mini-actions button{min-height:56px;min-width:56px;padding:6px 10px;font-size:26px;line-height:1.05}
.mini-actions .add-mini{font-size:24px}
.mini-actions .clear-mini{min-width:62px;font-size:22px}
.mini-count{min-width:36px;font-size:32px}
.draft-lines{min-height:35px;padding:5px 10px;border-left:3px solid #a87826;background:#f5f0e5;color:#263653;font-size:23px;line-height:1.1}
.save-area{margin:0;padding:9px 11px;border-radius:9px}
.save-summary{margin:0 0 5px;font-size:23px;line-height:1.05}
.entry-controls{margin:0}
.entry-controls .ag-button{min-height:56px;font-size:26px;line-height:1.05}
.save-footnote{margin:3px 0 0;font-size:22px;line-height:1.05}
.feedback{font-size:22px;line-height:1.1;margin:3px 0 0;min-height:0}
.extra-body{padding:0 11px 10px}
.extra-body>p{font-size:22px;line-height:1.1;margin:4px 0}
.extra-select{gap:7px;margin-top:5px}
.extra-select label,.field-label{font-size:22px;line-height:1.05}
.control{min-height:48px;margin-top:3px;padding:5px 8px;font-size:22px}
.extra-controls{gap:6px;margin-top:5px}
.extra-controls button{min-height:48px;padding:5px 8px;font-size:22px;line-height:1.05}
.app.is-room-active{padding-bottom:8px}
@media(max-width:760px){
.app.is-room-active .masthead{flex-direction:row;align-items:center;padding:8px 12px;margin:0 -12px;gap:8px;min-height:68px}
.app.is-room-active .brand-lockup{gap:7px;flex:0 1 auto}
.app.is-room-active .brand-lockup .ag-mark{width:38px;height:42px;flex-basis:38px}
.app.is-room-active .brand-lockup h1{font-size:25px;line-height:1.05}
.app.is-room-active .brand-lockup .eyebrow{display:none}
.app.is-room-active .training-pill{padding:5px 8px;font-size:20px;line-height:1.05;white-space:normal;text-align:center}
.app.is-room-active .training-pill span{font-size:16px}
.app.is-room-active .main-nav{padding-top:4px}
.app.is-room-active .nav-button{min-height:44px;padding:5px 14px}
.app.is-room-active main{padding-top:8px;padding-bottom:8px}
.room-top{display:grid;grid-template-columns:auto 1fr;align-items:center}
.room-top .back-button{grid-column:1;grid-row:1}
.room-top .kit-chip{grid-column:2;grid-row:1;justify-self:end;margin:0}
.room-top .room-ident{grid-column:1/-1;grid-row:2;display:flex;align-items:baseline;gap:9px}
.room-top .room-ident p{margin:0}
}
.save-area{padding:7px 9px}
.save-summary{font-size:22px;margin-bottom:3px}
.save-footnote{margin-top:2px}
@media(max-width:760px) and (min-height:700px){.app.is-room-active .save-area{position:sticky;bottom:env(safe-area-inset-bottom,0px);z-index:5;box-shadow:0 -5px 14px #17243b14}}
@media(max-width:360px){.room-top{gap:6px}.room-top .room-ident h3{font-size:36px}.room-top .room-ident p{font-size:21px}.kit-chip{font-size:20px}.product-buttons{grid-template-columns:1fr}.product-buttons .ag-button,.product-buttons .secondary-button{min-height:50px}.extra-select{grid-template-columns:1fr}.draft-lines{font-size:22px}}
@media(prefers-reduced-motion:reduce){.room-screen{scroll-behavior:auto}}
.modal .dialog-top{position:sticky;top:-18px;z-index:3;margin:-4px 0 6px;padding:4px 0;background:#fffdf8}
.modal .dialog-actions{position:sticky;bottom:-18px;z-index:3;margin:8px 0 -4px;padding:7px 0 4px;background:#fffdf8}
.app.is-room-active .nav-button{min-height:48px}
.table-action{min-height:48px}
.icon-button{width:48px;height:48px;min-width:48px;min-height:48px}
.correction-box input{min-height:48px}
.history-group{margin:12px 0}
#summary-cards{display:block;margin:12px 0}
.history-group>h3{margin:0 0 5px;font-size:25px;line-height:1.1}
.history-group .summary-cards{margin:0}
.secondary-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.secondary-summary-row{padding:7px 9px;border:1px solid var(--app-line);border-radius:7px;background:#fffdf8}
.secondary-summary-row dt{font-weight:700}
.secondary-summary-row dd{margin:2px 0 0;color:#37445a}
@media(max-width:260px){.app.is-room-active .masthead{flex-direction:column;align-items:stretch;gap:6px}.app.is-room-active .brand-lockup{align-items:center}.app.is-room-active .training-pill{align-self:flex-start;max-width:100%}.room-top{grid-template-columns:minmax(0,1fr);gap:5px}.room-top .back-button{grid-column:1;grid-row:1;justify-self:start}.room-top .kit-chip{grid-column:1;grid-row:2;justify-self:start}.room-top .room-ident{grid-column:1;grid-row:3;flex-wrap:wrap}.floor-buttons{grid-template-columns:repeat(3,minmax(48px,1fr))}.secondary-summary dl{grid-template-columns:1fr}.keypad-grid{grid-template-columns:repeat(2,minmax(48px,1fr))}.keypad-grid .key-wide{grid-column:span 2}}
.login-view{max-width:520px;margin:6vh auto;padding:24px}.login-view h1{font-size:2.1rem;margin:.2rem 0 .5rem}.login-view form{display:grid;gap:10px;margin-top:20px}.login-view label{font-weight:700}.login-view .control{min-height:52px}.login-submit{min-height:56px;margin-top:8px}.login-offline{margin-top:16px;color:var(--app-muted)}.training-pill{display:flex;align-items:center;gap:10px}.training-pill button{min-height:48px}.login-view .feedback{min-height:1.5em}
.login-view{font-size:26px}.login-view .control,.password-modal .control{font-size:26px;min-height:52px}.login-view h1{font-size:40px}.password-modal label{display:block;margin:10px 0 0;font-size:26px;font-weight:700}.password-modal .dialog-actions button{min-height:56px;font-size:26px}.password-modal .feedback{min-height:1.4em;color:#5b4214}.training-pill{flex-wrap:wrap;white-space:normal}
.admin-section{margin:12px 0}.admin-section h3{margin:0 0 4px;font-size:1.35rem}.admin-section>p{margin:4px 0 12px}.setup-rooms{margin:12px 0;padding:12px;border:1px solid var(--app-line);border-radius:8px}.setup-rooms legend{font-weight:700;padding:0 6px}.setup-room{display:flex;align-items:flex-start;gap:12px;padding:10px;border-top:1px solid #e0dbd0}.setup-room input{width:24px;height:24px;flex:0 0 24px;margin:4px 0 0;accent-color:#a87826}.setup-room strong{font-size:1.05rem}.setup-room .muted{font-size:.86rem}.account-create-form{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:end;gap:10px;margin:12px 0}.account-actions{min-width:220px}.account-actions details{margin:6px 0}.account-actions summary{min-height:48px;padding:8px;border:1px solid #8b93a1;border-radius:6px;background:#fffdf8;font-weight:700}.account-actions form{display:grid;gap:6px;padding:8px}.account-actions .table-action{margin:3px;white-space:normal}
@media(max-width:700px){.account-create-form{grid-template-columns:1fr}.account-actions{min-width:170px}.setup-room{font-size:1rem}}
.training-pill span{font-size:26px;line-height:1.15;color:#fff4d2}.training-pill #account-switch{min-height:56px;padding:8px 14px;background:#e0b563;border:1px solid #a87826;color:#17243b;font-size:26px}.training-pill #change-password{min-height:44px;padding:5px 10px;font-size:21px}.setup-selected-count{margin:10px 0 0;font-weight:700}.setup-rooms{padding:0;border:1px solid var(--app-line);border-radius:8px}.setup-rooms summary{min-height:52px;padding:12px;font-weight:700}.setup-room-viewport{max-height:280px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--app-line)}.setup-room{min-height:60px}.setup-room input{min-width:26px;min-height:26px}.setup-confirm-modal{width:min(92vw,620px);max-height:90dvh;overflow:auto;padding:18px}.setup-confirm-list{max-height:42dvh;overflow:auto;margin:8px 0;padding:8px 32px;background:#fffdf8;border:1px solid var(--app-line);border-radius:8px}.setup-confirm-list li{padding:6px 0;border-bottom:1px solid #e0dbd0}.setup-confirm-modal .dialog-actions button{min-height:56px}.account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-card{min-width:0;padding:12px;border:1px solid var(--app-line);border-radius:8px;background:#fffdf8}.account-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}.account-card header strong{font-size:26px}.account-card p{margin:4px 0}.account-actions{min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.account-actions details{width:100%}.account-actions .control{max-width:100%}.account-actions>[data-change-role],.account-actions>[data-active]{min-height:48px;white-space:normal}
@media(max-width:700px){.masthead{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.training-pill{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;width:100%;max-width:none;gap:6px;padding:5px 7px;border-radius:8px}.training-pill span{width:auto;min-width:0;font-size:22px;line-height:1.05}.training-pill #account-switch{width:auto;min-height:48px;padding:5px 8px;font-size:22px}.account-more{position:relative}.account-more summary{min-height:44px;display:flex;align-items:center;padding:5px 7px;border:1px solid #ddc782;border-radius:6px;font-size:20px;white-space:nowrap}.account-more #change-password{position:absolute;right:0;top:100%;z-index:5;width:max-content;min-height:48px;border:1px solid #8b93a1;border-radius:6px;background:#fffdf8;color:#17243b;box-shadow:0 4px 12px #10182722}.account-list{grid-template-columns:1fr}.setup-confirm-modal{width:calc(100vw - 20px);padding:12px}.setup-confirm-modal .dialog-actions{display:grid;grid-template-columns:1fr}.setup-confirm-modal .dialog-actions button{width:100%}}