/* HookGuard v49 — trust & safety workspace, revision guard and currency UI */

/* Shared crimson surface language (matches the Found a bug sheet). */
.card-panel,
.mail-read,
.mail-list,
.settings-shell .card-panel {
  position: relative;
  background:
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.014) 55%, rgba(255,53,53,.035)),
    rgba(13,15,23,.82);
  border-color: rgba(255,255,255,.095);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 54px -40px rgba(0,0,0,.9);
}
.card-panel::before,
.mail-read::before {
  content: '';
  position: absolute; left: 22px; right: 45%; top: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,75,75,.68), transparent);
  pointer-events: none;
}

/* API endpoint is intentionally not represented anywhere in the dashboard. */
.script-guard-card {
  display: flex; align-items: center; gap: 12px;
  margin: 14px 0 16px; padding: 13px 14px;
  border: 1px solid rgba(61,255,154,.2); border-radius: 15px;
  background: linear-gradient(135deg, rgba(46,204,113,.1), rgba(46,204,113,.025));
}
.script-guard-ico {
  width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto;
  display: grid; place-items: center; color: #53efa1;
  background: rgba(46,204,113,.12); border: 1px solid rgba(61,255,154,.25);
  box-shadow: 0 0 22px rgba(46,204,113,.1);
}
.script-guard-ico .ico { width: 18px; height: 18px; }
.script-guard-card > div { flex: 1; min-width: 0; }
.script-guard-card b { display: block; color: #f4fff8; font-size: 13.5px; }
.script-guard-card p { color: #8fa69a; font-size: 11.5px; line-height: 1.45; margin: 2px 0 0; }
.guard-live { display: inline-flex; align-items: center; gap: 6px; color: #76e9ac; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.guard-live i { width: 7px; height: 7px; border-radius: 50%; background: #3dff9a; box-shadow: 0 0 10px #3dff9a; }
.guard-result { margin: -3px 0 16px; padding: 12px; border-radius: 15px; border: 1px solid; animation: guardIn .3s cubic-bezier(.2,.8,.2,1) both; }
.guard-result.safe { background: rgba(46,204,113,.07); border-color: rgba(61,255,154,.25); }
.guard-result.warn { background: rgba(241,196,15,.07); border-color: rgba(241,196,15,.25); }
.guard-result.blocked { background: rgba(255,53,53,.08); border-color: rgba(255,53,53,.35); }
.guard-result-head { display: flex; align-items: center; gap: 10px; }
.guard-result-head > .ico { width: 18px; height: 18px; color: #ff6565; }
.guard-result.safe .guard-result-head > .ico { color: #3dff9a; }
.guard-result-head > div { flex: 1; }
.guard-result-head b, .guard-result-head span { display: block; }
.guard-result-head b { font-size: 13px; color: #fff; }
.guard-result-head span { color: var(--text-muted); font-size: 10.5px; }
.guard-result-head strong { font-size: 11px; color: #aab1c1; font-variant-numeric: tabular-nums; }
.guard-findings { display: grid; gap: 7px; margin-top: 10px; }
.guard-finding { display: flex; gap: 9px; padding: 9px 10px; border-radius: 10px; background: rgba(0,0,0,.18); }
.guard-finding > .ico { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 2px; color: #f1c40f; }
.guard-finding.critical > .ico { color: #ff5c5c; }
.guard-finding b { color: #e8eaf2; font-size: 11.5px; }
.guard-finding p { color: var(--text-muted); font-size: 10.5px; line-height: 1.4; margin: 1px 0 0; }
@keyframes guardIn { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }

/* Honest moderation states in Explore and on project pages. */
.trust-mini.verified { color: #70e9aa; border-color: rgba(46,204,113,.22); background: rgba(46,204,113,.08); }
.trust-mini.unverified {
  color: #ff7777; border-color: rgba(255,53,53,.36); background: rgba(255,53,53,.1);
  box-shadow: inset 0 0 18px rgba(255,53,53,.035);
}
.trust-mini.unverified .ico { color: #ff5c5c; }
.trust-row .unverified { color: #ff7676; border-color: rgba(255,53,53,.32); background: rgba(255,53,53,.08); }
.pub-moderation-banner {
  display: flex; align-items: center; gap: 12px; margin: 14px 0 16px; padding: 14px 16px;
  border: 1px solid rgba(255,53,53,.36); border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,53,53,.13), rgba(255,53,53,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px -28px rgba(255,53,53,.8);
}
.pub-moderation-banner[hidden] { display: none !important; }
.pub-moderation-banner > .ico { width: 22px; height: 22px; color: #ff6262; flex: 0 0 auto; }
.pub-moderation-banner > div { flex: 1; }
.pub-moderation-banner b { display: block; color: #fff; font-size: 13px; }
.pub-moderation-banner p { color: #be9298; font-size: 11.5px; line-height: 1.45; margin: 2px 0 0; }
.pub-moderation-banner > span { color: #ff8484; font: 800 11px var(--mono); }
.buy-cta:disabled { opacity: .58; cursor: not-allowed; filter: saturate(.55); }

/* Report sheet: same hierarchy and tactile reason cards as Found a bug. */
.report-sheet { max-width: 580px !important; }
.report-hero { border-color: rgba(255,53,53,.25) !important; background: linear-gradient(135deg, rgba(255,53,53,.11), rgba(167,54,255,.035)) !important; }
.report-hero-ico { color:#ff6969 !important; background:rgba(255,53,53,.14) !important; }
.report-reasons { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:4px 0 15px; }
.report-reason {
  display:flex; align-items:center; gap:10px; min-width:0; padding:11px;
  color:inherit; font:inherit; text-align:left; cursor:pointer;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.09); border-radius:13px;
  transition:transform .14s, border-color .14s, background .14s, box-shadow .14s;
}
.report-reason:hover { transform:translateY(-1px); border-color:rgba(255,53,53,.4); }
.report-reason.on { background:rgba(255,53,53,.1); border-color:rgba(255,53,53,.55); box-shadow:0 0 0 3px rgba(255,53,53,.09); }
.report-reason-ico { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.055); color:#9ca4b8; }
.report-reason.on .report-reason-ico { background:rgba(255,53,53,.16); color:#ff6b6b; }
.report-reason-ico .ico { width:16px; height:16px; }
.report-reason > span:last-child { min-width:0; }
.report-reason b, .report-reason small { display:block; }
.report-reason b { color:#f4f5f9; font-size:12.5px; }
.report-reason small { color:var(--text-muted); font-size:10.5px; line-height:1.3; margin-top:2px; }

/* Currency chooser. Ledger values are converted only for display. */
.currency-card { grid-column: span 2; overflow:hidden; }
.settings-card-title { display:flex; align-items:flex-start; gap:11px; margin-bottom:14px; }
.settings-card-title > span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#ff6969; background:rgba(255,53,53,.12); border:1px solid rgba(255,53,53,.25); }
.settings-card-title > span .ico { width:17px; height:17px; }
.settings-card-title .ptitle { margin:0; }
.settings-card-title .wal-hint { margin:2px 0 0; }
.currency-now { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; margin-bottom:9px; border-radius:11px; background:rgba(0,0,0,.18); color:var(--text-muted); font-size:11px; }
.currency-now b { color:#fff; font-size:13px; letter-spacing:.04em; }
.currency-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.currency-grid button { min-width:0; padding:10px 8px; border-radius:11px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03); color:#fff; font:inherit; cursor:pointer; text-align:left; transition:.15s; }
.currency-grid button:hover { border-color:rgba(255,53,53,.35); transform:translateY(-1px); }
.currency-grid button.on { background:rgba(255,53,53,.1); border-color:rgba(255,53,53,.5); box-shadow:0 0 0 2px rgba(255,53,53,.07); }
.currency-grid b, .currency-grid span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.currency-grid b { font-size:12px; }
.currency-grid span { color:var(--text-muted); font-size:9.5px; margin-top:2px; }
.currency-rate { margin:10px 0 0; color:#737c91; font:600 10.5px var(--mono); }

/* Google/local-password explanation. */
.oauth-password-note { display:flex; gap:12px; align-items:flex-start; padding:14px; margin-bottom:12px; border-radius:14px; background:linear-gradient(135deg,rgba(66,133,244,.13),rgba(255,53,53,.05)); border:1px solid rgba(100,150,255,.26); }
.oauth-password-note > span { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:rgba(66,133,244,.14); color:#79aaff; flex:0 0 auto; }
.oauth-password-note > span .ico { width:18px; height:18px; }
.oauth-password-note b { display:block; color:#fff; font-size:13.5px; }
.oauth-password-note p { margin:3px 0 0; color:#95a3bd; font-size:11.5px; line-height:1.5; }

/* Mail reading surface gets the same icon-led hero as action sheets. */
.mail-letter-hero { display:flex; align-items:center; gap:12px; padding:13px 14px; margin:-8px -8px 14px; border-radius:15px; background:linear-gradient(135deg,rgba(255,53,53,.1),rgba(124,58,237,.045)); border:1px solid rgba(255,53,53,.19); }
.mail-letter-icon { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; background:rgba(255,53,53,.13); color:#ff7070; }
.mail-letter-icon .ico { width:19px; height:19px; }
.mail-letter-hero > div { flex:1; min-width:0; }
.mail-letter-hero small { display:block; color:#ff6969; font-size:9px; font-weight:900; letter-spacing:.13em; margin-bottom:3px; }
.mail-letter-hero .close-modal-btn { flex:0 0 auto; }
.mail-read-text { position:relative; padding:18px 18px 18px 22px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.07); line-height:1.75; }
.mail-read-text::before { content:''; position:absolute; left:0; top:13px; bottom:13px; width:3px; border-radius:3px; background:linear-gradient(#ff3535,#963cff); }

/* Profile dropdown entry, never a top-level navigation tab. */
.ud-item.ud-staff { margin:5px 5px; width:calc(100% - 10px); border:1px solid rgba(255,53,53,.2); border-radius:11px; background:rgba(255,53,53,.065); }
.ud-item.ud-staff > span { display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; }
.ud-item.ud-staff b { color:#fff; font-size:12px; }
.ud-item.ud-staff small { color:#9a7881; font-size:9.5px; }

/* Dedicated staff application frame. */
body.staff-active #hgHeader { display:none !important; }
#siteMain.staff-mode { overflow:auto; background:#080910; }
#siteMain.staff-mode > .site-footer { display:none; }
.staff-view { min-height:100%; padding:0 !important; background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  radial-gradient(circle at 12% 0,rgba(255,53,53,.13),transparent 32%),
  radial-gradient(circle at 90% 100%,rgba(103,52,255,.1),transparent 30%),#080910;
  background-size:52px 52px,52px 52px,auto,auto,auto;
}
.staff-shell { width:min(1500px,100%); margin:0 auto; padding:22px 24px 30px; }
.staff-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; border:1px solid rgba(255,255,255,.09); border-radius:19px; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 58%,rgba(255,53,53,.055)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 70px -48px #000; }
.staff-hero-brand { display:flex; align-items:center; gap:14px; min-width:0; }
.staff-mark { width:50px; height:50px; flex:0 0 auto; display:grid; place-items:center; color:#ff6262; border-radius:15px; background:rgba(255,53,53,.13); border:1px solid rgba(255,53,53,.32); box-shadow:0 0 25px rgba(255,53,53,.12); }
.staff-mark .ico { width:23px; height:23px; }
.staff-kicker { display:block; color:#ff5b5b; font:800 9px var(--mono); letter-spacing:.14em; }
.staff-hero h2 { margin:3px 0 1px; color:#fff; font-size:23px; line-height:1.2; }
.staff-hero p { color:#7f879a; font-size:11.5px; margin:0; }
.staff-hero-actions { display:flex; align-items:center; gap:10px; }
.staff-online { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:99px; color:#80dda8; font-size:10px; font-weight:800; background:rgba(46,204,113,.07); border:1px solid rgba(46,204,113,.18); white-space:nowrap; }
.staff-online i { width:6px; height:6px; border-radius:50%; background:#3dff9a; box-shadow:0 0 8px #3dff9a; }
.staff-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:12px 0; }
.staff-metric { display:flex; align-items:center; gap:11px; min-width:0; padding:13px 14px; border-radius:15px; border:1px solid rgba(255,255,255,.08); background:rgba(15,17,26,.78); }
.staff-metric-ico { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px; }
.staff-metric-ico .ico { width:16px; height:16px; }
.staff-metric-ico.red { color:#ff6c6c;background:rgba(255,53,53,.11); }.staff-metric-ico.gold { color:#f2ce67;background:rgba(241,196,15,.09); }.staff-metric-ico.green { color:#64dda0;background:rgba(46,204,113,.09); }.staff-metric-ico.violet { color:#bb91ff;background:rgba(142,73,255,.1); }
.staff-metric b,.staff-metric span { display:block; }.staff-metric b { color:#fff;font-size:19px;line-height:1.1;font-variant-numeric:tabular-nums; }.staff-metric span { color:#747d91;font-size:9.5px;margin-top:3px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.staff-layout { display:grid; grid-template-columns:215px minmax(0,1fr); gap:12px; align-items:start; }
.staff-sidebar { position:sticky; top:12px; display:flex; flex-direction:column; gap:5px; padding:9px; border:1px solid rgba(255,255,255,.08); border-radius:17px; background:rgba(13,15,23,.88); }
.staff-nav { width:100%; display:flex; align-items:center; gap:9px; padding:10px 11px; color:#828b9f; background:transparent; border:1px solid transparent; border-radius:11px; font:700 11.5px var(--font); cursor:pointer; text-align:left; }
.staff-nav .ico { width:15px;height:15px; }.staff-nav span { flex:1; }.staff-nav em { min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.06);font:800 9px var(--mono);font-style:normal; }
.staff-nav:hover { color:#fff;background:rgba(255,255,255,.035); }.staff-nav.on { color:#fff;background:rgba(255,53,53,.1);border-color:rgba(255,53,53,.24); }.staff-nav.on .ico { color:#ff5f5f; }
.staff-policy-mini { display:flex;gap:9px;margin-top:8px;padding:11px;border-radius:11px;background:rgba(46,204,113,.055);border:1px solid rgba(46,204,113,.14); }.staff-policy-mini>.ico{width:15px;height:15px;color:#48d990;flex:0 0 auto;margin-top:2px}.staff-policy-mini b{display:block;color:#c7f7dd;font-size:10.5px}.staff-policy-mini p{color:#678477;font-size:9px;line-height:1.35;margin:2px 0 0}
.staff-content { min-width:0; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(10,12,19,.72); padding:16px; min-height:540px; }
.staff-pane { display:none; animation:staffPaneIn .25s ease both; }.staff-pane.on{display:block}@keyframes staffPaneIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.staff-pane-head { display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px; }.staff-pane-head h3{color:#fff;font-size:17px;margin:0}.staff-pane-head p{color:#737c90;font-size:10.5px;margin:2px 0 0}.staff-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.staff-filters .ex-chip{font-size:10px;padding:6px 9px}.staff-refresh{width:31px;height:31px;padding:0!important}
.staff-review-card { background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); border-color:rgba(255,255,255,.09); animation:staffPaneIn .3s ease both; }
.mod-assignee { margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;color:#a38b64;background:rgba(241,196,15,.07);border:1px solid rgba(241,196,15,.16);font-size:9.5px;font-weight:800;white-space:nowrap}.mod-assignee .ico{width:12px;height:12px}.mod-assignee.mine{color:#7ee4ad;background:rgba(46,204,113,.07);border-color:rgba(46,204,113,.18)}.mod-assignee.open{color:#8b94a8;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.mod-revision-row { display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 10px}.mod-revision-row span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#747d91;font:600 9.5px var(--mono)}.mod-revision-row b{color:#cbd0dc}
.mod-scan-list{display:grid;gap:6px;margin:9px 0}.mod-scan{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border-radius:10px;border:1px solid rgba(241,196,15,.17);background:rgba(241,196,15,.05)}.mod-scan>.ico{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:#e6c85b}.mod-scan>div{flex:1}.mod-scan b{display:block;color:#e8eaf2;font-size:10.5px}.mod-scan p{color:#858da0;font-size:9.5px;line-height:1.4;margin:1px 0 0}.mod-scan.critical{border-color:rgba(255,53,53,.26);background:rgba(255,53,53,.07)}.mod-scan.critical>.ico{color:#ff5f5f}.mod-scan.clean{border-color:rgba(46,204,113,.18);background:rgba(46,204,113,.05);margin:9px 0}.mod-scan.clean>.ico{color:#48dc91}.mod-scan.clean strong{color:#68aa85;font:700 9px var(--mono)}
.mod-actions.primary-row { padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.06) }.mod-handoff{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:7px;padding:8px;border-radius:11px;background:rgba(0,0,0,.14)}.mod-handoff label{display:flex;align-items:center;gap:6px;color:#727b90;font-size:9.5px}.mod-handoff select{max-width:170px;padding:6px 8px;color:#dce0ea;background:#151824;border:1px solid rgba(255,255,255,.1);border-radius:8px;font:600 10px var(--font);outline:none}
.staff-empty { min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#717a8e;border:1px dashed rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.015)}.staff-empty>.ico{width:30px;height:30px;margin-bottom:9px;color:#3ddd91}.staff-empty b{color:#cbd0dc;font-size:13px}.staff-empty p{font-size:10px;margin:3px 0}.staff-empty.danger>.ico,.staff-empty.danger{color:#ff6969}
.staff-chat-card,.staff-tool-card{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(16,18,27,.74);overflow:hidden}.staff-chat-feed{height:min(58vh,520px);min-height:360px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:11px}.staff-msg{display:flex;gap:9px;max-width:78%}.staff-msg.mine{align-self:flex-end;flex-direction:row-reverse}.staff-msg-av{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:rgba(255,53,53,.12);color:#ff7373;font-size:10px;font-weight:900;overflow:hidden}.staff-msg-av img{width:100%;height:100%;object-fit:cover}.staff-msg>div{padding:8px 10px;border-radius:5px 12px 12px 12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.staff-msg.mine>div{border-radius:12px 5px 12px 12px;background:rgba(255,53,53,.1);border-color:rgba(255,53,53,.18)}.staff-msg>div>span{display:flex;gap:8px;align-items:center}.staff-msg b{color:#dfe2eb;font-size:9.5px}.staff-msg time{color:#626b7e;font-size:8.5px}.staff-msg p{color:#aeb5c5;font-size:11px;line-height:1.45;margin:3px 0 0;white-space:pre-wrap}.staff-msg button{margin-top:5px;padding:3px 6px;border:0;border-radius:6px;color:#ff8080;background:rgba(255,53,53,.1);font:700 8.5px var(--mono);cursor:pointer}.staff-chat-compose{display:flex;gap:8px;padding:11px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.14)}.staff-chat-compose textarea{flex:1;resize:none;padding:10px 11px;border-radius:11px;color:#fff;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);font:500 11.5px var(--font);outline:none}.staff-chat-compose textarea:focus{border-color:rgba(255,53,53,.4);box-shadow:0 0 0 3px rgba(255,53,53,.07)}
.staff-tool-card{padding:16px;max-width:680px}.staff-tool-card .form-group{margin-bottom:12px}
.mod-decision-sheet{max-width:560px!important}.mod-reasons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:3px 0 13px}.mod-reason{display:flex;align-items:center;gap:9px;padding:10px;color:inherit;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:11px;text-align:left;font:inherit;cursor:pointer}.mod-reason>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);color:#939caf}.mod-reason .ico{width:14px;height:14px}.mod-reason b,.mod-reason small{display:block}.mod-reason b{color:#e9ebf2;font-size:11px}.mod-reason small{color:#737c90;font-size:9px;line-height:1.3;margin-top:2px}.mod-reason.on{background:rgba(255,53,53,.09);border-color:rgba(255,53,53,.4);box-shadow:0 0 0 2px rgba(255,53,53,.07)}.mod-reason.on>span{color:#ff6969;background:rgba(255,53,53,.14)}.mod-deny-confirm{background:linear-gradient(135deg,#dc2f3b,#8e263c)!important}

/* Final header-fit rules override historical !important desktop rules. */
#hgHeader .header-inner { min-width:0; }
#hgHeader .nav-menu { min-width:0; }
@media (max-width:1180px) {
  #hgHeader .nav-burger { display:inline-flex; flex:0 0 auto; }
  #hgHeader .nav-menu {
    display:none !important; position:absolute; left:8px; right:8px; top:calc(100% + 1px);
    flex-direction:column; align-items:stretch; gap:2px; min-width:0; padding:9px;
    border:1px solid rgba(255,255,255,.09); border-top:0; border-radius:0 0 15px 15px;
    background:rgba(6,7,12,.98); box-shadow:0 24px 45px rgba(0,0,0,.45); z-index:80;
  }
  #hgHeader .nav-menu.is-open { display:flex !important; }
  #hgHeader .nav-menu .nav-link { width:100%; padding:10px 12px!important; border-radius:9px; font-size:13px!important; }
  #hgHeader .nav-menu .nav-link .ico,#hgHeader .nav-mail-wrap .ico{display:block!important}
  #hgHeader .nav-menu .nav-link:hover,#hgHeader .nav-menu .nav-link.active{background:rgba(255,53,53,.075)}
  #hgHeader .nav-link::after{display:none}
}
@media (max-width:720px) {
  #hgHeader .header-inner { padding:0 9px; gap:6px; }
  #hgHeader .brand-text { display:none; }
  #hgHeader .brand { gap:0; }
  #hgHeader .lang-switch { margin:0 2px; }
  #hgHeader .lang-btn { padding:6px 9px; }
  #hgHeader .header-right { gap:4px; }
  .currency-card{grid-column:auto}.currency-grid{grid-template-columns:repeat(2,1fr)}.currency-grid button:first-child{grid-column:1/-1}
  .staff-shell{padding:10px}.staff-hero{align-items:flex-start;padding:14px}.staff-hero-actions{flex-direction:column;align-items:flex-end}.staff-online{display:none}.staff-mark{width:42px;height:42px}.staff-hero h2{font-size:18px}.staff-hero p{display:none}.staff-metrics{grid-template-columns:1fr 1fr}.staff-layout{grid-template-columns:1fr}.staff-sidebar{position:static;flex-direction:row;overflow:auto}.staff-policy-mini{display:none}.staff-nav{width:auto;min-width:max-content}.staff-content{padding:11px}.staff-pane-head{align-items:flex-start;flex-direction:column}.staff-msg{max-width:92%}
}
@media (max-width:520px) {
  #hgHeader .wallet-chip-amt { display:none; }
  #hgHeader .wallet-chip { width:38px; padding:0; justify-content:center; }
  #hgHeader .wallet-chip-ico { background:transparent; }
  #hgHeader .notif-btn { width:35px; height:35px; }
  #hgHeader .user-avatar-btn { padding:3px; gap:3px; }
  #hgHeader .user-avatar-btn > svg { display:none; }
  .report-reasons,.mod-reasons{grid-template-columns:1fr}.script-guard-card{align-items:flex-start}.guard-live{display:none}.pub-moderation-banner{align-items:flex-start}.staff-metrics{gap:6px}.staff-metric{padding:10px}.staff-metric span{font-size:8px}.mod-assignee{width:100%;margin:7px 0 0}.mod-card-top{flex-wrap:wrap}.mod-handoff{justify-content:stretch}.mod-handoff label{width:100%}.mod-handoff select{flex:1;max-width:none}
}

html[data-theme="light"] .script-guard-card{background:#f1fbf6;border-color:#bde8cf}html[data-theme="light"] .script-guard-card b{color:#153324}html[data-theme="light"] .script-guard-card p{color:#587163}
html[data-theme="light"] .currency-grid button,html[data-theme="light"] .currency-now{background:#f7f3f5;border-color:rgba(20,12,12,.1);color:#241b20}html[data-theme="light"] .currency-grid button.on{background:#fff0f0;border-color:rgba(220,35,35,.35)}html[data-theme="light"] .currency-now b{color:#21181d}
html[data-theme="light"] .report-reason,html[data-theme="light"] .mod-reason{background:#fff;border-color:rgba(20,12,12,.1)}html[data-theme="light"] .report-reason b,html[data-theme="light"] .mod-reason b{color:#241b20}
.publish-review-note{margin:13px 0;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,53,53,.07),rgba(107,64,255,.035))}.publish-review-head{display:flex;gap:10px;align-items:flex-start}.publish-review-head>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#ff6969;background:rgba(255,53,53,.13)}.publish-review-head .ico{width:16px;height:16px}.publish-review-head b{display:block;color:#fff;font-size:12.5px}.publish-review-head p{margin:2px 0 0;color:#858da0;font-size:10.5px;line-height:1.4}.publish-review-reasons{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.publish-review-reasons span{padding:5px 7px;border-radius:8px;color:#aab0bf;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:9.5px}.publish-review-reasons span::before{content:'✓';color:#45dd91;font-weight:900;margin-right:5px}.publish-denied{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:12px;border-radius:13px;background:rgba(255,53,53,.09);border:1px solid rgba(255,53,53,.3)}.publish-denied[hidden]{display:none!important}.publish-denied>.ico{width:17px;height:17px;flex:0 0 auto;color:#ff6262;margin-top:2px}.publish-denied b{display:block;color:#fff;font-size:12px}.publish-denied p{margin:2px 0 0;color:#bd8f96;font-size:10.5px;line-height:1.45}.pub-pill.pending{color:#ff7474!important;background:rgba(255,53,53,.1)!important;border-color:rgba(255,53,53,.34)!important}.pub-pill.pending .ico{color:#ff5f5f}
