@import url("portal.css");

.staff-shell { width: min(1460px, calc(100% - 48px)); margin: 20px auto 72px; }
.site-header { height: 82px; padding: 0 22px 0 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background: rgba(10,10,10,.94); }
.brand { height: 100%; display: flex; align-items: center; gap: 13px; color: var(--gold-bright); font: 600 18px var(--display); letter-spacing: .14em; }
.brand img { width: 72px; height: 72px; object-fit: contain; }
.brand span { display: flex; flex-direction: column; }
.brand small { color: var(--gold-muted); font: 600 9px var(--sans); letter-spacing: .22em; }
.site-header nav { height: 100%; display: flex; }
.site-header nav a { min-width: 120px; padding: 0 18px; display: grid; place-items: center; position: relative; color: var(--muted); font-size: 11px; }
.site-header nav a.active, .site-header nav a:hover { color: var(--cream); }
.site-header nav a.active::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 0; height: 2px; background: var(--blood-bright); }

.admin-notice { min-height: 260px; margin-top: 18px; padding: 42px 46px; display: grid; grid-template-columns: 1.25fr 1fr 300px auto; align-items: end; gap: 30px; position: relative; overflow: hidden; border-bottom: 1px solid var(--line-strong); background: linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.62)), url("assets/welcome_moon_dashboard.png") center/cover no-repeat; box-shadow: var(--shadow); }
.admin-notice::after { content: "OPS"; position: absolute; right: 30px; top: 4px; color: rgba(216,177,90,.045); font: 600 145px var(--display); }
.admin-notice > * { position: relative; z-index: 1; }
.eyebrow { margin: 0 0 6px; color: var(--gold-muted); font-size: 9px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.admin-notice h1 { margin: 0; color: var(--cream); font: 500 44px var(--display); }
.admin-notice > p { margin: 0; color: #c8bbab; font: 500 17px/1.5 var(--serif); }
.admin-notice label { color: var(--gold-muted); font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
input, select, textarea { width: 100%; min-height: 44px; margin-top: 7px; padding: 9px 12px; color: var(--cream); border: 1px solid rgba(216,177,90,.24); border-radius: 2px; outline: 0; background: #09090a; font: 500 13px var(--sans); }
textarea { resize: vertical; line-height: 1.5; }
input:focus, select:focus, textarea:focus { border-color: var(--gold-muted); box-shadow: 0 0 0 3px rgba(216,177,90,.06); }
.button { min-height: 44px; padding: 0 19px; color: #fff6df; border: 1px solid #b77b24; border-radius: 2px; background: linear-gradient(135deg,#8a2a20,#58120f); font: 600 11px var(--sans); cursor: pointer; }
.button:hover { background: linear-gradient(135deg,#a33428,#6c1813); }
.status { margin: 14px 0 0; padding: 13px 17px; color: var(--muted); border-left: 2px solid var(--gold-muted); background: rgba(216,177,90,.04); font-size: 11px; }
.status.error { color: #f4b7ae; border-color: var(--blood-bright); background: rgba(145,42,33,.1); }

.summary-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(6,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.summary-grid article { min-height: 96px; padding: 19px 22px; display: flex; flex-direction: column; justify-content: center; background: #101011; }
.summary-grid span { color: var(--quiet); font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.summary-grid strong { margin-top: 5px; color: var(--gold-bright); font: 500 28px var(--display); }

.staff-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.panel { min-width: 0; padding: 28px 30px; position: relative; border: 1px solid var(--line); background: linear-gradient(145deg,#121213,#0a0a0b); }
.panel::before { content: ""; position: absolute; left: -1px; top: -1px; width: 58px; height: 1px; background: var(--gold); }
.panel-wide { grid-column: 1 / -1; }
.panel-heading { margin-bottom: 20px; padding-bottom: 15px; display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { margin: 0; color: var(--cream); font: 600 21px var(--serif); }
.panel-kicker { color: var(--quiet); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.panel form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.panel form > .button { align-self: end; }
.panel fieldset { min-width:0; margin:0; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:8px; border:1px solid rgba(216,177,90,.16); }
.panel legend { padding:0 7px; color:var(--gold-muted); font:600 9px var(--sans); letter-spacing:.09em; text-transform:uppercase; }
.panel fieldset .hint { grid-column:1/-1; margin:5px 0 0; }
.panel form label { display: flex; flex-direction: column; color: var(--gold-muted); font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.panel form .check { min-height: 44px; padding: 11px 12px; flex-direction: row; align-items: center; gap: 9px; border: 1px solid rgba(216,177,90,.14); color: var(--muted); text-transform: none; }
.panel form .check input { width: 15px; min-height: 15px; margin: 0; accent-color: var(--blood-bright); }
.panel form .field-wide { grid-column: 1 / -1; }
.form-note { margin: 0; padding: 13px 15px; color: var(--quiet); border-left: 2px solid var(--gold-muted); background: rgba(216,177,90,.035); font: 500 12px/1.55 var(--serif); }
.form-actions { display: flex; align-items: center; gap: 10px; }
.form-actions .button { min-width: 190px; }
.line-head-photo-fields { padding:20px; display:grid; grid-template-columns:minmax(220px,1.1fr) repeat(2,minmax(190px,.8fr)); align-items:end; gap:18px; border:1px solid rgba(216,177,90,.16); background:rgba(6,6,7,.55); }
.line-head-photo-fields > div { align-self:center; }
.line-head-photo-fields > div > strong { display:block; color:var(--cream); font:600 17px var(--serif); }
.line-head-photo-fields small { display:block; margin-top:6px; color:var(--quiet); font:500 12px/1.4 var(--serif); letter-spacing:0; text-transform:none; }
.line-head-photo-fields input[type="file"] { padding:10px; color:var(--muted); }
.line-head-photo-fields > .check { grid-column:1/-1; }
.horizontal-form { grid-template-columns: repeat(3,1fr) !important; }
.hint { color: var(--quiet); font: 500 13px var(--serif); }
.result { margin-top: 14px; color: var(--gold); font-size: 11px; }
.filter-label { display: block; max-width: 460px; color: var(--gold-muted); font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.data-list, .event-list { margin-top: 18px; display: grid; gap: 1px; background: var(--line); }
.data-list > *, .event-list > * { min-height: 58px; padding: 13px 16px; background: #0c0c0d; color: #cfc3b3; font-size: 11px; }
.data-row { display: grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap: 12px; align-items: center; }
.data-row strong { color: var(--gold-bright); font: 600 14px var(--serif); }
.data-row small { color: var(--quiet); }
.line-head-row > div:first-child { display:grid; gap:4px; }
.line-head-row > div:first-child b { color:var(--gold-bright); font:600 16px var(--serif); }
.row-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.mini-button { min-height: 34px; padding: 0 12px; color: #d9cbb8; border: 1px solid rgba(216,177,90,.25); border-radius: 2px; background: #11100e; font: 600 10px var(--sans); cursor: pointer; }
.mini-button:hover { color: var(--cream); border-color: var(--gold-muted); background: rgba(216,177,90,.07); }
.member-reset-button { justify-self: end; min-height: 42px; }
.member-row > div:first-child { display: grid; gap: 4px; overflow-wrap: anywhere; }
.member-row > div:first-child b { color: var(--gold-bright); font: 600 16px var(--serif); }
.reset-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100vh - 40px); padding: 28px; color: var(--cream); border: 1px solid var(--gold-muted); background: #11100e; overflow: auto; }
.reset-dialog::backdrop { background: rgba(0,0,0,.8); }
.reset-dialog h2 { margin-top: 0; color: var(--gold-bright); }
.reset-dialog p { line-height: 1.55; overflow-wrap: anywhere; }
.reset-dialog form { display: grid; gap: 14px; }
.reset-dialog .check { display: flex; align-items: center; gap: 10px; }
.reset-dialog .check input { width: 18px; min-height: 18px; height: 18px; margin: 0; padding: 0; flex: 0 0 18px; accent-color: var(--blood-bright); }
.reset-dialog .status:empty { display: none; }
.reset-dialog #staff-reset-code { width: 100%; font: .92rem monospace; }
.reset-dialog #close-reset-dialog { margin-top: 20px; }
.reset-dialog [hidden] { display: none; }
.state { padding: 5px 8px; color: var(--gold-muted); border: 1px solid rgba(216,177,90,.18); font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.state-active, .state-delivered { color: #a9d6a1; border-color: rgba(112,170,105,.35); background: rgba(63,113,60,.12); }
.state-inactive, .state-refunded, .state-failed { color: #c9a3a0; border-color: rgba(145,42,33,.35); background: rgba(145,42,33,.1); }
.state-paid { color: #ead08d; background: rgba(216,177,90,.08); }
.catalogue-list { display: grid; gap: 20px; }
.catalogue-group { border: 1px solid rgba(216,177,90,.14); background: #09090a; }
.catalogue-group-heading { min-height: 64px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg,rgba(145,42,33,.11),transparent 48%); }
.catalogue-group-heading strong { color: var(--cream); font: 600 17px var(--serif); }
.catalogue-group-heading small { display: block; margin-top: 4px; color: var(--quiet); }
.catalogue-items { display: grid; }
.catalogue-item { min-height: 92px; padding: 17px 18px; display: grid; grid-template-columns: minmax(220px,1.5fr) minmax(180px,1fr) 110px auto; align-items: center; gap: 20px; border-bottom: 1px solid rgba(216,177,90,.1); }
.catalogue-item:last-child { border-bottom: 0; }
.catalogue-item:hover { background: rgba(216,177,90,.025); }
.catalogue-item b { color: var(--gold-bright); font: 600 15px var(--serif); }
.catalogue-item small { display: block; margin-top: 4px; color: var(--quiet); line-height: 1.45; }
.catalogue-stock { color: #c8bbab; font-size: 11px; }
.catalogue-price { color: var(--cream); font: 500 18px var(--display); white-space: nowrap; }
.catalogue-empty { padding: 24px 18px; color: var(--quiet); font: 500 13px var(--serif); }
.support-ticket-list{display:grid;gap:16px}.support-ticket-admin{padding:24px;border:1px solid rgba(216,177,90,.16);background:#09090a}.support-ticket-admin>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(216,177,90,.13)}.support-ticket-admin header small{color:var(--gold-muted);font:600 10px var(--sans);letter-spacing:.09em;text-transform:uppercase}.support-ticket-admin h3{margin:6px 0 4px;color:var(--cream);font:600 18px var(--serif)}.support-ticket-admin header span{color:var(--quiet);font-size:11px}.support-member-message{margin:18px 0;padding:16px;border-left:2px solid var(--gold-muted);background:rgba(216,177,90,.035);color:#d2c5b3;white-space:pre-wrap;font:500 14px/1.55 var(--serif)}.support-resolution-form{grid-template-columns:1fr 1fr!important}.support-resolution-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.support-resolution-actions small{color:var(--quiet);font-size:10px}.support-ticket-empty{margin:0;padding:28px;color:var(--quiet);text-align:center}
.support-ticket-archive{padding:0}.support-ticket-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px;cursor:pointer;list-style:none}.support-ticket-archive>summary::-webkit-details-marker{display:none}.support-ticket-archive>summary::after{content:"+";color:var(--gold);font:500 24px var(--display)}.support-ticket-archive[open]>summary::after{content:"−"}.support-ticket-archive>summary h2{margin:2px 0 5px;color:var(--cream);font:600 21px var(--serif)}.support-ticket-archive>summary p:not(.eyebrow){margin:0;color:var(--quiet);font-size:12px}.support-ticket-archive>summary>strong{margin-left:auto;color:var(--gold-muted);font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.support-ticket-archive>.support-ticket-list{padding:0 30px 30px;border-top:1px solid var(--line)}.support-ticket-archived{margin-top:16px;background:linear-gradient(145deg,rgba(17,17,18,.92),rgba(7,7,8,.98))}.support-archive-reply{margin:0 0 18px;padding:15px 17px;border-left:2px solid rgba(133,156,105,.65);background:rgba(107,135,77,.06)}.support-archive-reply small{color:#91ad75;font:600 9px var(--sans);letter-spacing:.1em}.support-archive-reply p{margin:7px 0 0;color:#cfc4b1;white-space:pre-wrap;font:500 14px/1.5 var(--serif)}.support-archive-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.support-archive-actions>small{color:var(--quiet);font-size:10px}.support-archive-actions>div{display:flex;gap:8px;flex-wrap:wrap}.danger-button{border-color:rgba(180,57,47,.55);color:#e5a29a}.danger-button:hover{border-color:#b93c31;background:rgba(151,38,29,.2);color:#ffd0ca}.support-ticket-archive button:disabled{cursor:wait;opacity:.55}

.blog-editor-panel{background:linear-gradient(145deg,rgba(29,13,12,.8),rgba(8,8,9,.98) 54%)}

.trivia-live-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(145,42,33,.24),transparent 32%),linear-gradient(135deg,rgba(25,13,11,.92),rgba(7,7,8,.98) 58%)}
.trivia-live-panel::after{content:"?";position:absolute;right:38px;bottom:-48px;color:rgba(216,177,90,.045);font:500 220px/1 var(--display);pointer-events:none}
.trivia-live-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding-top:18px;border-top:1px solid var(--line-soft)}
.trivia-live-readout{display:grid;gap:7px}.trivia-live-readout strong{color:var(--gold-bright);font:500 26px var(--display)}.trivia-live-readout span{color:#d4c5b0;font:500 15px var(--serif)}.trivia-live-readout small{color:var(--gold-muted);font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.trivia-command-grid{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:9px}.trivia-command-grid .mini-button{min-height:44px}
.trivia-settings-form{grid-template-columns:repeat(4,minmax(0,1fr))!important}.trivia-switches{padding:18px 0 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;border-top:1px solid var(--line-soft)}.trivia-switches legend{padding:18px 18px 0 0;color:var(--gold-muted)}
.trivia-library-tools{display:flex;justify-content:flex-end;margin:-6px 0 12px}.trivia-question-list{max-height:660px;overflow:auto;border-top:1px solid var(--line-soft)}.trivia-question-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:19px 2px;border-bottom:1px solid var(--line-soft)}.trivia-question-row>div:first-child{display:grid;gap:5px}.trivia-question-row small{color:var(--gold-muted);font:600 9px var(--sans);letter-spacing:.1em}.trivia-question-row strong{color:var(--cream);font:600 15px/1.4 var(--serif)}.trivia-question-row span{color:var(--quiet);font-size:11px;line-height:1.5}
.trivia-record-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px}.trivia-record-layout>div+div{padding-left:38px;border-left:1px solid var(--line)}.trivia-record-layout h3{margin:0 0 13px;color:var(--gold-bright);font:500 18px var(--display)}.trivia-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}.trivia-result-row span{color:var(--quiet);font-size:11px;text-align:right}
.blog-editor-panel .panel-heading p:not(.eyebrow),.blog-library-panel .panel-heading p:not(.eyebrow){max-width:760px;margin:7px 0 0;color:var(--quiet);font:500 14px/1.5 var(--serif)}
.blog-post-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.field-guidance{display:block;margin-top:7px;color:var(--quiet);font:500 12px/1.45 var(--serif);letter-spacing:0;text-transform:none}
.blog-image-fields{padding:22px;display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(260px,.85fr);align-items:end;gap:22px;border-block:1px solid rgba(216,177,90,.15);background:rgba(4,4,5,.48)}
.blog-image-fields>div{align-self:center}.blog-image-fields>div strong{display:block;color:var(--cream);font:600 19px var(--serif)}.blog-image-fields>div small,.blog-image-fields label>small{display:block;margin-top:6px;color:var(--quiet);font:500 12px/1.45 var(--serif);letter-spacing:0;text-transform:none}.blog-image-fields input[type=file]{padding:10px}.blog-image-fields>.check{grid-column:2}
.blog-publish-controls{display:grid;grid-template-columns:minmax(240px,.55fr) 1fr;align-items:end;gap:24px;padding:18px 0;border-bottom:1px solid var(--line-soft)}
.blog-publish-controls>.check{min-height:48px;margin:0;padding:0 18px;border-left:1px solid var(--line)}
.blog-post-list{display:grid}.blog-admin-row{min-height:146px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.blog-admin-row:last-child{border-bottom:0}.blog-admin-row>img,.blog-admin-monogram{width:180px;height:102px;display:grid;place-items:center;object-fit:cover;border:1px solid rgba(216,177,90,.2);background:radial-gradient(circle at 50% 30%,rgba(134,36,28,.35),transparent 55%),#070708;color:rgba(216,177,90,.65);font:500 25px var(--display);letter-spacing:.12em}.blog-admin-copy{min-width:0}.blog-admin-copy>small{color:var(--gold-muted);font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase}.blog-admin-copy h3{margin:7px 0 5px;color:var(--cream);font:600 21px var(--serif)}.blog-admin-copy p{max-width:760px;margin:0;color:var(--quiet);font:500 14px/1.45 var(--serif)}.blog-featured-flag{display:inline-block;margin-top:10px;color:#c9983d;font:600 9px var(--sans);letter-spacing:.13em}.blog-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.blog-admin-actions .state{margin-right:7px}.blog-post-empty{margin:0;padding:34px;color:var(--quiet);text-align:center;font:500 15px var(--serif)}

@media (max-width: 1080px) {
  .staff-shell { width: calc(100% - 28px); }
  .admin-notice { grid-template-columns: 1fr 1fr; }
  .summary-grid { grid-template-columns: repeat(3,1fr); }
  .line-head-photo-fields { grid-template-columns:1fr 1fr; }
  .line-head-photo-fields > div { grid-column:1/-1; }
  .blog-admin-row{grid-template-columns:150px minmax(0,1fr)}
  .blog-admin-row>img,.blog-admin-monogram{width:150px;height:88px}.blog-admin-actions{grid-column:2;justify-content:flex-start}
}

@media (max-width: 720px) {
  .support-ticket-archive>summary,.support-archive-actions{align-items:flex-start;flex-direction:column}
  .support-ticket-archive>summary>strong{margin-left:0}
  .support-ticket-archive>.support-ticket-list{padding-inline:18px}
}

@media (max-width: 760px) {
  .staff-shell { width: 100%; margin-top: 0; }
  .site-header { height: 68px; }
  .brand img { width: 58px; height: 58px; }
  .brand { font-size: 14px; }
  .site-header nav a { min-width: 85px; padding-inline: 8px; }
  .admin-notice { margin-top: 0; padding: 40px 20px; grid-template-columns: 1fr; }
  .admin-notice::after { display: none; }
  .summary-grid { grid-template-columns: 1fr 1fr; }
  .staff-grid { grid-template-columns: 1fr; gap: 8px; }
  .panel-wide { grid-column: auto; }
  .panel, .panel form, .horizontal-form { grid-template-columns: 1fr !important; }
  .line-head-photo-fields { grid-template-columns:1fr; }
  .line-head-photo-fields > div { grid-column:auto; }
  .panel form .field-wide { grid-column: auto; }
.catalogue-item { grid-template-columns: 1fr; gap: 9px; }
  .blog-image-fields,.blog-publish-controls{grid-template-columns:1fr}.blog-image-fields>.check{grid-column:auto}.blog-publish-controls>.check{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
  .blog-admin-row{grid-template-columns:1fr}.blog-admin-row>img,.blog-admin-monogram{width:100%;height:auto;min-height:170px;aspect-ratio:16/9}.blog-admin-actions{grid-column:auto}
  .trivia-live-layout,.trivia-record-layout{grid-template-columns:1fr}.trivia-record-layout>div+div{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.trivia-settings-form{grid-template-columns:1fr!important}.trivia-switches{grid-template-columns:1fr 1fr}.trivia-question-row{grid-template-columns:1fr}.trivia-question-row .row-actions{justify-content:flex-start}
}

/* Operational console hierarchy */
.staff-locked .summary-grid,.staff-locked .staff-section-nav,.staff-locked .staff-grid { display:none; }
.staff-shell { width:min(1500px,calc(100% - 40px)); }
.site-header { position:sticky; z-index:30; top:0; backdrop-filter:blur(16px); }
.site-header nav a { font-size:12px; }
.admin-notice { min-height:220px; grid-template-columns:1.1fr 1fr minmax(260px,320px) auto; }
.admin-notice label,.eyebrow,.panel form label,.filter-label,.panel legend { font-size:12px; }
.status { min-height:48px; display:flex; align-items:center; font-size:13px; }
.status.success { color:#abd09f; border-color:#739e69; background:rgba(74,119,64,.1); }
.summary-grid span { font-size:12px; }
.staff-section-nav { min-height:58px; margin-top:14px; display:flex; align-items:center; justify-content:center; gap:0; position:sticky; z-index:20; top:82px; border-block:1px solid var(--line); background:rgba(8,8,8,.96); backdrop-filter:blur(14px); }
.staff-section-nav a { min-height:58px; padding:0 26px; display:grid; place-items:center; color:var(--muted); border-right:1px solid var(--line-soft); font:600 12px var(--sans); letter-spacing:.09em; text-transform:uppercase; }
.staff-section-nav a:first-child { border-left:1px solid var(--line-soft); }
.staff-section-nav a:hover { color:var(--gold-bright); background:rgba(134,36,28,.12); }
.staff-section-nav a[aria-current="page"] { position:relative; color:var(--cream); background:linear-gradient(180deg,rgba(126,27,21,.23),rgba(126,27,21,.08)); }
.staff-section-nav a[aria-current="page"]::after { position:absolute; right:22px; bottom:-1px; left:22px; height:2px; background:var(--blood-bright); content:""; }
.staff-grid { margin-top:0; gap:18px; }
.staff-chapter { min-height:150px; margin-top:54px; padding:28px 0; grid-column:1/-1; display:grid; grid-template-columns:90px 1fr; align-items:center; gap:28px; scroll-margin-top:150px; border-block:1px solid var(--line-strong); }
.staff-chapter > span { position:relative; width:62px; height:62px; display:grid; place-items:center; color:var(--gold); font:500 15px var(--display); }
.staff-chapter > span::before { content:""; position:absolute; inset:0; border:1px solid var(--line-strong); transform:rotate(45deg); }
.staff-chapter h2 { margin:0; color:var(--gold-bright); font:500 29px var(--display); }
.staff-chapter p:last-child { max-width:760px; margin:8px 0 0; color:var(--muted); font-size:15px; }
.panel { padding:31px 32px; }
.panel-heading h2 { font-size:24px; }
.panel form { gap:20px; }
.panel form .check { font-size:13px; }
.hint,.form-note { font-size:14px; }
.result { font-size:13px; }
.data-list > *,.event-list > * { font-size:13px; }
.data-row strong { font-size:16px; }
.mini-button { font-size:12px; }
.state { font-size:10px; }
input,select,textarea { min-height:48px; font-size:14px; }
.button { min-height:48px; font-size:12px; }

/* Dedicated administration pages */
.staff-domain-page .admin-domain-intro { min-height:190px; }
.staff-domain-page .admin-domain-intro h1 { max-width:720px; }
.staff-authorized .admin-notice { min-height:190px; grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr); }
.staff-domain-page .staff-page-grid { padding-bottom:90px; }
.staff-domain-page .staff-page-grid > .staff-chapter:first-child { margin-top:42px; }
.admin-hub { padding:68px 0 110px; }
.admin-hub > header { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr); gap:18px 60px; align-items:end; padding:0 0 35px; border-bottom:1px solid var(--line-strong); }
.admin-hub > header .eyebrow { grid-column:1/-1; margin:0; }
.admin-hub > header h2 { margin:0; color:var(--gold-bright); font:500 clamp(32px,4vw,54px)/1.02 var(--display); }
.admin-hub > header > p:last-child { max-width:700px; margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
.admin-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-left:1px solid var(--line); }
.admin-hub-card { min-height:230px; padding:34px 34px 32px; display:grid; grid-template-columns:54px 1fr 24px; gap:22px; align-items:start; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:inherit; text-decoration:none; background:linear-gradient(135deg,rgba(26,15,13,.48),rgba(5,5,5,.18)); transition:background .2s ease,border-color .2s ease; }
.admin-hub-card:nth-child(-n+2) { border-top:1px solid var(--line); }
.admin-hub-card:hover { border-color:var(--gold); background:linear-gradient(135deg,rgba(81,20,16,.42),rgba(13,9,8,.4)); }
.admin-hub-card > span { position:relative; width:46px; height:46px; display:grid; place-items:center; color:var(--gold); font:500 13px var(--display); }
.admin-hub-card > span::before { position:absolute; inset:0; border:1px solid var(--line-strong); content:""; transform:rotate(45deg); }
.admin-hub-card .eyebrow { margin:2px 0 9px; }
.admin-hub-card h2 { margin:0; color:var(--cream); font:500 clamp(22px,2vw,30px)/1.12 var(--display); }
.admin-hub-card div > p:last-child { margin:14px 0 0; color:var(--muted); font-size:14px; line-height:1.6; }
.admin-hub-card > strong { align-self:center; color:var(--gold); font:400 22px var(--display); transition:transform .2s ease,color .2s ease; }
.admin-hub-card:hover > strong { color:var(--cream); transform:translateX(4px); }

@media(max-width:900px) {
  .staff-authorized .admin-notice { min-height:0; grid-template-columns:1fr; align-items:start; }
  .staff-section-nav { top:0; justify-content:flex-start; overflow-x:auto; }
  .staff-section-nav a { flex:0 0 auto; padding-inline:18px; }
  .staff-chapter { grid-template-columns:64px 1fr; }
  .admin-hub > header { grid-template-columns:1fr; }
  .admin-hub > header .eyebrow { grid-column:auto; }
  .admin-hub-grid { grid-template-columns:1fr; }
  .admin-hub-card:nth-child(2) { border-top:0; }
}

@media(max-width:560px) {
  .staff-shell { width:calc(100% - 20px); }
  .admin-notice { min-height:0; padding:42px 20px; grid-template-columns:1fr; align-items:start; gap:22px; }
  .staff-authorized .admin-notice { grid-template-columns:1fr; }
  .admin-notice > p { max-width:32rem; }
  .summary-grid article:last-child:nth-child(odd) { grid-column:1/-1; }
  .staff-chapter { grid-template-columns:1fr; }
  .staff-chapter > span { width:48px; height:48px; }
  .panel { padding:25px 18px; }
  .admin-hub { padding:48px 0 75px; }
  .admin-hub-card { min-height:0; padding:28px 20px; grid-template-columns:42px 1fr 18px; gap:16px; }
  .admin-hub-card > span { width:36px; height:36px; }
}

/* Full support-ticket conversation history. */
.support-conversation{display:grid;gap:10px;margin:18px 0}.support-conversation-message{padding:14px 16px;border:1px solid rgba(216,177,90,.15);background:rgba(216,177,90,.025)}.support-conversation-message>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0!important;border:0!important}.support-conversation-message strong{color:#d8bf82;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase}.support-conversation-message time{color:var(--quiet);font-size:10px}.support-conversation-message p{margin:8px 0 0;color:#d2c5b3;white-space:pre-wrap;font:500 14px/1.55 var(--serif)}.support-conversation-message.is-staff{margin-left:clamp(12px,4vw,48px);border-left:2px solid #a83a2f;background:rgba(151,38,29,.08)}.support-conversation-message.is-member{margin-right:clamp(12px,4vw,48px);border-left:2px solid var(--gold-muted)}
@media(max-width:650px){.support-conversation-message.is-staff,.support-conversation-message.is-member{margin-inline:0}.support-conversation-message>header{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}}