@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&family=Stack+Sans+Headline:wght@500&family=Google+Sans+Flex:wght@400&display=swap');
:root{--navy:#15263b;--blue:#245cf5;--ink:#18283b;--muted:#637080;--line:#dce2e9;--paper:#f5f7fa}*{box-sizing:border-box}body{margin:0;font:16px/1.5 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.demo{min-height:52px;padding:10px 30px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.demo b{letter-spacing:.1em;font-size:11px}.demo-note{margin-left:18px;color:#c6d2e3}.demo label{display:flex;align-items:center;gap:12px}.demo select{color:white;background:#2b3d54;border:1px solid #647286;padding:5px 10px;border-radius:5px;font-size:13px}.shell{display:flex;min-height:calc(100vh - 52px)}aside{width:244px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:34px 22px 18px;display:flex;flex-direction:column}.wordmark{font:800 29px/1.03 Manrope,Arial;letter-spacing:-1px;padding:0 14px}.wordmark span{display:block;font:600 9px 'DM Sans',Arial;letter-spacing:2px;margin-top:14px}.workspace{font-size:11px;letter-spacing:1.4px;color:#85909e;margin:54px 14px 16px}.nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;background:none;border:0;text-align:left;color:#626d7d;font-size:14px;margin-bottom:6px;border-radius:6px}.nav span{font-size:20px;line-height:1}.nav em{font-style:normal;margin-left:auto;font-size:11px;color:var(--blue)}.nav.active{color:var(--blue);background:#edf2ff;font-weight:700}.side-bottom{margin-top:auto;padding:65px 14px 0}.side-bottom p{font-size:10px;letter-spacing:1px;color:#84909d}.side-bottom strong{display:block;font-size:15px;letter-spacing:0;color:var(--ink);margin-top:9px}.side-bottom>a{font-size:13px;color:var(--blue)}.account{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;display:flex;gap:10px;align-items:center;font-size:13px}.avatar{background:#eaf0f8;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:11px}.account small{display:block;font-size:10px;color:var(--muted)}.account button{margin-left:auto;border:0;background:none;font-size:21px;color:var(--muted)}.main{width:calc(100% - 244px);display:flex;flex-direction:column}header{height:76px;border-bottom:1px solid var(--line);background:#fff;padding:0 44px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.slash{margin:0 14px;color:#b4bdc8}.private{font-size:12px;color:#546879}main{padding:42px 44px;max-width:1450px;width:100%;margin:auto;flex:1}h1,h2,h3,p{margin-top:0}h1{font:700 36px/1.2 Manrope,Arial;letter-spacing:-1.5px;margin-bottom:12px}h2{font:700 21px Manrope,Arial;letter-spacing:-.5px}h3{font-size:18px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--blue);font-weight:700;margin-bottom:12px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.intro p{color:var(--muted);font-size:15px;margin-bottom:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 18px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-weight:600;font-size:14px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.dark{background:var(--navy);border-color:var(--navy);color:white}.btn.wa{background:#0f7a45;border-color:#0f7a45;color:#fff}.quote{margin-top:8px}.help-panel .btn.wa{color:#fff;margin:6px 0 10px}.btn.ghost{background:transparent;border:0;color:var(--muted)}.notice{border:1px solid #d4dfef;background:#edf3fb;border-radius:8px;padding:18px 21px;display:flex;gap:15px;align-items:center;font-size:14px;margin-bottom:32px}.notice strong{display:block;color:#273d59;font-size:14px}.notice p{margin:3px 0 0;color:var(--muted);font-size:13px}.notice .symbol{font-size:24px;color:#567faa}.notice .right{margin-left:auto;white-space:nowrap;color:#365679;font-size:12px}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.search{flex:1;position:relative}.search input{width:100%;padding:12px 16px 12px 41px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:14px}.search:before{content:'⌕';position:absolute;left:15px;top:7px;font-size:23px;color:#758399}.toolbar select{padding:12px;border:1px solid var(--line);border-radius:6px;background:white;font-size:14px}.count{font-size:12px;color:var(--muted);margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.brand-cover{height:162px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#dee9f1;color:#274555}.brand-cover.masil{background:#dce9e5;color:#284f45}.brand-cover.face{background:#e5e7f3;color:#313354}.brand-cover .number{position:absolute;left:21px;top:16px;font-size:11px;opacity:.6}.brand-cover b{font:700 34px Manrope,Arial;letter-spacing:2px}.brand-cover.face b{font-weight:400;letter-spacing:3px;font-size:28px}.brand-cover small{letter-spacing:3px;font-size:9px;margin-top:8px}.card-body{padding:24px}.tag{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.card-heading h2{margin:0}.badge{display:inline-block;border:1px solid #cfe0d9;background:#eff7f3;color:#36785f;font-size:10px;padding:3px 8px;border-radius:4px}.file{display:flex;gap:12px;align-items:center;padding:20px 0;margin-top:8px;border-bottom:1px solid #e9edf2}.file-icon{border:1px solid #cde0d6;border-radius:5px;padding:10px 6px;font-size:10px;font-weight:bold;color:#277658;background:#f5faf7}.file b{font-size:12px;display:block;overflow-wrap:anywhere}.file small{font-size:11px;color:var(--muted)}.card-meta{display:flex;justify-content:space-between;margin:17px 0;color:var(--muted);font-size:12px}.card-actions{display:flex;gap:8px}.card-actions .primary{flex:1}.sample-note{font-size:11px;color:#83909d;margin:10px 0 0}.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:32px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:24px}.panel h3{font-size:15px}.panel p{color:var(--muted);font-size:14px}.step-line{display:flex;gap:12px;margin:13px 0;font-size:13px}.step-line span{color:#8693a4}.help-panel{background:var(--navy);color:white}.help-panel p{color:#b4c2d3}.help-panel a{display:inline-block;color:white;font-size:13px;margin-top:5px}.help-panel .eyebrow{color:#a7c0ed}footer{padding:24px 44px;border-top:1px solid var(--line);font-size:11px;color:#8792a0;display:flex;justify-content:space-between;gap:20px}.auth-wrap{max-width:540px;margin:18px auto}.auth-box{padding:36px;background:white;border:1px solid var(--line);border-radius:12px}.auth-box h1{font-size:29px}.auth-box p{font-size:14px;color:var(--muted)}label.field{display:block;font-size:13px;font-weight:600;margin:18px 0}label.field input{display:block;width:100%;padding:12px;border:1px solid #ccd5df;border-radius:6px;margin-top:7px}.full{width:100%}.auth-divider{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;text-align:center;font-size:13px}.auth-divider a{color:var(--blue)}.pending-icon{font-size:35px;color:var(--blue);margin-bottom:20px}.status-list{margin:26px 0;padding:0;list-style:none}.status-list li{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.status-list span{float:right;font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:#f0f3f7;padding:15px 20px;color:var(--muted)}td{padding:20px;font-size:14px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:12px}.status{font-size:12px;color:#9b6719}.status.approved{color:#237652}.status.rejected{color:#ac4545}.empty{padding:60px;text-align:center;background:white;border:1px dashed #c6d0dd;border-radius:9px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 24px;border-radius:8px;box-shadow:0 10px 35px #14263b33;display:none;z-index:10;font-size:14px;max-width:90%}dialog{border:0;border-radius:12px;padding:32px;max-width:530px;width:90%;box-shadow:0 25px 100px #10223b44}dialog::backdrop{background:#11243b88}dialog .close{float:right;border:0;background:none;font-size:25px}dialog dl{display:grid;grid-template-columns:110px 1fr;font-size:14px;gap:12px}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}.error{color:#ad3434!important}.metric-row{display:flex;gap:18px;margin-bottom:26px}.metric{flex:1;background:white;padding:20px;border:1px solid var(--line);border-radius:8px}.metric strong{font:700 28px Manrope;display:block}.metric span{font-size:12px;color:var(--muted)}@media(min-width:1500px){main{padding-top:56px}.brand-cover{height:200px}}@media(max-width:1050px){aside{width:210px}.main{width:calc(100% - 210px)}main{padding:28px 24px}header,footer{padding-left:24px;padding-right:24px}.card-body{padding:18px}.brand-cover b{font-size:28px}.brand-cover.face b{font-size:21px}.card-actions{flex-wrap:wrap}.intro{align-items:flex-start}.private{display:none}}@media(max-width:760px){.demo{padding:9px 14px;flex-wrap:wrap}.demo-note{display:none}.demo label{font-size:11px}.shell{display:block}aside{width:100%;padding:18px;display:block;border-bottom:1px solid var(--line)}.wordmark{display:block;font-size:19px;line-height:1;padding:0}.wordmark br{display:none}.wordmark span{display:none}.workspace,.side-bottom{display:none}nav{display:flex;gap:6px;margin-top:18px}.nav{font-size:12px;margin:0;padding:10px 8px;justify-content:center}.nav span,.nav em{display:none}.main{width:100%}header{height:54px;font-size:12px}main{padding:26px 18px}h1{font-size:30px}.intro{display:block}.intro .btn{margin-top:18px}.cards,.lower{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar select{max-width:135px}.notice .right{display:none}.brand-cover{height:170px}.brand-cover b{font-size:32px}.brand-cover.face b{font-size:27px}.auth-box{padding:24px}.metric-row{gap:8px}.metric{padding:14px}footer{flex-direction:column;gap:6px}.demo select{max-width:180px}}

/* ===== VENUSKOREA design system (venuskorea.com tokens, 2026-09-27) ===== */
:root{--navy-900:#003366;--orange-500:#f9a328;--yellow-300:#f8d166;--surface-100:#ffffff;--surface-200:#f3f1ef;--surface-300:#e8e8e8;--ink-0:#000;--ink-800:#2c2c2c;--ink-700:#4a4a4a;--ink-950:#131515;
--navy:var(--navy-900);--blue:var(--navy-900);--ink:var(--ink-800);--muted:var(--ink-700);--line:#e2ded9;--paper:var(--surface-200);
--font-display:"Stack Sans Headline","Inter",Pretendard,system-ui,sans-serif;--font-sans:"Inter",Pretendard,system-ui,sans-serif;--font-text:"Google Sans Flex","Inter",Pretendard,system-ui,sans-serif;
--r-sm:10px;--r-lg:20px;--r-pill:100px;--shadow-float:0 10px 50px rgba(0,0,0,.08)}
body{font-family:var(--font-sans);color:var(--ink-800);background:var(--surface-200)}
h1,h2,.metric strong,.brand-cover b{font-family:var(--font-display);font-weight:500;letter-spacing:-.5px;color:var(--ink-0)}
h1{font-size:40px;line-height:36px;margin-bottom:16px}.auth-box h1{font-size:34px;line-height:36px}
h2{font-size:26px;line-height:31.2px}
.demo{background:var(--navy-900)}
.logo{display:block;padding:0 14px}.logo img{display:block;width:100%;max-width:190px;height:auto}
aside{background:var(--surface-100);border-right:1px solid var(--line)}
.nav{color:var(--ink-700);font-weight:600;font-size:15px;border-radius:var(--r-sm)}.nav em{color:var(--navy-900)}
.nav.active{background:var(--surface-200);color:var(--navy-900)}.nav{white-space:nowrap}
.side-bottom>a{color:var(--navy-900);font-weight:600}
header{background:var(--surface-100);border-bottom:1px solid var(--line);color:var(--ink-700)}.private{color:var(--ink-700)}
.eyebrow{display:inline-block;background:var(--navy-900);color:#fff;font-size:14px;line-height:16.8px;font-weight:500;letter-spacing:0;padding:8px 20px;border-radius:var(--r-pill);margin-bottom:20px}
.help-panel .eyebrow{background:var(--surface-100);color:var(--navy-900)}
.intro p{color:var(--ink-700);font-size:17px}
.btn{font-weight:600;font-size:16px;line-height:19.2px;padding:14px 24px;border-radius:var(--r-sm);border-color:var(--line);color:var(--ink-800)}
.btn.primary{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.btn.wa{background:var(--orange-500);border-color:var(--orange-500);color:var(--ink-0)}
.help-panel .btn.wa{color:var(--ink-0)}
.notice{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--r-lg)}
.notice strong{color:var(--ink-0)}.notice .symbol,.notice .right{color:var(--navy-900)}
.search input,.toolbar select,label.field input{border-radius:var(--r-sm);border-color:var(--line)}
.search input::placeholder,label.field input::placeholder{color:#a3a3a3}
.count{color:var(--ink-700);font-weight:600}
.card,.panel,.table-wrap,.metric,.auth-box{border-radius:var(--r-lg);border-color:var(--line)}
.brand-cover,.brand-cover.masil,.brand-cover.face{background:var(--surface-200);color:var(--navy-900);margin:12px 12px 0;border-radius:14px}
.brand-cover b,.brand-cover.face b{color:var(--navy-900);font-weight:500;letter-spacing:1px}
.brand-cover b:after{content:'';display:block;width:48px;height:5px;border-radius:3px;background:var(--yellow-300);margin:12px auto 0}
.brand-cover small{color:var(--ink-700)}
.tag{display:inline-block;background:var(--surface-300);color:var(--ink-950);padding:6px 14px 5px;border-radius:var(--r-pill);font-size:12px;letter-spacing:.3px;text-transform:none}
.badge{border:0;background:var(--surface-200);color:var(--navy-900);font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--r-pill)}
.file-icon{border-color:var(--line);background:var(--surface-200);color:var(--navy-900);border-radius:8px}
.help-panel{background:var(--navy-900)}.help-panel p{color:#dfe6ee}
.step-line span{color:var(--navy-900);font-weight:700}
.status{color:#8a5a00}.status.approved{color:#1d6b45}.status.rejected{color:#a33434}
.auth-divider a,.pending-icon{color:var(--navy-900)}
th{background:var(--surface-200);color:var(--ink-700)}
#toast{background:var(--navy-900)}
.sample-note{color:var(--ink-700)}
footer{color:var(--ink-700);border-top:1px solid var(--line);background:var(--surface-100)}
@media(max-width:760px){.logo{padding:0}.logo img{max-width:140px}h1{font-size:32px;line-height:32px}}

/* ===== live portal (demo bar removed) ===== */
.shell{min-height:100vh}
[hidden]{display:none!important}
a.nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;font-size:15px;margin-bottom:6px;border-radius:var(--r-sm);color:var(--ink-700);font-weight:600}
.resend-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.status.pending{color:#8a5a00}.status.revoked{color:#6b7280}
#accountName{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){#mainNav[hidden]{display:none}}

/* ===== admin console ===== */
.admin-body{display:flex;flex-direction:column;min-height:100vh}
.admin-top{display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--surface-100);border-bottom:1px solid var(--line)}
.admin-top img{height:30px;width:auto}
.admin-top b{font-family:var(--font-display);font-weight:500;color:var(--ink-0)}
.admin-user{margin-left:auto;font-size:13px;color:var(--ink-700)}
.admin-main{flex:1;width:100%;max-width:1250px;margin:0 auto;padding:34px 28px}
.tabbar{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}
.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}
td .actions button,.actions{white-space:nowrap}
td button{margin:2px 4px 2px 0}
.confirm-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.confirm-box .note-in{padding:8px 10px;border:1px solid var(--line);border-radius:8px;width:150px}
.confirm-box.vert{display:block;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-200)}
.confirm-box.vert>*{margin-bottom:10px;display:block}

/* ===== brand covers & cards v2 ===== */
.brand-cover{height:150px}
.brand-logo{max-height:90px;max-width:75%;object-fit:contain;display:block}
.card .file{border-bottom:0;padding:12px 0 0}
.card .card-actions{margin-top:16px}
.card-actions .btn{flex:1;white-space:nowrap}

/* ===== application form v2 ===== */
.auth-wrap.wide{max-width:640px}
.step-progress{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--navy-900);background:var(--surface-200);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:16px}
.step-head{display:flex;justify-content:space-between;align-items:center}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:18px 0;cursor:pointer}
.agree input{margin-top:3px;width:16px;height:16px}
.fgroup{font-size:13px;font-weight:600;margin:18px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.chip{padding:9px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;font-size:13px;font-weight:600;color:var(--ink-700)}
.chip.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.subfield{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:var(--r-sm);margin-top:10px}
.privacy-note{font-size:11px;color:#8a8a8a;line-height:1.5;margin:20px 0 0}
.hint{font-size:12px;color:var(--ink-700);font-weight:400}
label.field select{display:block;width:100%;padding:12px;border:1px solid #ccd5df;border-radius:var(--r-sm);margin-top:7px;background:#fff}
label.field small.hint{display:block;margin-top:6px}

/* ===== inquiry + WA v2 ===== */
.inq{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-700);margin-top:12px;cursor:pointer;user-select:none}
.inq input{width:15px;height:15px;accent-color:var(--navy-900)}
.brand-table .inq{margin-top:8px}
.side-bottom .btn.wa{margin:6px 0 4px;color:var(--ink-0);font-size:14px;padding:12px 16px}
.wa-fab{display:none;position:fixed;right:16px;bottom:16px;z-index:40;background:var(--orange-500);color:var(--ink-0);font-weight:700;font-size:14px;padding:14px 20px;border-radius:var(--r-pill);box-shadow:0 8px 30px rgba(0,0,0,.22)}
.wa-fab.has-items{background:var(--navy-900);color:#fff}
@media(max-width:760px){
  .wa-fab{display:inline-flex;align-items:center}
  .wa-fab[hidden]{display:none}
  main{padding-bottom:96px}
  #waSide{display:none}
}

/* ===== admin v2 ===== */
.back-link{padding:8px 12px;font-size:13px}
.rbadge{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface-300);color:var(--ink-800);margin:1px 3px 1px 0;white-space:nowrap}
.rbadge.warn{background:#fbeaea;color:#a33434}
.rbadge.ok{background:#e8f4ee;color:#1d6b45}
.rbadge.soft{background:var(--surface-200);color:var(--ink-700)}
td .badges,.badges{line-height:1.9}
.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:16px}
.detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.detail-head h2{margin:0}
.dlist{margin:14px 0}
.dfield{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--surface-200);font-size:14px}
.dfield dt{color:var(--ink-700)}
.dfield dd{margin:0;overflow-wrap:anywhere}
.dfield a{color:var(--navy-900);font-weight:600}
.checklist{display:flex;flex-direction:column;gap:4px}
.checkline{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--surface-200);font-size:14px;cursor:pointer}
.checkline input{width:16px;height:16px}
.checkline small{margin-left:auto;color:var(--ink-700);font-size:11px}
.logo-thumb{height:34px;max-width:90px;object-fit:contain;display:block}

/* ===== brand details v3 ===== */
.intro-actions{display:flex;gap:10px;flex-wrap:wrap}
.view-toggle{display:flex;gap:6px}
.view-toggle .btn{padding:12px 14px}
.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.cat-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.hero-line{font-size:13px;margin:6px 0 2px}.hero-line span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--navy-900);background:var(--surface-200);padding:2px 8px;border-radius:var(--r-pill);margin-right:6px}
.known-line{font-size:13px;color:var(--ink-700);margin:4px 0 10px}
.meta-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.meta-chip{font-size:12px;font-weight:600;background:var(--surface-200);color:var(--ink-800);padding:5px 12px;border-radius:var(--r-pill)}
.doc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.doc-chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;color:var(--ink-700)}
.doc-chip.available{background:#e8f4ee;border-color:#cfe6da;color:#1d6b45}
.doc-chip.in_progress{background:#fdf3e3;border-color:#f2e0bd;color:#8a5a00}
.doc-chip.unavailable{background:#fbeaea;border-color:#f0d4d4;color:#a33434}
.doc-chip.unknown{background:var(--surface-200);color:var(--navy-900)}
.doc-chip.mini{padding:3px 7px;margin-right:2px}
.restricted-block{font-size:12px;color:#8a5a00;background:#fdf6e9;border:1px solid #f2e6c9;border-radius:10px;padding:10px 12px;margin:8px 0;line-height:1.6}
.restricted-block b{color:#6f4a02}
.chip.more{padding:3px 10px;font-size:11px;background:#fff}
.brand-table td{padding:12px 14px;font-size:13px}
.brand-cell{display:flex;gap:10px;align-items:center;min-width:190px}
.brand-table .actions .btn{padding:8px 12px;font-size:12px}
/* admin brand form */
.fset{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}
.fset.internal{background:var(--surface-200)}
.fset-title{font-size:12px;font-weight:700;letter-spacing:.8px;color:var(--navy-900);margin-bottom:8px}
label.field textarea{display:block;width:100%;padding:11px;border:1px solid #ccd5df;border-radius:var(--r-sm);margin-top:7px;font:inherit;resize:vertical}
.rm-editor{margin-top:9px}
.rm-add{display:flex;gap:8px;margin-top:10px}
.rm-add input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm)}
.rm-chip{display:inline-flex;align-items:center;gap:4px}
.rm-chip button{background:none;border:0;color:#fff;font-size:13px;padding:0 2px;cursor:pointer;line-height:1}
.rm-chip .rm-x{font-size:15px}
/* admin log filters */
.log-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.log-filters input,.log-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;font-size:13px}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:16px;font-size:13px;color:var(--ink-700)}
/* featured ordering + delete */
.feat-order{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.feat-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-200);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:600;cursor:grab}
.feat-item.dragging{opacity:.4}
.feat-item .drag{color:var(--ink-700);cursor:grab}
.feat-btns{margin-left:auto;display:flex;gap:4px}
.fmv{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 9px;cursor:pointer;font-size:13px}
.btn.danger{color:#a33434}
.file-btn{cursor:pointer}
.upload-row td{background:var(--surface-200)}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.dfield{grid-template-columns:120px 1fr}}
@media(max-width:760px){.admin-top{padding:12px 14px;flex-wrap:wrap}.admin-main{padding:22px 14px}}
/* admin MFA (TOTP) enrolment */
.mfa-qr-wrap{display:flex;justify-content:center;margin:16px 0}
.mfa-qr{width:200px;height:200px;background:#fff;padding:8px;border:1px solid var(--line);border-radius:8px}
.mfa-manual{margin:6px 0 10px;font-size:13px}
.mfa-manual summary{cursor:pointer;color:var(--ink-700)}
.mfa-secret{display:block;margin-top:8px;padding:10px 12px;background:var(--surface-200,#f0f3f7);border-radius:6px;font:600 15px/1.5 ui-monospace,Menlo,monospace;letter-spacing:1px;word-break:break-all}
/* ---- brand grid v4: up to 5 columns, auto 4/3/2/1 by the real content width ---- */
.cards{grid-template-columns:repeat(auto-fill,minmax(max(200px,calc((100% - 64px)/5)),1fr));gap:16px}
.card.compact{display:flex;flex-direction:column}
.card.compact .card-body{padding:16px;display:flex;flex-direction:column;flex:1}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:48px}
.card-title{margin:0;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.brand-logo-sm{max-height:48px;max-width:100%;object-fit:contain;display:block}
.feat-star{color:#b7791f;font-size:14px;line-height:1.6}
.card.compact .cat-chips{margin:6px 0 2px}
.card.compact .meta-chips{margin:6px 0}
.card.compact .meta-chip{font-size:11.5px;padding:4px 10px}
.card.compact .doc-chips{gap:4px}
.res-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;margin:4px 0 10px;color:var(--ink-700)}
.res-label{font-weight:600}
.card.compact .card-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.card.compact .card-actions .btn{white-space:normal;font-size:13px;padding:9px 10px;flex:none;width:100%}
.details-btn{border:1px solid var(--line)!important;color:var(--ink-800)!important}
/* document status: grey for "No" (not red); icon + text everywhere */
.doc-chip.unavailable{background:var(--surface-200);border-color:var(--line);color:#4b5563}
.doc-chip.in_progress{color:#8a4b00}
/* list view */
.brand-table th{text-transform:none;letter-spacing:0;white-space:nowrap}
.brand-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.brand-table .details-btn{padding:8px 12px;font-size:12px}
.th-tipwrap{position:relative;display:inline-block}
.th-tip{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:help;border-bottom:1px dotted currentColor}
.th-tipwrap .tip{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:20;white-space:nowrap;background:var(--navy-900,#15263b);color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px}
.th-tip:hover+.tip,.th-tip:focus+.tip{display:block}
.res-btn{cursor:pointer;border:0;font:inherit;font-size:11px;font-weight:600}
.res-btn:focus-visible{outline:2px solid var(--navy-900,#15263b);outline-offset:2px}
.res-pop{position:fixed;z-index:60;max-width:320px;max-height:60vh;overflow:auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #14263b2e;padding:12px 14px;font-size:12.5px;line-height:1.5}
.res-pop ul,.res-list{margin:6px 0 0;padding-left:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Details dialog */
#detail{padding:0;max-width:560px}
#detailBody{padding:26px 28px}
#detailBody .detail-head{align-items:flex-start}
#detailBody .detail-head h2{margin:6px 0 4px;font-size:22px}
.detail-dl{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;font-size:14px;margin:14px 0}
.detail-dl dt{color:var(--muted)}
.detail-dl dt small{display:block;font-size:11px}
.detail-dl dd{margin:0}
.detail-wa{margin:14px 0 0}
.detail-status{min-height:1.2em;font-size:13px;color:var(--ink-700);margin:8px 0 0}
@media(max-width:560px){.detail-dl{grid-template-columns:1fr}}
/* small screens: let the toolbar and the top nav wrap instead of widening the page */
@media(max-width:900px){.toolbar{flex-wrap:wrap}.toolbar .search{flex:1 1 100%}}
@media(max-width:760px){.toolbar select{flex:1 1 40%;max-width:none}nav{flex-wrap:wrap}nav .nav{width:auto;flex:1 1 auto}}
/* Cloudflare Turnstile (sign-in / code screens only) */
.captcha{margin:14px 0 4px;min-height:65px}.captcha iframe{max-width:100%}.captcha-note{font-size:11px;color:var(--muted);margin:0 0 12px}.captcha-note a{color:var(--muted);text-decoration:underline}