/* MGTA: matte black, espresso and champagne. System fonts throughout. */
:root{--ink:#f4eee5;--paper:#171310;--white:#231d18;--muted:#b8a995;--gold:#d5b780;--forest:#d5b780;--line:#44382c;--red:#f2a095;--shadow:0 10px 35px #0002;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--serif:var(--sans)}
html,html:has(.quiz-body){background:#100e0c;color-scheme:dark}body{background:var(--paper);color:var(--ink);font-family:var(--sans)}h1,h2,h3,strong{font-family:var(--sans)}button,input,textarea,select{font-family:inherit}input,textarea,select{color:var(--ink);background:#181411;border-color:var(--line);border-radius:9px}input::placeholder,textarea::placeholder{color:#8f8375}input:focus,textarea:focus,select:focus{outline:2px solid #d5b78088;outline-offset:2px;border-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold)}input[type=file][hidden]{display:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45}.lead,.quiet,.small.quiet{color:var(--muted)}.error{color:#ffd7d0;background:#402622;border-color:#e39383;border-radius:5px}.soft-note,.empty-state{background:#292119;color:var(--muted)}.brand-dot{background:var(--gold)}.button{border-radius:10px;min-height:46px}.button.primary{background:var(--gold);color:#21180f;border-color:var(--gold);font-weight:650}.button.primary:hover{background:#e6cb9e;color:#21180f}.button.secondary{background:#2d241c;color:#efdebf;border:1px solid #6d5740}.button.ghost{color:var(--muted)}.button.danger{background:#482821;color:#ffc0b3;border-color:#825044}.text-button{background:none;border:0;padding:6px;color:var(--gold);font-size:12px}
.admin-body .button.create-action{gap:8px;white-space:nowrap}
.create-action .button-icon{display:block;flex:0 0 18px;width:18px;height:18px}
.record-export-actions{display:flex;flex-direction:column;gap:8px;max-width:100%}
.record-export-buttons{display:flex;flex-wrap:wrap;gap:10px}
.record-export-limit{display:block;font-size:11px;line-height:1.6;color:#a99273;text-align:right}
@media(max-width:760px){.record-export-limit{text-align:left}}
/* Keep type identity fields and the badge editor aligned as equal-height columns. */
.admin-body .type-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.type-identity-fields,.type-identity-grid>.badge-editor{min-width:0;padding:16px;border:1px solid #58412c;border-radius:12px;background:#201810}
.type-identity-fields{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.type-identity-fields .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.type-identity-fields label,.type-identity-grid>.badge-editor>label{min-width:0;font-size:12px;color:#ceb99a}
.type-identity-fields input{font-size:14px;padding:11px 12px}
.type-identity-grid>.badge-editor{display:flex;flex-direction:column;gap:12px}
.type-identity-grid #badge-editor{display:grid;gap:12px;flex:1;align-content:space-between;min-width:0}
.type-identity-grid .badge-editor .module-images{max-width:none;margin:0}
.type-identity-grid .badge-editor .module-images:empty{min-height:96px;border:1px dashed #6d5740;border-radius:8px}
.type-identity-grid .badge-editor .module-image{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;border:0;overflow:visible}
.type-identity-grid .badge-editor .module-image img{width:96px;height:96px}
.type-identity-grid .badge-editor .module-image>div{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.type-identity-grid .badge-editor .module-image button{font-size:12px;min-height:30px;padding:4px 10px}
.type-identity-grid .badge-editor [data-image-move]{display:none}
.type-identity-grid .image-upload-row{gap:8px}
.type-identity-grid .image-upload-row>[data-image-add]{font-size:11px;padding:7px 9px}
.type-identity-grid .image-upload-row>[data-image-status]{font-size:10px}
@media(max-width:600px){
  .admin-body .type-identity-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .type-identity-fields{gap:18px}
  .type-identity-fields input{font-size:16px}
}
/* Mobile client */
.quiz-body{background:#171310;box-shadow:0 0 100px #0009}.quiz-body .client-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:#16120f;border-bottom:1px solid #4b3b282e;gap:8px}.client-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.client-brand img{display:block;width:46px;height:34px;object-fit:contain}.client-brand>span{font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.5}.client-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.14em;color:var(--muted)}.client-service{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;white-space:nowrap}.quiz-body .quiz-shell{padding:0 20px 28px}.quiz-body[data-stage=welcome] .quiz-shell{padding:0}.quiz-body .client-footer{text-align:center;margin:0 20px;padding:20px 0;color:#8f806d}.quiz-body.has-mobile-actions{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.home-poster{position:relative;isolation:isolate;aspect-ratio:2/2.65;overflow:hidden;background:#241a13}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.home-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#100b0650,transparent 42%,#17131000 75%,#171310);z-index:0;pointer-events:none}.poster-copy{position:absolute;top:25px;left:26px;right:20px;z-index:1}.poster-label{display:block;color:#ead2aa;font-size:8px;letter-spacing:.18em}.poster-copy h1{font-size:clamp(32px,9.8vw,46px);font-weight:520;line-height:1.25;letter-spacing:.03em;margin:13px 0 13px;color:#fff7e7}.poster-copy h1 span{color:#dfc496}.poster-copy p{font-size:11px;letter-spacing:.11em;color:#ddc7a8}.poster-caption{position:absolute;bottom:23px;right:24px;z-index:1;font-size:8px;letter-spacing:.21em;color:#d7c09e}.home-intro{padding:20px 24px 0;position:relative}.home-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-title h2{font-size:18px;font-weight:550}.home-title>span{font-size:7px;letter-spacing:.1em;color:#a28b6b}.home-intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.home-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;margin-top:8px;border-bottom:1px solid var(--line)}.home-facts>div{text-align:center;border-right:1px solid var(--line)}.home-facts>div:last-child{border:0}.home-facts strong{display:block;color:#ead3ad;font-size:27px;line-height:1.1;font-weight:450}.home-facts strong small{font-size:11px;margin-left:4px}.home-facts>div>span{display:block;font-size:10px;color:var(--muted);margin-top:10px}.home-entry-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px 0 5px;font-size:12px;color:#d1bb98}.home-intro>p.resume-note{font-size:11px;margin-top:17px}.quiz-body .mobile-actions{max-width:480px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#19140ff5;border-top:1px solid #5f483055;box-shadow:0 -10px 35px #0003;backdrop-filter:blur(16px)}.quiz-body .mobile-actions .button{border-radius:11px;min-height:49px}.quiz-body .question-actions #previous{background:#2b221a;color:#d9c8ac;border:1px solid #5d4933}.quiz-body .contact-actions #back-last{background:#2b221a;color:#d9c8ac}.question-screen{padding-top:25px}.mini-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:16px}.mini-progress span{color:var(--muted);font-size:12px}.mini-progress strong{color:var(--gold);font-size:24px;font-weight:450;white-space:nowrap}.mini-progress strong small{font-size:12px;color:#9c8c74}.progress-track{background:#382c20;height:3px}.progress-track>span{background:var(--gold)}.quiz-body .question-heading{display:block;margin:31px 0 25px}.quiz-body .question-heading h1{font-size:21px;line-height:1.65;font-weight:550;margin-top:11px;color:#f6ecdc}.quiz-body .option{background:#251e18;border-color:#46382a;border-radius:12px;color:#e7ddcd;padding:17px 15px;gap:13px}.quiz-body .option:hover{border-color:#8f7451}.quiz-body .option.selected{border-color:#c7a570;background:#392b1c;box-shadow:inset 3px 0 #c7a570;color:#ffe7be}.quiz-body .option-letter{border-color:#67533b;background:#30261c;color:#c8b392;font-size:12px}.quiz-body .option.selected .option-letter{background:#d5b780;border-color:#d5b780;color:#21180f}.quiz-body .option-check{color:#d5b780}.quiz-body .option.skip{background:transparent;border-style:dashed;font-size:13px}.question-hint{text-align:center;color:#9d8d77;font-size:10px;line-height:1.8;margin-top:22px}.quiz-body .watermark{color:#e2c291;opacity:.035}.quiz-body .contact-card{padding:25px 0 0}.contact-emblem img{width:64px;height:49px;object-fit:contain;display:block;margin:0 auto 25px}.profile-overline{font-size:10px;letter-spacing:.13em;color:var(--gold)}.quiz-body .contact-card h1{font-size:29px;line-height:1.45;margin:14px 0;font-weight:500}.quiz-body .contact-card .lead{font-size:12px}.quiz-body .contact-card form{gap:19px;margin-top:26px}.contact-card label{font-size:12px;color:#deceb6}.contact-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-card label>span:not(:last-child){color:var(--muted)}.contact-card input:not([type=checkbox]){min-height:49px}.contact-card .checkbox-label{line-height:1.8;font-size:11px;color:var(--muted)}.quiz-body .contact-card>.quiet{font-size:10px}.access-page{position:relative;padding-top:55px;min-height:72svh;isolation:isolate}.access-page:before{content:"";position:absolute;z-index:-1;inset:0 -20px;background:linear-gradient(#17131066,#171310 75%),url('/assets/brand/login-background.webp') 70% top / auto 330px no-repeat;opacity:.5}.access-art img{display:block;width:80px;height:64px;object-fit:contain;margin:0 auto 26px}.access-card{background:linear-gradient(145deg,#2c231ce8,#201a15fa);border:1px solid #76604570;border-radius:20px;padding:30px 23px;text-align:center}.access-icon{display:flex;justify-content:center;align-items:center;width:57px;height:57px;margin:0 auto 20px;border:1px solid #97744470;border-radius:50%;background:#ae885819;color:#d5b780}.access-icon svg{width:30px;height:30px}.access-card h1{font-size:24px;font-weight:500;line-height:1.5}.access-card>p{font-size:13px;color:#cbbb9f;line-height:1.9;margin:14px 0 24px}.access-note{font-size:11px;line-height:1.9;color:#958570;padding-top:20px;border-top:1px solid var(--line);margin-bottom:24px}.access-card .button{font-size:13px;justify-content:center}
/* Shared interpretation presentation */
.result-wrap{padding-top:27px}.result-intro{margin-bottom:25px}.quiz-body .result-intro h1{font-size:27px;font-weight:500;margin:13px 0}.result-intro>p:last-child{font-size:12px;color:var(--muted)}.report-tabs{display:flex;gap:5px;padding:5px;background:#100d0a;border:1px solid #443522;border-radius:13px;margin:0 0 20px}.report-tabs button{flex:1;padding:11px 5px;border:0;background:none;color:#a7957e;border-radius:9px;font-size:13px;white-space:nowrap}.report-tabs button[aria-pressed=true]{background:#433322;color:#f0d6aa}.report-choices{margin-bottom:17px}.report-choices>p{font-size:11px;color:var(--muted);margin-bottom:9px}.report-choices>div{display:flex;gap:7px;flex-wrap:wrap}.choice-chip{border:1px solid var(--line);background:#211a14;color:var(--muted);padding:7px 12px;border-radius:30px;font-size:12px}.choice-chip.selected{background:#c8a875;color:#1a130d;border-color:#c8a875}.profile-card{border:1px solid #54412d;background:#211a14;border-radius:16px;padding:21px;margin-bottom:20px}.profile-heading{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid var(--line);flex-wrap:wrap}.profile-heading>div:not(.profile-percent){flex:1;min-width:0}.profile-badge{width:100px;height:100px;object-fit:contain;filter:none;flex-shrink:0;background:#fff;border-radius:0}.profile-heading h2{font-size:24px;font-weight:500;color:#efdbb7;margin:6px 0;line-height:1.4}.profile-heading h2 small{font-size:11px;color:var(--muted);margin-left:9px;font-weight:400}.profile-heading p{font-size:11px;color:#bba78b;line-height:1.8}.profile-percent{text-align:right;margin-left:auto}.profile-percent strong{font-size:24px;font-weight:450;color:#d5b780}.profile-percent strong small{font-size:10px}.profile-percent>span{display:block;font-size:8px;color:#ad9777;margin-top:3px}.reading-module{padding-top:24px}.reading-heading{margin-bottom:12px}.reading-subheading{margin-top:24px}.reading-heading h3{margin:0;font-size:15px;line-height:1.5;font-weight:500;color:#e4cfa9}.reading-text{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;color:#d2c6b3}.reading-images{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.reading-images.single{grid-template-columns:1fr}.reading-images figure{margin:0;min-width:0}.reading-images img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;background:#19140f}.reading-images figcaption{padding:16px;font-size:11px;color:var(--muted)}.result-end{margin:30px 0 20px}.result-end p{font-size:12px;color:var(--muted);line-height:1.9}.answer-records{margin-top:26px}.answer-records summary{cursor:pointer;font-size:14px;padding:12px 0;color:var(--gold)}
/* Brand login */
.login-experience{--login-inset:max(7vw,calc(25vw - 153px));min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;background:#130f0c}.login-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#120e0adb 0%,#120e0a40 48%,#120e0a00 70%),url('/assets/brand/login-background.webp') center/cover no-repeat}.login-brand{display:flex;align-items:center;gap:17px;position:relative;margin:35px 24px 0 var(--login-inset);width:fit-content;text-decoration:none}.login-brand img{width:78px;height:57px;object-fit:contain}.login-brand span{font-size:12px;letter-spacing:.13em;color:#d5bc95;border-left:1px solid #705438;padding-left:19px}.login-experience .login-form-panel{width:100%;flex:1;background:transparent;display:flex;align-items:center;justify-content:flex-start;padding:45px 24px 65px var(--login-inset);text-align:left}.login-experience .login-form-wrap{max-width:370px;position:relative}.login-form-wrap h1{white-space:nowrap;font-size:clamp(30px,2.8vw,40px);font-weight:430;line-height:1.3;letter-spacing:.02em;color:#f4e6cf;margin:20px 0 16px}.login-form-wrap>p.login-subtitle{font-size:14px;letter-spacing:.08em;margin:0 0 32px;color:#c9b493}.login-form-wrap input{background:#201812b0;border-color:#6f5537;padding:14px 16px;font-size:15px}.login-form-wrap label{font-size:12px;color:#dcc7a6}.login-form-wrap>p.login-caption{font-size:8px;color:#a98a5e;letter-spacing:.12em;margin:30px 0 0}
.login-form-wrap #login-form{grid-template-columns:minmax(0,1fr)}
.login-form-wrap .login-field{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:0;min-height:56px;padding:0 16px;background:#201912e8;border:1px solid #6f5537;border-radius:10px;font-size:13px;cursor:text;transition:border-color .18s,box-shadow .18s}
.login-form-wrap .login-field>span{white-space:nowrap;line-height:20px;border-right:1px solid #70583b80}
.login-form-wrap .login-field>input{min-width:0;margin:0;padding:15px 0 15px 14px;background:transparent;border:0;border-radius:0;box-shadow:none}
.login-form-wrap .login-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d5b7801a}
.login-form-wrap .login-field>input:focus{outline:none}
/* Workspace */
.admin-body .sidebar{background:#14100d;border-right:1px solid #473626;padding:28px 20px;overflow-y:auto}.admin-body .brand-logo{background:transparent url('/assets/brand/mgta-logo-gold.svg?v=20260913-logo-paths1') left center/contain no-repeat;width:104px;height:76px;border-radius:0}.admin-body .sidebar .brand{flex-direction:column;align-items:flex-start;gap:10px}.admin-body .sidebar .brand small{font-size:9px;color:#ac9473}.admin-body .side-nav{margin:28px 0 24px;gap:6px;flex-shrink:0}.admin-body .nav-item{color:#b4a18a;border-radius:8px;padding:11px 16px;min-height:44px;line-height:1.5}.admin-body .nav-item.active{box-shadow:inset 3px 0 #d5b780;background:#3e2f20;color:#e7cc9f;border-color:#80613d}.admin-body .nav-item:hover{background:#30251b;color:#f3d9ae}.admin-body .admin-main{background:#000}.admin-body .admin-topbar{background:#1b1612;color:#a48f72;border-color:var(--line)}.admin-body .page-heading h1{color:#f0e2cb}.admin-body .page-heading p{color:var(--muted)}.admin-body .panel,.admin-body .stat-card,.admin-body .type-card{background:#241d17;border-color:#4b3a28;box-shadow:0 7px 24px #0001}.admin-body .panel-header{border-color:var(--line)}.admin-body .panel-view-all{flex-shrink:0;min-height:36px;padding:8px 12px;gap:8px;border-radius:8px;font-size:12px;line-height:1.5;white-space:nowrap}.panel-view-all svg{flex-shrink:0}.admin-body .panel-view-all:focus-visible{outline-color:var(--gold)}.admin-body .panel-header h2,.admin-body .stat-card strong{color:#edd5ad}.admin-body .stat-label,.admin-body .stat-card small,.admin-body .module-row small{color:#ae9a7e}.admin-body .module-row,.admin-body .type-mini-grid>div{border-color:#57412c}.admin-body .module-number{background:#443221;color:#d9bb8c;padding:8px;border-radius:50%}.admin-body .type-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-body .type-mini-grid>div{background:#2c2218;border:1px solid #57412c;border-radius:9px;padding:12px 6px;min-width:0}.admin-body .type-mini-grid strong{font-size:16px}.type-mini-image{display:flex;align-items:center;justify-content:center;width:56px;max-width:100%;aspect-ratio:1;margin:0 auto 9px;padding:0;border-radius:0;background:#fff;overflow:hidden}.type-mini-image img{display:block;width:100%;height:100%;object-fit:contain}.type-mini-image img[hidden]{display:none}.type-mini-image span{font-size:10px;line-height:1.4;color:#665137}.admin-body th{background:#302519;color:#bda17b}.admin-body td{color:#e2d4bd}.admin-body td,.admin-body th{border-color:#493827}.admin-body td small,.admin-body .count,.admin-body .toolbar .count{color:#a79274}.admin-body .table-scroll{border-radius:8px}.admin-body .badge{border-radius:5px;font-size:10px;padding:4px 8px}.admin-body .badge.unused,.admin-body .badge.completed,.admin-body .type-card .badge.unused,.admin-body .question-table .badge.unused,.admin-body .account-table .badge.unused{background:#243c2c;color:#a0d5ac}.admin-body .badge.claimed{background:#443521;color:#dfc38e}.admin-body .badge.draft,.admin-body .badge.expired,.admin-body .badge.revoked{background:#3b2d25;color:#c4a48c}.admin-body .type-card .badge{position:absolute;right:20px;top:24px}.admin-body .type-card .type-character{background:transparent;width:88px;height:88px;padding:0;border-radius:0;aspect-ratio:1;overflow:hidden}.admin-body .type-character img{display:block;width:100%;height:100%;padding:0;border-radius:0;object-fit:cover}.admin-body .type-card h2{color:#e9d5b3;font-size:26px}.admin-body .type-card p{color:#ac9679}.module-completion{font-size:11px!important;margin:10px 0 20px!important}.admin-body .button,.admin-body .cell-actions button{--action-bg:#33271c;--action-fg:#dfc7a2;--action-border:#685037;--action-hover:#463322}.admin-body .button.primary{--action-bg:#d5b780;--action-fg:#21170e;--action-border:#d5b780;--action-hover:#e9cfa5;box-shadow:none}.admin-body .button.secondary,.admin-body .button.ghost,.admin-body .cell-actions button,.admin-body .cell-actions [data-move-q]{--action-bg:#33271c;--action-fg:#dfc7a2;--action-border:#685037;--action-hover:#463322}.admin-body .button.danger,.admin-body .cell-actions .red,.admin-body [data-remove-option]{--action-bg:#45271f;--action-fg:#f3b9aa;--action-border:#7e4c3d;--action-hover:#5d3024}.admin-body .button:disabled,.admin-body .cell-actions button:disabled{background:#29231c;color:#766956;border-color:#443725}.admin-body .sidebar-bottom .account-actions .button,.admin-body .sidebar-bottom #logout{--action-bg:#2c2118;--action-fg:#cbb08a;--action-border:#53402c;--action-hover:#403020}.admin-body .account-meta strong{color:#ebd5b0}.admin-body .account-avatar{border-color:#685032;color:#d1af7a}.admin-body .account-meta>span{color:#a8906d}.admin-body .account-actions{gap:6px}.admin-body .account-actions .button{font-size:11px!important}.admin-body .close-modal{color:#d8be99;background:#382a1d;border-color:#6b5238}.admin-body .permission-chip,.admin-body .permission-chip.editable,.admin-body .current-account{background:#41301f;color:#e1c79b;border-color:#745436}.admin-body .permission-matrix{border-color:var(--line)}.admin-body .permission-matrix-head{background:#342619;color:#d1b58c}.admin-body .permission-row+.permission-row{border-color:var(--line)}.admin-body .permission-row small{color:#a8906e}.admin-body .permission-row input{accent-color:#cbb07e}.admin-body .question-option,.admin-body .option-editor{background:#2c2218;border-color:var(--line)}.admin-body .score-grid label{background:transparent;color:#cab594}.admin-body .score-grid input{background:#1a140f;color:#ead7b6}.admin-body .maintenance-note{color:#aa9271}.admin-body .qr-art{background:white}.admin-body .qr-url{background:#17110d;color:#cdb48f}.admin-body .qr-help{color:#bca384;text-align:center}.admin-body dialog{background:#241b14;border-color:#786043;color:var(--ink)}.admin-body dialog::backdrop{background:#080604bb;backdrop-filter:blur(5px)}.admin-body .modal-header,.admin-body .modal-footer{background:#241b14;border-color:#493625}.admin-body .modal-body{background:#241b14}.admin-body .modal-header p{color:var(--muted)}.admin-body .detail-meta{background:#2d2117;padding:15px}.admin-body .detail-meta>div{color:#e1caa6}.admin-body .detail-meta span{color:#a58d6c}.admin-body .answer-detail{border-color:var(--line)}.admin-body .answer-detail p{color:#b5a086}.admin-body .toast{background:#d5b780;color:#21180e;border:1px solid #eed2a1}.admin-body .toast.bad{background:#542c20;color:#ffe0d4}.admin-body .small.quiet{color:#b39a79}
.management-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 25px;padding:0 0 12px;flex-wrap:wrap}.management-tabs button{background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 19px;font-size:14px;color:#aa9373}.management-tabs button.active{background:#483420;border-color:#84613a;color:#eacf9f}.combination-intro{display:grid;gap:10px;margin-bottom:24px;max-width:580px}.combination-intro h2{font-size:22px;font-weight:500;color:#ead2a9}.combination-intro p{font-size:13px;color:var(--muted);line-height:1.8}.combination-intro label{margin-top:12px;max-width:260px}.combination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.combination-card{position:relative;background:#241d16;border:1px solid #59402a;border-radius:12px;padding:23px}.combination-card .badge{position:absolute;right:16px;top:18px}.combination-card h3{font-size:22px;margin:12px 0 15px;font-weight:500;color:#e8cca0}.combination-card h3 small{font-size:12px;color:var(--muted)}.combination-card p{font-size:12px;color:var(--muted);margin-bottom:16px}.settings-panel{max-width:720px;background:#251c14;border:1px solid #62482e;border-radius:15px;padding:32px;display:grid;gap:25px}.settings-panel h2{font-size:27px;font-weight:500;margin:12px 0}.settings-panel p{font-size:13px;color:var(--muted);line-height:1.9}.settings-panel .button{justify-self:start}.switch-control{display:flex;align-items:center;gap:13px;cursor:pointer}.switch-control input{position:absolute;opacity:0;width:1px;height:1px}.switch-control>span{width:46px;height:27px;background:#584634;border-radius:30px;position:relative;transition:background .2s}.switch-control>span:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#b7a185;top:3px;left:3px;transition:transform .2s}.switch-control input:checked+span{background:#c7a96e}.switch-control input:checked+span:before{transform:translateX(19px);background:#302211}.switch-control input:focus-visible+span{outline:2px solid #edd5ae;outline-offset:4px}.switch-control strong{font-size:13px;color:#ceb590}.module-editor{border:1px solid #58412c;border-radius:12px;padding:20px;display:grid;gap:16px;background:#201810}.module-editor-heading{display:flex;gap:11px;align-items:center}.module-editor-heading>span{font-size:12px;color:var(--gold)}.module-editor-heading h3{font-size:16px;font-weight:500}.module-editor-heading small{margin-left:auto;font-size:10px;color:#ad9070}.module-editor label{font-size:12px;color:var(--muted)}.module-editor textarea{font-size:14px;line-height:1.8;min-height:135px}.image-upload-row{display:flex;align-items:center;gap:12px;min-width:0}.image-upload-row>[data-image-add]{flex:0 0 auto;white-space:nowrap}.image-upload-row>[data-image-status]{flex:1;min-width:0;margin:0;line-height:1.6;overflow-wrap:anywhere}.module-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.module-image{border:1px solid #59402a;background:#16100b;border-radius:8px;padding:7px}.module-image img{width:100%;height:125px;object-fit:contain;display:block}.module-image>div{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:7px}.module-image button{background:#47311e;border:1px solid #735135;color:#d9bb8b;padding:4px 6px;border-radius:4px;font-size:10px}.module-image button.red{background:#47261c;color:#eab19c}.badge-editor .module-images{max-width:180px;grid-template-columns:1fr}.badge-editor .module-image{padding:0;background:transparent;overflow:hidden}.badge-editor .module-image img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:transparent;border-radius:0;padding:0}.badge-editor .module-image>div{padding:0 7px 7px}.selection-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:0 0 20px;font-size:12px;color:var(--muted)}.selection-toolbar label{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:12px}.selection-toolbar select{width:175px;margin:0;padding:7px 10px;font-size:12px}.records-table{min-width:860px}.records-table td:first-child,.records-table th:first-child{padding-right:6px}.records-table input[type=checkbox]{margin:0}.export-progress{display:grid;gap:18px;padding:15px 0}.export-progress progress{width:100%;accent-color:var(--gold)}
@media(max-width:1100px){.combination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body .brand-logo{width:90px;height:65px}}
@media(max-width:760px){.admin-body .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px 16px;overflow-y:visible}.admin-body .sidebar .brand{flex-direction:row;align-items:center;gap:15px}.admin-body .brand-logo{width:62px!important;height:45px}.admin-body .sidebar .brand small{font-size:10px}.admin-body .side-nav{margin:20px 0 0;gap:8px}.admin-body .nav-item{font-size:12px;padding:10px 14px;min-height:40px}.admin-body .admin-topbar{font-size:10px}.admin-body .admin-content{padding:22px 17px}.admin-body .page-heading h1{font-size:25px}.management-tabs{gap:4px}.management-tabs button{font-size:12px;padding:9px 12px}.combination-grid{gap:12px}.combination-card{padding:20px 15px}.combination-card .badge{font-size:9px;top:14px;right:12px}.combination-card h3{font-size:20px}.settings-panel{padding:23px}.module-editor{padding:14px}.module-images{grid-template-columns:repeat(2,minmax(0,1fr))}.module-image img{height:100px}.admin-body .modal-body{padding:20px 15px}.selection-toolbar label{margin-left:0}.admin-body .detail-meta{grid-template-columns:1fr 1fr}.login-experience{--login-inset:30px}.login-brand{margin:25px 30px 0 var(--login-inset);gap:12px}.login-brand img{width:57px;height:43px}.login-brand span{font-size:10px;padding-left:12px;letter-spacing:0}.login-background{background:linear-gradient(#120d0825,#140f0bf0 65%),url('/assets/brand/login-background.webp') 65% top/auto 500px no-repeat}.login-experience .login-form-panel{width:100%;align-items:flex-end;padding:clamp(100px,19vh,170px) 30px 35px var(--login-inset)}.login-experience .login-form-wrap{max-width:420px}.login-form-wrap h1{font-size:clamp(28px,8.7vw,34px);line-height:1.3;margin-top:12px}.login-form-wrap .profile-overline{font-size:9px}.login-form-wrap>p.login-subtitle{font-size:12px;margin-bottom:24px}.login-form-wrap form{gap:18px}.login-form-wrap input{background:#201912e8;font-size:16px}}
@media(max-width:359px){.quiz-body .client-header{padding-inline:16px}.quiz-body .quiz-shell{padding-inline:16px}.quiz-body[data-stage=welcome] .quiz-shell{padding:0}.poster-copy{left:22px;top:22px}.home-intro{padding:20px 20px 0}.home-title h2{font-size:16px}.home-title>span{display:none}.quiz-body .question-heading h1{font-size:19px}.quiz-body .option{font-size:14px}.profile-card{padding:17px}.profile-heading{gap:9px}.profile-heading h2{font-size:21px}.profile-percent strong{font-size:20px}.management-tabs button{padding:9px 8px;font-size:11px}.combination-grid{grid-template-columns:1fr}.module-editor-heading small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.invitations-table{min-width:930px}.invitation-usage{display:inline-flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.invitation-usage strong{font-size:20px;font-weight:650}.invitation-usage.available{color:#a8d9b5}.invitation-usage.exhausted{color:#c2ae90}.qr-summary{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 0}.qr-summary>p{margin:0;min-width:0}.qr-status{display:flex;align-items:center;gap:6px;font-size:13px;flex-shrink:0}.qr-status .badge{flex-shrink:0}.qr-source{max-width:140px;overflow-wrap:anywhere}.qr-usage{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid var(--line)}.qr-usage strong{flex-shrink:0;font-size:22px;font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}.qr-usage span{min-width:0;font-size:12px;line-height:1.6;color:var(--muted);text-align:left}@media(max-width:760px){.qr-summary{gap:10px}.qr-status{font-size:12px}.qr-source{max-width:84px}.qr-usage{gap:7px;padding-left:10px}.qr-usage strong{font-size:20px}.qr-usage span{font-size:11px}}

.records-table{min-width:1120px}.records-table .record-time{min-width:165px;font-variant-numeric:tabular-nums}.records-table .record-time small{font-size:11px;white-space:nowrap}.answer-detail>small{display:block;color:var(--muted);margin:5px 0}

/* Keep single-select arrows inset consistently across browsers. */
select:not([multiple]):not([size]),select:not([multiple])[size="1"]{
  -webkit-appearance:none;appearance:none;padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%23d5b780' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px;
}

/* Overview metrics: quiet coffee surfaces with distinct, restrained accents. */
.admin-body .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.admin-body .stat-card{--stat-accent:#dfc28d;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:20px 22px;border:1px solid #54412d;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#d5b78012,transparent 65%),linear-gradient(135deg,#2b2118,#1b1713);box-shadow:0 6px 20px #0002;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-body .stat-card-available{--stat-accent:#d1ab7f}
.admin-body .stat-card-link{color:inherit;text-decoration:none;cursor:pointer}
.admin-body .stat-card-link:focus-visible{outline:2px solid #dfc28d;outline-offset:3px;border-color:#dfc28d}
.admin-body .stat-card-link:active{transform:translateY(0);border-color:#dfc28d}
.invitation-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.invitation-filter-bar p{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;color:#b7a28a;font-size:12px;line-height:1.7}
.admin-body .stat-card-completed{--stat-accent:#a9cfad}
.admin-body .stat-card-questions{--stat-accent:#cbbba3}
.admin-body .stat-card .stat-label{display:flex;align-items:center;gap:10px;min-height:36px;color:#dac7ac;font-size:13px;font-weight:500;line-height:1.6}
.stat-card .stat-label>span:first-child{min-width:0}
.stat-card .stat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin-left:auto;color:var(--stat-accent);background:#d5b7800b;border:1px solid #a27e4e38;border-radius:10px}
.stat-card .stat-icon svg{display:block;flex-shrink:0}
.admin-body .stat-card .stat-value{margin:12px 0 0;color:#f0ddbc;font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.admin-body .stat-card-completed .stat-value{color:#c5e0c6}
.admin-body .stat-card .stat-meta{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #c5a47720;color:#b7a28a;font-size:11px;line-height:1.6}
.stat-meta-mark{display:block;flex:0 0 4px;width:4px;height:4px;background:var(--stat-accent);border-radius:50%;opacity:.8}
@media(hover:hover) and (pointer:fine){.admin-body .stat-card-link:hover{transform:translateY(-2px);border-color:#977747;box-shadow:0 10px 28px #0004}}
@media(max-width:1100px){.admin-body .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .admin-body .stat-grid{gap:12px;margin:20px 0}
  .admin-body .stat-card{padding:16px;border-radius:12px}
  .admin-body .stat-card .stat-label{min-height:32px;font-size:12px;gap:8px}
  .stat-card .stat-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
  .stat-card .stat-icon svg{width:18px;height:18px}
  .admin-body .stat-card .stat-value{font-size:36px;margin-top:10px}
  .admin-body .stat-card .stat-meta{margin-top:12px;padding-top:10px;font-size:10px;gap:6px}
}
@media(max-width:380px){
  .admin-body .stat-grid{gap:10px}
  .admin-body .stat-card{padding:14px 12px}
  .admin-body .stat-card .stat-label{font-size:11px;gap:6px;min-height:28px}
  .stat-card .stat-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px}
  .admin-body .stat-card .stat-value{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.admin-body .stat-card{transition:none}.admin-body .stat-card:hover{transform:none}}

/* Compact mobile navigation; keep the desktop sidebar expanded. */
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.sidebar-header .brand{min-width:0;flex:1}
.sidebar-menu{display:flex;flex-direction:column;flex:1;min-height:0}
.admin-menu-toggle{display:none}
@media(max-width:760px){
  .admin-body{touch-action:manipulation}
  .admin-body input:not([type=checkbox]):not([type=radio]),.admin-body select,.admin-body textarea{font-size:16px}
  .admin-body .sidebar{position:sticky;top:0;z-index:40;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));overflow:visible}
  .admin-body .sidebar .brand{gap:12px}
  .admin-body .sidebar .brand small{font-size:9px}
  .admin-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:44px;padding:10px 12px;border:1px solid #685037;border-radius:10px;background:#2c2118;color:#dfc7a2;font-size:12px;line-height:1;flex-shrink:0;cursor:pointer}
  .admin-menu-toggle:hover,.admin-menu-toggle[aria-expanded=true]{background:#433322;border-color:#96764a;color:#f0d6aa}
  .admin-menu-toggle:focus-visible{outline:2px solid #d5b780;outline-offset:3px}
  .admin-menu-toggle svg{flex-shrink:0}
  .admin-menu-toggle .menu-close,.admin-menu-toggle[aria-expanded=true] .menu-lines{display:none}
  .admin-menu-toggle[aria-expanded=true] .menu-close{display:block}
  .admin-body .sidebar-menu{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;max-height:calc(100vh - 100px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#211a14;border:1px solid #685037;border-radius:14px;box-shadow:0 16px 36px #0008}
  .admin-body .sidebar.is-menu-open .sidebar-menu{display:flex}
  .admin-body .sidebar-menu .side-nav{display:grid;grid-template-columns:1fr;margin:0;padding:0;gap:4px;overflow:visible}
  .admin-body .sidebar-menu .nav-item{min-height:44px;padding:11px 14px;font-size:13px;white-space:normal}
  .admin-body .sidebar-menu .sidebar-bottom{flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0;margin-top:12px;padding-top:14px;border-color:#493827}
  .admin-body .sidebar-menu .account-info,.admin-body .sidebar-menu .account-actions{flex:none;margin:0}
  .admin-body .sidebar-menu .account-actions .button{min-height:42px}
}

/* Search inputs remain mounted while their results update. */
.admin-body .live-search-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;margin-bottom:18px;background:#191410;border:1px solid #493929;border-radius:12px}
.live-search-field{position:relative;flex:1 1 280px;max-width:560px;min-width:0}
.live-search-field .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#b79a70;pointer-events:none}
.admin-body .live-search-toolbar input.search{display:block;width:100%;max-width:none;min-width:0;margin:0;padding:12px 44px 12px 42px;min-height:46px;border:1px solid #5b4630;border-radius:9px;background:#110e0b;color:#f2e6d3;font-size:14px;line-height:1.5;transition:border-color .16s,box-shadow .16s}
.admin-body .live-search-toolbar input.search:focus{outline:0;border-color:#c2a16b;box-shadow:0 0 0 3px #c2a16b20}
.live-search-field input::-webkit-search-cancel-button,.live-search-field input::-webkit-search-decoration{-webkit-appearance:none}
.live-search-field input::-ms-clear{display:none}
.admin-body .search-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#bfa582;cursor:pointer}
.admin-body .search-clear[hidden]{display:none}
.admin-body .search-clear:hover{background:#3c2c1d;color:#f1d7ae}
.admin-body .search-clear:focus-visible{outline:2px solid #d5b780;outline-offset:0}
.live-search-toolbar .search-filter{display:flex;align-items:center;gap:10px;flex:0 1 270px;min-width:0;font-size:12px;color:#baa386}
.live-search-toolbar .search-filter>span{flex-shrink:0}
.admin-body .live-search-toolbar select{flex:1;min-width:0;width:100%;max-width:240px;margin:0;min-height:46px;padding-top:10px;padding-bottom:10px;font-size:13px;text-overflow:ellipsis;background-color:#251c14}
.admin-body .live-search-toolbar .count{margin:0 0 0 auto;font-size:12px;line-height:1.8;color:#c5af8d;white-space:nowrap;font-variant-numeric:tabular-nums}
.live-search-toolbar.is-searching .count{color:#e1c18b}
.search-results[aria-busy=true]{opacity:.55;transition:opacity .15s}
.admin-body .search-empty-row td{padding:32px 20px;text-align:center;color:#b9a68b}
.search-retry{display:flex;justify-content:center;padding:0 20px 24px}
@media(max-width:760px){
  .admin-body .live-search-toolbar{padding:12px;gap:12px;border-radius:11px}
  .live-search-field{flex-basis:100%;max-width:none}
  .admin-body .live-search-toolbar input.search{font-size:16px;min-height:48px;padding-left:40px}
  .live-search-field .search-icon{left:12px}
  .live-search-toolbar .search-filter{flex:1 1 140px;gap:8px}
  .admin-body .live-search-toolbar select{font-size:16px;max-width:none;min-height:44px}
  .admin-body .live-search-toolbar .count{font-size:11px}
}

/* One primary card and its companion readings share a four-column grid. */
.admin-body .combination-intro{max-width:none;margin-bottom:22px;gap:8px}
.admin-body .combination-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;align-items:stretch}
.admin-body .combination-card{display:flex;flex-direction:column;min-width:0;gap:22px;padding:20px;min-height:230px;background:#211a14;border:1px solid #51402d;border-radius:14px;transition:border-color .18s,box-shadow .18s}
.admin-body .combination-primary-card{background:radial-gradient(ellipse at 100% 0%,#cfaa6630,transparent 75%),linear-gradient(135deg,#382719,#211a14);border-color:#a68048;box-shadow:inset 0 1px 0 #ebd0a126}
.combination-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:25px;font-size:11px;color:#b9a285}
.admin-body .combination-card .badge{position:static;white-space:nowrap;font-size:10px;padding:4px 7px}
.admin-body .combination-card .combination-selected{background:#d5b7801c;color:#ebca91;border:1px solid #b8904e55}
.combination-identity{display:flex;align-items:center;gap:15px;min-width:0}
.combination-emblem{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;aspect-ratio:1;background:#fff;overflow:hidden;color:#665137}
.combination-emblem img{display:block;width:100%;height:100%;object-fit:cover}
.combination-emblem [hidden]{display:none}
.combination-emblem-empty{padding:6px;text-align:center;font-size:10px;line-height:1.5}
.admin-body .combination-card h3{margin:0;min-width:0;font-size:24px;font-weight:550;line-height:1.3;color:#f0ddbc;overflow-wrap:anywhere}
.admin-body .combination-card h3 small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#bfae97;margin-top:6px}
.combination-card-footer{margin-top:auto;display:grid;gap:12px}
.admin-body .combination-card .combination-progress{margin:0;color:#b6a58f;font-size:11px;line-height:1.8}
.combination-progress strong{font-weight:500;color:#ead4b0}
.admin-body .combination-card .button{display:flex;justify-content:space-between;gap:8px;min-height:42px;width:100%;padding:9px 12px;border-radius:8px;font-size:12px;line-height:1.6;white-space:normal;text-align:left}
.combination-card .button>span,.combination-card .button>svg{flex-shrink:0}
.admin-body .combination-card .button:focus-visible,.primary-type-option:focus-visible{outline:2px solid #efd5a7;outline-offset:4px}
.primary-type-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.primary-type-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:164px;padding:22px 12px 16px;background:#1b1510;border:1px solid #5b4630;border-radius:12px;color:#dfc9a6;cursor:pointer;transition:background .18s,border-color .18s}
.primary-type-option .combination-emblem{margin-bottom:4px}
.primary-type-option strong{font-size:17px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}
.primary-type-option small{font-size:11px;line-height:1.5;color:#bfae97}
.primary-type-option[aria-pressed=true]{background:linear-gradient(135deg,#4c3722,#2c2117);border-color:#d5b780;box-shadow:inset 0 0 0 1px #d5b78055}
.primary-option-check{position:absolute;top:8px;right:8px;display:none;place-items:center;width:19px;height:19px;border-radius:50%;background:#d5b780;color:#281b0d;font-size:12px;line-height:1}
.primary-type-option[aria-pressed=true] .primary-option-check{display:grid}
#combination-selection-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover){
  .admin-body .combination-card:hover{border-color:#997447;box-shadow:0 8px 24px #0003}
  .primary-type-option:hover{background:#3c2c1d;border-color:#c29e66}
}
@media(max-width:1250px){.admin-body .combination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .admin-body .combination-intro h2{font-size:19px;line-height:1.5}
  .admin-body .combination-intro p{font-size:12px}
  .admin-body .combination-grid{gap:12px}
  .admin-body .combination-card{padding:15px;gap:18px;min-height:238px;border-radius:12px}
  .combination-identity{flex-direction:column;align-items:flex-start;gap:10px}
  .combination-emblem{width:56px;height:56px}
  .admin-body .combination-card h3{font-size:22px}
  .admin-body .combination-card h3 small{font-size:11px;margin-top:4px}
  .admin-body .combination-card .badge{font-size:9px;padding:3px 5px}
  .admin-body .combination-card .button{font-size:11px;padding:9px 10px;min-height:44px}
  .primary-type-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .primary-type-option{min-height:150px;padding:18px 12px 14px}
}
@media(max-width:360px){
  .admin-body .combination-grid{gap:10px}
  .admin-body .combination-card{padding:12px;gap:16px}
  .combination-card-top{font-size:10px}
  .admin-body .combination-card .combination-progress{font-size:10px}
  .admin-body .combination-card .button{font-size:10px;padding:9px 8px;gap:4px}
}

/* Advisor welcome: a warm espresso-to-bronze gradient with champagne light. */
.admin-body .welcome-banner{
  isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;
  min-height:208px;padding:34px 38px;border:1px solid #997247;border-radius:16px;
  background:
    radial-gradient(ellipse at 100% 0%,#f3d2a133,transparent 58%),
    linear-gradient(0deg,#130e0938,transparent 75%),
    linear-gradient(112deg,#1b1511 0%,#38271c 34%,#62462c 72%,#967342 100%);
  box-shadow:inset 0 1px 0 #f5ddb333,0 12px 30px #0003;
}
.admin-body .welcome-banner:before{
  content:"";position:absolute;top:0;left:28px;right:28px;height:1px;
  background:linear-gradient(90deg,transparent,#ead0a5cc,transparent);pointer-events:none;
}
.admin-body .welcome-banner:after{
  border:0;border-radius:0;right:10px;top:50%;width:260px;height:230px;transform:translateY(-50%);
  background:url('/assets/brand/mgta-logo-gold.svg?v=20260913-logo-paths1') center/contain no-repeat;opacity:.065;
}
.admin-body .welcome-copy{flex:1 1 360px;min-width:0}
.admin-body .welcome-banner .eyebrow{
  display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#efd7b2;font-size:10px;line-height:1.8;letter-spacing:.13em;
}
.admin-body .welcome-banner .eyebrow:before{content:"";width:22px;height:1px;flex-shrink:0;background:#bc965e}
.admin-body .welcome-banner h2{margin:0;color:#f4e8d3;font-size:clamp(24px,2.25vw,32px);font-weight:550;line-height:1.55;letter-spacing:.01em}
.admin-body .welcome-banner h2 span{display:inline-block}
.admin-body .welcome-banner .welcome-description{margin:12px 0 0;color:#d9c8ae;font-size:13px;line-height:1.85}
.admin-body .welcome-banner .welcome-action{
  --action-bg:#d5b780;--action-fg:#281e12;--action-border:#e2c796;--action-hover:#e7cda0;
  flex:0 0 auto;min-height:56px;gap:12px;margin:0;padding:12px 15px 12px 18px;border-radius:10px;
  background:linear-gradient(115deg,#e6cda0,#cdaa70);color:var(--action-fg);border-color:var(--action-border);
  font-size:14px;font-weight:650;box-shadow:0 5px 18px #0003,inset 0 1px 0 #fff4d94d;
  transition:background .18s,box-shadow .18s,transform .18s;
}
.welcome-qr-icon{flex-shrink:0}
.welcome-arrow{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;margin-left:8px;border:1px solid #7050213d;border-radius:50%;transition:transform .18s}
.admin-body .welcome-banner .welcome-action:hover:not(:disabled){background:#e7cda0;box-shadow:0 7px 22px #0004;transform:translateY(-1px)}
.admin-body .welcome-banner .welcome-action:hover:not(:disabled) .welcome-arrow{transform:translateX(2px)}
.admin-body .welcome-banner .welcome-action:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #624d2826}
.admin-body .welcome-banner .welcome-action:focus-visible{outline:2px solid #f0dbb7;outline-offset:5px}
@media(max-width:760px){
  .admin-body .welcome-banner{min-height:0;gap:24px;padding:26px 24px;border-radius:14px;align-items:stretch}
  .admin-body .welcome-copy{flex-basis:100%}
  .admin-body .welcome-banner:after{width:175px;height:160px;right:-22px;top:40%;opacity:.05}
  .admin-body .welcome-banner .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px;gap:8px}
  .admin-body .welcome-banner .eyebrow:before{width:16px}
  .admin-body .welcome-banner h2{font-size:25px;line-height:1.55}
  .admin-body .welcome-banner .welcome-description{font-size:12px;line-height:1.9;margin-top:12px;max-width:28em}
  .admin-body .welcome-banner .welcome-action{width:100%;min-height:52px;font-size:13px;padding:11px 14px;gap:10px}
  .welcome-action .welcome-arrow{margin-left:auto}
}
@media(max-width:360px){
  .admin-body .welcome-banner{padding:23px 19px}
  .admin-body .welcome-banner h2{font-size:23px}
  .admin-body .welcome-banner .eyebrow{font-size:8px;letter-spacing:.04em}
}

/* Shared row feedback for every admin table, including tables in dialogs. */
.admin-body table>tbody>tr>td,.admin-body table>tbody>tr>th{transition:background-color .16s ease}
.admin-body table>tbody>tr:focus-within>td,.admin-body table>tbody>tr:focus-within>th{background-color:#392c20}
@media(hover:hover){
  .admin-body table>tbody>tr:hover>td,.admin-body table>tbody>tr:hover>th{background-color:#392c20}
}

/* Invitation filters follow the account data scope and apply immediately. */
.admin-body .invitation-filters .search-filter{flex:1 1 240px;max-width:340px;margin:0}
.admin-body .badge.qr-badge.unused,.admin-body .badge.qr-badge.claimed{background:#243c2c;color:#a0d5ac}
.admin-body .badge.qr-badge.completed{background:#37322c;color:#c5b9a9}
.admin-body .badge.qr-badge.expired{background:#3d2f21;color:#d1b389}
.admin-body .badge.qr-badge.revoked{background:#45271f;color:#efb4a4}
@media(max-width:760px){.admin-body .invitation-filters .search-filter{flex-basis:100%;max-width:none}.invitation-filters .search-filter>span{width:64px}.admin-body .invitation-filters .count{width:100%;text-align:right}}

/* Give review status its own row in narrow, two-column totem cards. */
@media(max-width:760px){
  .admin-body .type-card>.badge{position:static;display:table;max-width:100%;margin:0 0 12px auto}
  .admin-body .type-card .type-character{margin-inline:auto}
}

@media(max-width:760px){
  .admin-body .pagination{padding:12px;gap:10px}
}

@media(max-width:760px){
  .quiz-body .profile-heading>div:not(.profile-percent){display:flex;flex-direction:column;justify-content:center;min-height:100px}
  .quiz-body .profile-heading .profile-overline{display:block;line-height:16px}
}
@media(max-width:374px){
  .quiz-body .profile-heading .profile-percent{flex-basis:100%;display:flex;align-items:baseline;justify-content:flex-end;gap:6px}
  .quiz-body .profile-percent>span{margin-top:0}
}