/* Callback account and operator UI. One shared grid, token set and component layer. */
:root {
  color-scheme: dark;
  font: 16px/1.5 "Segoe UI", Arial, sans-serif;
  background: #141414;
  color: #f0f1f2;
  --background: #141414;
  --panel: #1c1d1f;
  --sidebar: #191a1c;
  --input: #232426;
  --line: #343538;
  --text: #f0f1f2;
  --muted: #9b9fa5;
  --accent: #f0d442;
  --container: 1440px;
  --sidebar-width: 256px;
  --outer: 24px;
  --content-padding: 32px;
  --card-padding: 28px;
  --header-height: 72px;
}

/* Base and accessible controls. */
* { box-sizing: border-box; }
body { margin: 0; min-width: 0; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--accent); }
button, input, textarea, select { font: inherit; }
button, a { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { opacity: .48; cursor: default; }
:where(button, a, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { color: var(--text); line-height: 1.3; font-weight: 600; }
h1 { font-size: 28px; letter-spacing: -.035em; }
h2 { font-size: 18px; letter-spacing: -.015em; }
h3 { font-size: 16px; }
p { overflow-wrap: anywhere; }
.muted, .fine-print { color: var(--muted); }
.accent { color: var(--accent); }
.fine-print, .field-hint { font-size: 13px; line-height: 1.6; color: var(--muted); }
.eyebrow { font-size: 12px; color: var(--muted); letter-spacing: .06em; font-weight: 500; }
.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;
}
.skip-link {
  position: fixed; top: -100px; left: 24px; z-index: 100;
  background: var(--accent); color: #141414; padding: 12px 20px; border-radius: 8px;
}
.skip-link:focus { top: 12px; }
button, .button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 18px; border: 1px solid transparent; border-radius: 8px;
  background: var(--accent); color: #1b1b16; font-size: 14px; font-weight: 600;
  line-height: 1.5; text-align: center; overflow-wrap: anywhere;
}
:where(button, .button):hover:not(:disabled) { background: #f7df62; color: #141414; }
.secondary { background: #292a2d; border-color: #414246; color: var(--text); }
.secondary:hover:not(:disabled), .button.secondary:hover { background: #343539; color: #fff; }
.text-button { background: transparent; border-color: transparent; color: #c1c4c9; font-weight: 400; }
.text-button:hover:not(:disabled) { background: #27282a; color: var(--text); }
label { display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: #d8dade; min-width: 0; }
input, select, textarea {
  display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0;
  padding: 10px 12px; border: 1px solid #414246; border-radius: 8px;
  background: var(--input); color: var(--text); font-size: 16px; line-height: 1.5;
}
input::placeholder, textarea::placeholder { color: #90959d; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: #b7a84d; }
textarea { resize: vertical; line-height: 1.65; min-height: 128px; }
form { display: grid; gap: 20px; }
.actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

/* Header and workspace share the same outer edges and sidebar column. */
.site-header { min-height: var(--header-height); border-bottom: 1px solid var(--line); background: var(--sidebar); }
.header-inner {
  display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr) auto; align-items: center;
  min-height: var(--header-height); max-width: var(--container); margin: 0 auto;
  padding: 0 var(--outer); column-gap: var(--content-padding);
}
.brand { display: inline-flex; align-items: center; min-height: 44px; width: fit-content; flex-shrink: 0; }
.brand-logo { display: block; width: 152px; height: 34px; flex: none; }
.header-inner > .brand { padding-left: 16px; }
.brand:hover { color: var(--text); }
.header-context { display: flex; align-items: center; gap: 14px; font-size: 14px; color: #c8cbd0; }
.pilot-label { padding: 3px 8px; border: 1px solid #434438; border-radius: 6px; color: #c8c3a0; font-size: 11px; white-space: nowrap; }
.header-link { font-size: 13px; color: var(--muted); white-space: nowrap; }
.workspace {
  display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
  max-width: var(--container); margin: 0 auto; padding: 0 var(--outer);
  min-height: calc(100dvh - var(--header-height));
}
.sidebar {
  position: sticky; top: 0; align-self: start; display: flex; flex-direction: column;
  height: calc(100dvh - var(--header-height)); min-height: 430px; max-height: 1000px;
  padding: 28px 16px 20px; border-right: 1px solid var(--line); background: var(--sidebar); gap: 24px;
}
.sidebar-profile { display: flex; align-items: center; gap: 12px; padding: 0 8px 24px; border-bottom: 1px solid var(--line); min-height: 65px; }
.account-avatar { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: #35352a; color: var(--accent); font-size: 17px; font-weight: 600; }
.sidebar-profile > div { min-width: 0; }
.sidebar-profile strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.sidebar-profile > div > span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.sidebar > .eyebrow { padding: 0 12px 20px; border-bottom: 1px solid var(--line); }
.sidebar nav { display: flex; flex-direction: column; gap: 6px; }
.sidebar nav a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px; border-radius: 8px; font-size: 14px; color: #b7bbc1; line-height: 1.4; }
.sidebar nav a:hover { background: #242527; color: var(--text); }
.sidebar nav a[aria-current] { background: #303026; color: var(--accent); }
.sidebar nav svg { width: 20px; height: 20px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-bottom { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: auto; padding: 20px 0 0; border-top: 1px solid var(--line); }
.sidebar-bottom > a { padding: 8px 12px; color: var(--muted); font-size: 13px; }
.sidebar-bottom button { justify-content: flex-start; padding-inline: 12px; }
.sidebar-bottom .fine-print { padding: 0 12px; }
.workspace-content { display: flex; flex-direction: column; gap: 24px; min-width: 0; padding: 32px var(--content-padding); }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; }
.page-heading > div { min-width: 0; }
.page-heading h1 { margin: 0 0 8px; }
.page-heading p { font-size: 14px; line-height: 1.6; }
.page-heading .eyebrow { margin-bottom: 8px; font-size: 11px; }
.page-heading > .button { flex-shrink: 0; }
#pageTitle:focus { outline: none; }
.panel { min-width: 0; padding: var(--card-padding); border: 1px solid var(--line); border-radius: 12px; background: var(--panel); scroll-margin-top: 24px; }
.panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.section-heading h2 { margin-bottom: 6px; }
.section-heading p { color: var(--muted); font-size: 14px; }
.deletion-request-row { display: grid; gap: 16px; }
.deletion-request-row h3, #deletionRequestMessage { overflow-wrap: anywhere; }
.deletion-request-row button { justify-self: start; }
#deletionRequestMessage { white-space: pre-wrap; }
.section-heading .eyebrow { margin-bottom: 6px; }
.section-number { font-size: 12px; color: var(--muted); }

/* Profile, linked identities and security settings. */
.settings-section { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(0, 1.2fr); align-items: start; gap: 32px; }
.settings-section + .settings-section { padding-top: 28px; margin-top: 28px; border-top: 1px solid var(--line); }
.settings-section h2 { margin-bottom: 8px; }
.settings-section p { font-size: 14px; line-height: 1.6; }
.setting-control { display: grid; gap: 10px; width: 100%; max-width: 520px; justify-items: start; }
.setting-control > label, .setting-control > input { width: 100%; }
.setting-control > button { margin-top: 8px; }
.setting-value { padding-top: 2px; }
.setting-value .identity { font-size: 15px; color: var(--text); margin-bottom: 12px; }
.identity { overflow-wrap: anywhere; }
.service-symbols { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.service-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; vertical-align: middle; }
.identity-with-icon { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 12px; }
.setting-value .identity-with-icon .identity { min-width: 0; margin-bottom: 0; }
.sidebar-profile > div > .sidebar-provider { display: flex; align-items: center; gap: 6px; }
.sidebar-provider .service-icon { width: 14px; height: 14px; flex-basis: 14px; }
.service-heading, .service-link { display: flex; align-items: center; gap: 10px; }
.service-link { width: fit-content; }
.provider-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px 0; border-top: 1px solid var(--line); }
#connections > .provider-row:first-child { border-top: 0; padding-top: 0; }
.provider-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #424448; background: #282a2d; border-radius: 10px; color: #dadddf; font-size: 16px; font-weight: 600; }
.provider-mark .service-icon { width: 24px; height: 24px; }
.provider-info { min-width: 0; }
.provider-info strong { display: block; font-size: 15px; font-weight: 600; }
.provider-info small { display: block; margin-top: 5px; font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.provider-actions { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: 12px; }
.game-link-row{grid-template-columns:minmax(0,1fr) auto}
.game-store-picker{grid-column:1/-1;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}
.game-store-picker>p,.game-store-picker>summary{font-size:14px;margin:0;cursor:pointer}
.game-store-options{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.game-store-options button{display:inline-flex;align-items:center;gap:10px}
.game-store-options svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.game-store-options button[aria-pressed=true]{border-color:var(--accent);opacity:1}
.game-store-picker>small{display:block;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:720px){.provider-row.game-link-row{grid-template-columns:minmax(0,1fr)}.game-link-row>.provider-actions{grid-column:1;justify-content:start}.game-store-picker{padding:12px}}
.provider-info .provider-unlink-reason { max-width: 56ch; margin-top: 10px; line-height: 1.6; }
.badge { display: inline-block; width: fit-content; padding: 4px 9px; border-radius: 6px; background: #303135; color: #c8cbd0; font-size: 12px; font-weight: 500; line-height: 1.5; white-space: nowrap; }
.badge-new { background: #393324; color: #e3cd92; }
.badge-reviewing { background: #273340; color: #b6cee6; }
.badge-resolved, .badge-connected { background: #25382e; color: #b4d3bf; }
.pending-connection { display: grid; justify-items: start; gap: 12px; margin: 4px 0 20px; padding: 20px; border: 1px solid #605b36; border-radius: 10px; background: #29281f; font-size: 14px; }
.pending-connection > button { margin-top: 4px; }
.pending-connection a { text-decoration: underline; text-underline-offset: 3px; }
.panel-note { padding-top: 20px; margin-top: 4px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); line-height: 1.65; }
.isolated-test-notice { max-width: calc(var(--container) - 2 * var(--outer)); width: calc(100% - 2 * var(--outer)); margin: 16px auto 0; padding: 14px 20px; border: 1px solid #4b4731; border-radius: 10px; background: #25241b; color: #c4c0a8; font-size: 13px; line-height: 1.65; }
#security-section { display: grid; gap: 24px; }
.session-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); }
.session-row > span { color: #b9bdc4; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; min-width: 0; }
.session-row > button { flex-shrink: 0; }
.panel-actions { padding-top: 20px; border-top: 1px solid var(--line); }
#security-section .settings-section { align-items: center; }
#security-section .settings-section > a { justify-self: end; }
.security-details { padding-top: 20px; border-top: 1px solid var(--line); }
.security-details > .actions { margin-top: 20px; }
.danger-button { border-color: #89505a; background: #3c262c; color: #ffccd3; }
.danger-button:hover:not(:disabled) { border-color: #b36d78; background: #532e38; color: #fff0f2; }
.deletion-panel .setting-control { justify-self: end; }

/* Native modal supplies focus containment and makes the background inert. */
.lifecycle-dialog { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--text); }
.lifecycle-dialog::backdrop { background: #000b; }
.lifecycle-form { display: grid; gap: 20px; padding: 28px; margin: 0; }
.lifecycle-form h2 { font-size: 22px; overflow-wrap: anywhere; }
.lifecycle-form > p { font-size: 14px; line-height: 1.7; }
.lifecycle-target { margin-top: 8px; font-size: 13px; }
#deleteConfirmationField { display: grid; gap: 10px; }
#deleteConfirmationField label { display: block; font-size: 14px; }
.lifecycle-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 12px; padding-top: 20px; border-top: 1px solid var(--line); }
.lifecycle-error { padding: 14px 16px; border: 1px solid #89505a; border-radius: 8px; background: #38272b; color: #f2cbd2; }

/* Support lists, filters, conversations and matching form rhythm. */
.support-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.support-toolbar h2 { font-size: 16px; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding-bottom: 24px; margin-bottom: 8px; border-bottom: 1px solid var(--line); }
.filter-bar label { flex: 1 1 140px; min-width: 0; }
.filter-bar .search-field { flex: 2 1 180px; }
.filter-bar > button { flex: 0 0 auto; }
.case-list { list-style: none; padding: 0; margin: 0; }
.ticket { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 0; gap: 20px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); text-align: left; font-weight: 400; }
.ticket:hover:not(:disabled) { background: #242527; color: var(--text); }
.ticket-content { display: block; min-width: 0; }
.ticket-subject { display: block; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.ticket-meta { display: block; font-size: 12px; color: var(--muted); margin-top: 7px; overflow-wrap: anywhere; }
.empty-state { padding: 48px 20px; color: var(--muted); text-align: center; font-size: 14px; }
#more, #next { margin-top: 20px; }
.back-link { display: inline-flex; align-items: center; min-height: 32px; margin-bottom: 20px; color: var(--muted); font-size: 13px; }
.conversation:focus { outline: 2px solid var(--accent); outline-offset: 4px; }
.conversation > h2 { font-size: 20px; line-height: 1.4; margin-bottom: 10px; overflow-wrap: anywhere; }
#ticketMeta { font-size: 13px; margin-bottom: 20px; }
.message { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; padding: 20px; margin: 0 0 16px; border: 1px solid var(--line); border-radius: 10px; background: #18191b; font: inherit; font-size: 16px; line-height: 1.75; }
#reply { margin-top: 28px; }
#reply > button { justify-self: start; }
#replyCount { text-align: right; margin-top: -12px; }
#state { margin: 28px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); border-bottom: 0; }
.message-guidance { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-top: -10px; }
#newTicketCount, #replyCount { font-variant-numeric: tabular-nums; white-space: nowrap; }
.form-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 24px; border-top: 1px solid var(--line); }
.form-footer > p { margin-right: auto; }
.account-footer { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; margin-top: auto; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: var(--container); margin: 0 auto; padding: 24px calc(var(--outer) + 16px); border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.site-footer .brand { font-size: 24px; color: var(--text); }

/* Login and notices use the same surfaces; provider marks stay inside their controls. */
.login-layout { max-width: 512px; padding: 0 var(--outer); margin: 56px auto 72px; }
.login-card { padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.login-card h1, .login-card h2 { font-size: 26px; margin-bottom: 12px; }
.login-card > .muted { font-size: 16px; line-height: 1.65; }
.login-card details { margin: 24px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #191a1c; font-size: 13px; }
.login-card details p { margin-top: 14px; color: #b9bdc3; line-height: 1.65; }
.login-card details a { text-decoration: underline; text-underline-offset: 3px; }
summary { cursor: pointer; font-size: 14px; }
.check { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; font-size: 13px; line-height: 1.65; }
.check > input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; margin: 2px 0 0; padding: 0; accent-color: var(--accent); }
.login-methods { margin-top: 24px; }
#google { width: 100%; min-height: 44px; max-height: 52px; overflow: hidden; }
#google-login { min-width: 0; margin: 24px 0; }
#loginPlaceholder, #startLogin { width: 100%; }
#loginStatus { min-height: 20px; margin-top: 10px; }
#retryLogin { margin-top: 12px; }
.other-login { margin-top: 20px; }
.other-login > .field-hint { margin-top: 10px; }
.login-divider { display: flex; align-items: center; gap: 12px; margin: 16px 0; font-size: 12px; color: var(--muted); }
.login-divider::before, .login-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.vk-button { width: 100%; background: #0077ff; border-color: #0077ff; color: #fff; }
.vk-button:hover:not(:disabled) { background: #086ad9; color: #fff; }
.login-card > .fine-print { margin-top: 24px; }
#loginUnavailable { margin-top: 24px; }
.notification { position: fixed; right: 24px; bottom: 24px; z-index: 50; display: flex; align-items: flex-start; gap: 16px; max-width: 440px; padding: 18px 16px 18px 20px; border: 1px solid #51544b; border-radius: 12px; background: #2b3028; color: #e4eada; box-shadow: 0 8px 28px #0005; }
.notification p { min-width: 0; font-size: 14px; line-height: 1.6; }
.notification > button { min-height: 28px; width: 28px; flex-shrink: 0; padding: 0; border: 0; background: transparent; color: inherit; font-size: 22px; font-weight: 400; }
.notification > button:hover:not(:disabled) { background: #ffffff0d; color: inherit; }
.notification[data-kind="error"] { border-color: #775058; background: #38272b; color: #f2cbd2; }
.notice { padding: 14px max(var(--outer), calc((100% - 1360px) / 2)); border-bottom: 1px solid var(--line); background: #202124; color: #c2c5cb; font-size: 13px; }
.notice:empty { display: none; }
.notice[data-kind="error"] { background: #38272b; color: #f2cbd2; }

/* The operator portal shares components and grid while retaining its own page flow. */
.operator-page .notice[data-kind="error"] { position: sticky; top: 0; z-index: 60; }
.operator-page .login-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; max-width: 1040px; align-items: center; }
.login-intro .eyebrow { margin-bottom: 16px; }
.login-intro h1 { font-size: 36px; margin-bottom: 20px; line-height: 1.2; }
.login-intro > p:not(.eyebrow) { font-size: 16px; color: var(--muted); line-height: 1.75; }
.login-mark { display: block; width: 48px; height: 48px; margin-top: 28px; }
.login-mark > svg { display: block; width: 48px; height: 48px; }
.operator-page .login-card > .eyebrow { margin-bottom: 12px; }
.operator-page .login-card > .header-link { display: inline-block; margin-top: 20px; }
.operator-page #detail .section-heading { align-items: start; }
.operator-page #detail > .filter-bar { margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); border-bottom: 0; }

/* Laptop: preserve the main grid, then stack settings before controls become narrow. */
@media (max-width: 1100px) {
  :root { --sidebar-width: 240px; --content-padding: 24px; --card-padding: 24px; }
  .settings-section { grid-template-columns: 1fr; gap: 20px; }
  .setting-control { max-width: 100%; }
  #security-section .settings-section > a { justify-self: start; }
  .page-heading { flex-wrap: wrap; }
  .panel-grid { grid-template-columns: 1fr; }
  .header-context { gap: 10px; }
  .pilot-label { font-size: 10px; }
  #filters .search-field { flex-basis: 100%; }
}

/* Tablet and phone: navigation remains available without an extra interaction. */
@media (max-width: 800px) {
  :root { --header-height: 64px; --outer: 20px; --content-padding: 0px; --card-padding: 24px; }
  .header-inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; }
  .header-inner > .brand { padding-left: 0; }
  .brand { font-size: 24px; }
  .header-context { justify-content: flex-end; font-size: 13px; }
  .pilot-label { display: none; }
  .workspace { display: block; min-height: 0; }
  .sidebar { position: static; height: auto; min-height: 0; max-height: none; padding: 20px 0 0; border: 0; background: transparent; gap: 16px; }
  .sidebar-profile, .sidebar > .eyebrow { display: none; }
  .sidebar nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .sidebar nav a { flex-direction: column; justify-content: center; gap: 7px; min-height: 76px; padding: 10px 8px; text-align: center; font-size: 12px; }
  .sidebar-bottom { flex-direction: row; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 0; padding: 12px 0; border-top: 0; border-bottom: 1px solid var(--line); }
  .sidebar-bottom > a { margin-right: auto; padding: 8px 0; }
  .sidebar-bottom button { padding-inline: 8px; font-size: 13px; }
  .sidebar-bottom .fine-print { display: none; }
  .workspace-content { padding: 28px 0; gap: 24px; }
  .page-heading { min-height: 0; gap: 16px; }
  h1 { font-size: 26px; }
  .account-footer { margin-top: 12px; }
  .operator-page .sidebar nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operator-page .login-layout { grid-template-columns: 1fr; gap: 28px; max-width: 560px; margin-block: 32px; }
  .login-intro h1 { font-size: 30px; }
  .login-mark { display: none; }
  .site-footer { padding-inline: var(--outer); flex-wrap: wrap; font-size: 12px; }
}

@media (max-width: 520px) {
  :root { --outer: 16px; --card-padding: 20px; }
  .header-inner { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
  .header-inner > .header-link { display: none; }
  .brand-logo { width: 136px; height: 30px; }
  .sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .sidebar nav a { flex-direction: row; justify-content: flex-start; min-height: 48px; text-align: left; padding: 10px; gap: 9px; font-size: 12px; }
  .sidebar nav svg { width: 18px; height: 18px; }
  .page-heading { align-items: start; }
  .page-heading > .button { width: 100%; }
  h1 { font-size: 24px; }
  h2 { font-size: 17px; }
  .section-heading, .support-toolbar { flex-wrap: wrap; align-items: start; gap: 16px; }
  .support-toolbar .actions { justify-content: space-between; width: 100%; }
  .columns { grid-template-columns: 1fr; }
  .provider-row { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }
  .provider-mark { width: 40px; height: 40px; }
  .provider-row > .badge, .provider-row > button, .provider-actions { grid-column: 2; justify-self: start; }
  .provider-actions { justify-content: start; }
  .lifecycle-form { padding: 20px; }
  .lifecycle-actions > button { flex: 1 1 auto; }
  .session-row { align-items: start; flex-wrap: wrap; gap: 12px; }
  .ticket { align-items: start; flex-wrap: wrap; gap: 12px; }
  .ticket-content { flex: 1 1 100%; }
  .filter-bar label { flex-basis: calc(50% - 6px); }
  .filter-bar > button { flex: 1 1 auto; }
  .message { padding: 16px; }
  .message-guidance { flex-wrap: wrap; gap: 6px; }
  #newTicketCount { margin-left: auto; }
  .form-footer { flex-wrap: wrap; }
  .form-footer > .button, .form-footer > button { flex: 1 1 auto; }
  .account-footer { flex-wrap: wrap; gap: 12px; font-size: 11px; }
  .login-layout { margin-block: 32px; }
  .login-card { padding: 24px 20px; }
  .login-card h1, .login-card h2 { font-size: 24px; }
  .notification { right: 16px; left: 16px; bottom: 16px; max-width: none; }
  .operator-page .sidebar nav { grid-template-columns: 1fr; }
  .operator-page .sidebar nav a { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}


.personal-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.personal-game{min-width:0;border:1px solid var(--line,#36383c);border-radius:14px;padding:24px;background:#1c1e20}.personal-game>header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.personal-game h2{margin:0;font-size:24px}.personal-game .project-icon{width:40px;height:40px;object-fit:contain}.game-player{display:flex;align-items:center;gap:12px;margin-bottom:24px}.game-player small,.project-member small{display:block;color:#a5aab2}.game-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#343126;color:#f2d945;font-size:24px}.game-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.game-metrics dt{font-size:12px;color:#a5aab2}.game-metrics dd{margin:4px 0 0;font-size:26px;font-weight:600}.personal-game details{margin:20px 0}.personal-game summary{cursor:pointer;padding:12px 0}.game-actions{display:flex;gap:8px;flex-wrap:wrap}.project-member{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #36383c}.project-member>div{flex:1;min-width:0;overflow-wrap:anywhere}.personal-game form{margin-top:20px}.personal-game .fine-print{overflow-wrap:anywhere}@media(max-width:1000px){.personal-games{grid-template-columns:1fr}}@media(max-width:480px){.personal-game{padding:16px}.project-member{flex-wrap:wrap}}


/* Account actions stay with the sidebar identity; profile saving is section-wide. */
.personal-games { align-items: start; }
.sidebar nav .account-logout { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; min-height: 48px; margin: 8px 0 0; padding: 12px; border: 0; border-top: 1px solid var(--line); border-radius: 0; color: #c5a4a5; text-align: left; font-size: 14px; line-height: 1.4; }
.sidebar nav .account-logout:hover { background: #242527; color: var(--text); }
.profile-form { display: block; margin-top: 24px; }
.profile-actions { display: flex; justify-content: flex-end; padding-top: 24px; margin-top: 32px; border-top: 1px solid var(--line); }
.profile-actions button { margin: 0; }
@media (max-width: 800px) {
  .account-page .header-inner { grid-template-columns: auto minmax(0, 1fr); }
  .account-page .header-context { display: none; }
  .account-page .header-link { justify-self: end; }
  .account-page .sidebar-profile { display: flex; padding-bottom: 16px; }
  .account-page .sidebar nav { display: flex; flex-direction: column; }
  .account-page .sidebar nav a { flex-direction: row; justify-content: flex-start; min-height: 44px; text-align: left; font-size: 14px; }
}
@media (max-width: 520px) {
  .profile-actions button { width: 100%; }
}

.project-inventory { margin-top: 20px; }
.inventory-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0; }
.inventory-toolbar input { flex: 1; min-width: 180px; }
.inventory-toolbar button, .inventory-row button { min-height: 40px; padding: 9px 14px; font-size: 13px; }
.inventory-list { display: grid; gap: 8px; margin-top: 16px; }
.inventory-row { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); padding: 14px; border-radius: 10px; min-width: 0; }
.inventory-row > div:first-child, .inventory-row > strong:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.inventory-row small { display: block; color: var(--muted); margin-top: 4px; }
.inventory-dialog { width: min(600px, calc(100vw - 32px)); max-height: 90dvh; overflow: auto; background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.inventory-dialog::backdrop { background: #000b; }
.inventory-dialog form { display: grid; gap: 16px; }
.inventory-dialog h2 { margin: 0; }
.inventory-dialog textarea { width: 100%; font-family: monospace; }
.inventory-warning, .inventory-error { color: #efb3b3; }
@media(max-width:600px) { .inventory-row { flex-wrap: wrap; } .inventory-row > div:first-child { flex-basis: 100%; } .inventory-dialog { padding: 20px; } }

.inventory-icon { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 8px; background: #ffffff06; }
.inventory-icon img { width: 48px; height: 48px; object-fit: contain; }
.inventory-row > .inventory-icon + div, .inventory-row > .inventory-icon + strong { flex: 1; min-width: 0; }

.inventory-list { max-height: 600px; overflow-y: auto; overscroll-behavior: contain; }

.admin-marker { width: 15px !important; height: 15px !important; display: inline-block; vertical-align: middle; flex-shrink: 0; margin-left: 7px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .65; }

.admin-legend { font-size: 11px; color: var(--muted); line-height: 1.5; margin: 12px 0 0; }

/* Dedicated game pages share the account grid; previews remain lightweight. */
.game-page { display: grid; gap: 24px; }
.game-back { justify-self: start; font-size: 14px; }
.game-preview { display: flex; flex-direction: column; }
.game-preview .game-open { margin-top: auto; align-self: flex-start; }
.game-preview .game-metrics { grid-template-columns: 1fr; }
/* Library cards: title and live count, ownership, then one action row. */
.games-toolbar { justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.games-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: var(--sidebar); }
.games-tabs button { border-color: transparent; background: transparent; padding: 8px 14px; }
.games-tabs button[aria-pressed="true"] { background: #353124; border-color: transparent; }
.games-refresh { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; }
.game-action-icon { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.games-group { margin: 0; padding: 0; border: 0; background: transparent; }
.games-group + .games-group { margin-top: 32px; }
.games-group-heading { margin-bottom: 16px; }
.games-group-heading h2 { font-size: 20px; margin: 0 0 6px; }
.games-group-heading p { margin: 0; font-size: 14px; }
.games-group .personal-games { grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr)); gap: 20px; }
.game-preview { padding: 22px; gap: 18px; }
.game-preview > header { justify-content: space-between; gap: 20px; margin: 0; }
.game-preview-name { display: flex; align-items: center; gap: 12px; min-width: 0; }
.game-preview-name h2 { font-size: 23px; overflow-wrap: anywhere; }
.game-preview-name .project-icon { flex: none; }
.game-preview .game-metrics { margin: 0; flex: none; text-align: right; }
.game-preview .game-metrics dd { font-size: 22px; margin: 0; }
.game-preview .game-ownership { margin: 0; padding: 14px 0 0; border-top: 1px solid var(--line); }
.game-preview .game-ownership p { margin: 0 0 8px; align-items: flex-start; }
.game-preview .game-ownership p > span { min-width: 0; overflow-wrap: anywhere; }
.game-preview .game-ownership details { margin: 6px 0 0; }
.game-preview .game-ownership summary { padding: 4px 0; font-size: 12px; }
.game-preview-actions { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); gap: 8px; }
.game-actions .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.game-preview-actions .button { padding: 9px 12px; font-size: 13px; min-height: 40px; }
.game-preview-actions .game-open { margin: 0 auto 0 0; }
@media(max-width:480px) {
 .game-preview { padding: 16px; }
 .game-preview > header { gap: 10px; }
 .game-preview-name h2 { font-size: 20px; }
 .game-preview-name .project-icon { width: 32px; height: 32px; }
 .game-preview-actions .game-open { flex-basis: 100%; margin-right: 0; }
 .game-preview-actions .button:not(.game-open) { flex: 1; }
}
.game-page .game-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.game-inventory-section > h2 { margin-bottom: 16px; }
.game-page .personal-game { min-width: 0; }
@media(max-width:760px) { .game-page .game-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

#games-section { padding: 0; border: 0; background: transparent; }

.game-ownership { margin: 12px 0 20px; font-size: 13px; color: var(--muted); }
.game-ownership p { display: flex; align-items: center; gap: 8px; margin: 8px 0; }
.game-ownership .support-platform-icons { display: inline-flex; flex-shrink: 0; }
.game-ownership svg { width: 20px; height: 20px; fill: currentColor; display: block; }
.inventory-toolbar button[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); }
.inventory-history-row { padding: 20px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.inventory-history-row time { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; }
.inventory-history-row p { margin: 8px 0; }
.inventory-history-row details { color: var(--muted); font-size: 13px; }

.project-member-form{display:grid;gap:16px}.project-member-form>label{display:grid;gap:8px}.project-member-form .member-confirmation{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:12px}.member-confirmation input{width:20px;height:20px;flex:none;margin:2px 0}.member-review{overflow-wrap:anywhere;border:1px solid var(--line);padding:14px;border-radius:10px}.member-history-row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.member-history-row p{margin:6px 0}.member-history-row small{color:var(--muted,#a5aab2)}.member-history .game-actions{margin-top:16px}

/* Compact inventory: one provider at a time, administration stays collapsed. */
.inventory-navigation{margin:0 0 12px;justify-content:space-between}.inventory-admin{border:1px solid var(--line);border-radius:10px;padding:0 14px;margin:0 0 20px!important;background:var(--panel)}.inventory-admin>summary{font-size:13px;color:var(--muted);padding:12px 0!important;cursor:pointer}.inventory-admin-tools{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:14px}.inventory-admin-tools form{flex-basis:100%;margin:0!important}.inventory-admin-tools:empty{display:none}.inventory-sources{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:8px 0 16px;padding-bottom:10px}.inventory-source-tab{display:flex;align-items:center;gap:8px;background:transparent;color:var(--muted);border:1px solid transparent;min-height:40px;padding:8px 14px;font-size:14px}.inventory-source-tab[aria-selected=true]{background:#ffffff08;color:var(--text);border-color:var(--line)}.inventory-source-count{font-size:12px;opacity:.75}.inventory-source-panel>.fine-print{margin:0 0 16px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;max-height:none;overflow:visible;margin-bottom:12px}.inventory-grid>.muted{grid-column:1/-1;padding:24px 0}.inventory-tile{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;position:relative;background:#ffffff02}.inventory-tile>.inventory-icon{display:flex;flex:none;width:100%;height:100px;background:transparent;font-size:34px;color:var(--muted)}.inventory-tile>.inventory-icon img{width:100%;height:100%;object-fit:contain}.inventory-tile>.inventory-icon+div{flex:1;width:100%;min-width:0}.inventory-tile strong{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;overflow-wrap:anywhere}.inventory-tile small{font-size:12px}.inventory-tile button{width:100%;min-height:32px;padding:6px;font-size:12px;margin:0}.inventory-tile .admin-marker{width:12px!important;height:12px!important}@media(max-width:480px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-tile{padding:10px}.inventory-tile>.inventory-icon{height:80px}.inventory-admin-tools form input{min-width:0;width:100%;flex-basis:100%}.inventory-admin-tools button{max-width:100%}}
/* Item tiles open details; destructive actions stay inside the reviewed item. */
button.inventory-item-button{color:var(--text);text-align:left;font-weight:400;border:1px solid var(--line);border-radius:12px;background:#ffffff02;min-width:0;cursor:pointer}
button.inventory-item-button:hover:not(:disabled){background:#ffffff08;border-color:#ffffff30;color:var(--text)}
button.inventory-item-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inventory-item-label{display:flex;flex:1;flex-direction:column;gap:6px;width:100%;min-width:0}
.inventory-item-label small{display:block;color:var(--muted);margin-top:auto}
.inventory-item-details>.inventory-icon{width:100%;height:220px;background:#ffffff03;border-radius:12px;font-size:64px}
.inventory-item-details>.inventory-icon img{width:100%;height:100%;object-fit:contain}
.inventory-item-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0}
.inventory-item-facts dt{color:var(--muted)}
.inventory-item-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
.inventory-item-details details{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.inventory-item-description{white-space:pre-wrap;overflow-wrap:anywhere}
.inventory-item-actions{justify-content:flex-end;margin:0}
.inventory-item-actions button[data-admin-action]{background:transparent;border:1px solid var(--line);color:var(--text)}
@media(max-width:480px){.inventory-item-details>.inventory-icon{height:180px}.inventory-item-actions button{flex:1}}
/* Searchable, explicit selection for grants; keep the selected item visible. */
.inventory-picker-grid .inventory-grid{max-height:34dvh;overflow:auto;padding:4px;align-content:start}
.inventory-picker-grid .inventory-icon{height:70px}
.inventory-picker-grid .inventory-tile[aria-pressed=true]{border-color:var(--accent);background:#f0d44212}
.inventory-picker-grid .inventory-tile[aria-pressed=true]::after{content:'✓';position:absolute;right:8px;top:4px;color:var(--accent);font-size:18px}
.inventory-picker-selection{grid-column:1/-1;margin:0;color:var(--text);overflow-wrap:anywhere}
.inventory-picker-footer{display:grid;grid-template-columns:110px 1fr;align-items:end;gap:12px}
.inventory-picker-footer .inventory-toolbar{justify-content:flex-end;margin:0}
.inventory-grant-picker>p{margin:0}.inventory-picker-grid>.inventory-toolbar{margin-bottom:0}
@media(max-width:480px){.inventory-picker-footer{grid-template-columns:1fr}.inventory-picker-footer .inventory-toolbar button{flex:1}.inventory-picker-grid .inventory-grid{max-height:30dvh}}
.team-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.team-heading p{margin:8px 0 0}.team-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.team-filters input{flex:1;min-width:180px}.team-filters select{width:auto;min-width:170px}.team-filters>span{font-size:13px;white-space:nowrap}.team-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px 16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.team-avatar{width:40px;height:40px;border-radius:50%;background:#303235;display:grid;place-items:center;font-size:17px;color:var(--text)}.team-person{min-width:0;overflow-wrap:anywhere}.team-person small{display:block;color:var(--muted)}.team-person p{margin:6px 0 0;color:var(--muted);font-size:14px}.team-role{font-size:13px;color:var(--muted);text-align:right}.team-row>.game-actions{grid-column:2/4}.team-row button{padding:8px 12px;font-size:13px}.team-empty{padding:24px 0}.team-dialog .project-member-form{margin-top:0}.team-dialog p{margin:0}.team-dialog input[readonly]{color:var(--muted);font-size:13px}.team-dialog h2{font-size:24px}.team-dialog .member-review{font-size:14px}.team-dialog label{min-width:0}.team-dialog input,.team-dialog select{width:100%;min-width:0}.team-dialog .member-confirmation input{width:20px}.team-dialog .game-actions{margin-top:8px}
@media(max-width:700px){.team-heading{flex-direction:column}.team-heading>.game-actions{width:100%}.team-heading button{flex:1}.team-filters input{width:100%;flex-basis:100%}.team-row{grid-template-columns:36px minmax(0,1fr)}.team-avatar{width:36px;height:36px}.team-role{grid-column:2;text-align:left}.team-row>.game-actions{grid-column:2}.team-dialog{padding:20px}.team-dialog .game-actions button{flex:1}}
/* Editorial cards are scoped to the cabinet; published content stays independent. */
.project-support-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.project-support-filters label{display:flex;flex:1;min-width:150px;flex-direction:column;gap:8px}.project-support-filters label:first-child{flex:2;min-width:220px}.project-support-filters input,.project-support-filters select{box-sizing:border-box;width:100%;min-width:0}.project-support-list{display:grid;gap:8px;margin:16px 0}.project-support-entry{display:grid;gap:7px;padding:18px 20px;border:1px solid var(--line,#383a3d);border-radius:12px;color:var(--text);text-decoration:none;background:#202224;overflow-wrap:anywhere}.project-support-entry:hover,.project-support-entry:focus-visible{border-color:#f1d946}.project-support-author,.project-support-meta{color:var(--muted);font-size:14px}.project-support-meta{display:flex;flex-wrap:wrap;gap:8px 18px}.project-support-meta time{margin-left:auto}@media(max-width:700px){.project-support-filters label,.project-support-filters label:first-child{flex-basis:100%;min-width:0}.project-support-meta time{margin-left:0}.project-support-entry{padding:16px}}
#siteCardsContent .card-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}
#siteCardsContent .card-field{display:flex;flex-direction:column;gap:8px;margin:16px 0;min-width:0}
#siteCardsContent .card-field input,#siteCardsContent textarea,#siteCardsContent select{width:100%;box-sizing:border-box}
#siteCardsContent fieldset{min-width:0;border:1px solid var(--border,#383a3d);border-radius:12px;padding:20px;margin:20px 0}
#siteCardsContent legend{padding:0 8px;font-weight:600}
#siteCardsContent .card-language-columns{min-width:0}
#siteCardsContent .card-language-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:24px;padding-bottom:8px}
#siteCardsContent .card-language-tabs button{background:transparent;color:var(--muted);border-color:transparent}
#siteCardsContent .card-language-tabs button[aria-selected="true"]{background:#343426;color:var(--accent,#f1d946);border-color:#68603c}
#siteCardsContent .card-language-tabs button:hover{background:#303236;color:var(--text)}
#siteCardsContent .card-language-columns fieldset{margin:16px 0 20px}
#siteCardsContent details{margin:20px 0;padding:16px;border:1px solid #383a3d;border-radius:12px}
#siteCardsContent summary{cursor:pointer}
#siteCardsContent .site-card-list{display:grid;gap:12px}
#siteCardsContent .site-card-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,220px) minmax(160px,220px);gap:16px;align-items:end}
#siteCardsContent .site-card-filters .card-field{margin:0;min-width:0}
#siteCardsContent .site-card-filters input,#siteCardsContent .site-card-filters select{width:100%;min-width:0;margin:0}
#siteCardsContent .site-card-filters + .fine-print{margin:12px 0}
@media(max-width:750px){#siteCardsContent .site-card-filters{grid-template-columns:minmax(0,1fr)} }
#siteCardsContent .site-card-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;background:#202224;border:1px solid #383a3d;border-radius:12px;color:inherit;text-decoration:none}
#siteCardsContent .site-card-toolbar{margin:0 0 20px;align-items:center}
#siteCardsContent .site-card-toolbar .card-field{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:12px}
#siteCardsContent .site-card-toolbar select{width:200px;max-width:100%;margin:0}
#siteCardsContent .site-card-identity{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
#siteCardsContent .site-card-identity strong{min-width:0;overflow-wrap:anywhere}
#siteCardsContent .site-card-identity .project-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;object-fit:contain}
#siteCardsContent .site-card-identity .project-fallback{background:#303236;border-radius:8px;color:var(--muted);font-size:18px}
#siteCardsContent .site-card-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;max-width:45%}
#siteCardsContent .site-card-meta .badge{white-space:normal}
@media(max-width:650px){#siteCardsContent .site-card-toolbar .card-field{flex:1 1 100%;margin:0}#siteCardsContent .site-card-toolbar select{flex:1;width:auto}#siteCardsContent .site-card-entry{align-items:flex-start;flex-direction:column;padding:16px}#siteCardsContent .site-card-meta{max-width:100%;padding-left:50px;justify-content:flex-start}}
#siteCardsContent .site-card-entry:hover{border-color:#f1d946}
#siteCardsContent .card-diff{overflow-x:auto;margin:24px 0}
#siteCardsContent table{width:100%;border-collapse:collapse;table-layout:fixed}
#siteCardsContent td,#siteCardsContent th{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #383a3d;overflow-wrap:anywhere;white-space:pre-wrap}
#siteCardsContent th:first-child{width:23%}
#siteCardsContent .card-preview-art{padding:16px;margin-top:16px;background:#161718;border-radius:12px}
#siteCardsContent .card-preview-art img{max-width:100%;max-height:260px;object-fit:contain;margin:12px 0}
#siteCardsContent .card-review{padding:20px;background:#25251d;border:1px solid #595437;border-radius:12px}
#siteCardsContent .card-delete{border-color:#6c4646}
@media(max-width:800px){#siteCardsContent .card-language-columns{grid-template-columns:1fr}#siteCardsContent table{min-width:580px}}

.project-connections{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.project-connections>p{grid-column:1/-1}.project-connections section{border:1px solid var(--border,#363638);border-radius:12px;padding:20px;min-width:0}.project-connections h4{margin:0 0 12px}.project-connections p{color:var(--muted,#a4abb5);line-height:1.6}.project-connections pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.project-connections button{justify-self:start}

.discord-connections{grid-column:1/-1}.discord-connections article{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--border,#363638);padding:16px 0}.discord-connections article a{overflow-wrap:anywhere;min-width:0}.discord-connections article p{margin:0}.discord-connections article button{margin-left:auto}

.discord-request-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px;margin:12px 0}.discord-request-row input,.discord-request-row select{width:100%;min-width:0}.discord-connections ul{overflow-wrap:anywhere}@media(max-width:650px){.discord-request-row{grid-template-columns:1fr}}

/* Shared cabinet controls: inset chevrons and compact refresh actions. */
select:not([multiple]):not([size]), select:not([multiple])[size="1"], select:not([multiple])[size="0"] {
  appearance: none;
  padding-inline-end: 44px;
  background-image: url("/assets/136822aae196b2b91f275a59/dropdown-chevron.svg");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
}
button.refresh-button {
  position: relative; flex: 0 0 44px; width: 44px; min-width: 44px; min-height: 44px;
  padding: 10px; gap: 0; align-self: center;
}
.support-filters button.refresh-button { align-self: end; }
.refresh-icon { display: block; width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
button.refresh-button > .admin-marker { position: absolute; right: 2px; bottom: 2px; width: 11px; height: 11px; margin: 0; }
@media (forced-colors: active) {
  select:not([multiple]) { appearance: auto; background-image: none; }
}

/* The journal keeps each operation together; identifiers are secondary details. */
.inventory-dialog:has(.steam-history) { width: min(860px,calc(100vw - 32px)); }
.steam-history-filters { display: grid; grid-template-columns: 1fr 1.4fr 1fr auto; align-items: end; gap: 12px; }
.steam-history-rows { display: grid; gap: 12px; min-width: 0; }
.steam-history-row { display: grid; gap: 10px; min-width: 0; border: 1px solid var(--line); border-radius: 10px; padding: 16px; }
.steam-history-heading { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 8px; }
.steam-history-state { font-size: 12px; padding: 3px 8px; border-radius: 6px; background: #292a2d; }
.steam-history-state[data-state="succeeded"] { color: #a1c9b0; }
.steam-history-state[data-state="pending"] { color: #dcc781; }
.steam-history-state[data-state="failed"] { color: #e1aaa2; }
.steam-history-row details { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.steam-history-row details p { margin-top: 8px; }
@media(max-width:600px) { .steam-history-filters { grid-template-columns: minmax(0,1fr); } }

.inventory-dialog:has(.catalog-comparison) { width: min(960px,calc(100vw - 32px)); }
.catalog-comparison .inventory-toolbar select { width: auto; min-width: 0; flex: 1; }
.catalog-comparison .inventory-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.catalog-comparison-item { display: flex; flex-direction: column; gap: 8px; align-items: start; padding: 14px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; }
.catalog-comparison-item small,.catalog-comparison-item details { color: var(--muted); font-size: 12px; }
.catalog-comparison-item p { overflow-wrap: anywhere; }

/* Compact login providers; Google retains its native icon button. */
.login-provider-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;position:relative}
.login-provider-row .login-methods,.login-provider-row .other-login{margin:0;padding:0;display:flex;align-items:center;gap:12px}
.login-provider-row [hidden]{display:none!important}
.login-provider-row .login-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;max-height:40px;flex:0 0 40px;padding:0;border-radius:50%;margin:0}
.login-provider-row #google{width:40px;height:40px;min-height:40px;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;color-scheme:light}
.login-provider-row #googleLoginOptions{position:relative;flex:0 0 40px;width:40px;min-height:40px}
.login-provider-row #loginPlaceholder{width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:0;position:relative;background:#202124;border:0;border-radius:50%;color-scheme:light}
.login-provider-row #loginPlaceholder::before{content:"";position:absolute;inset:2px;background:#fff;border-radius:50%}
.login-provider-row #loginPlaceholder svg{position:relative;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px}
.login-provider-row #google iframe{color-scheme:light}
.login-provider-row #loginStatus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.login-provider-row #retryLogin:not([hidden]){font-size:12px;padding:8px}
.login-provider-row #loginDivider,.login-provider-row #showOtherLogin{display:none!important}
.login-provider-mark{width:24px;height:24px;flex:none;fill:currentColor}
.login-provider-yandex{color:#fc3f1d}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.login-provider-row .login-icon:focus-visible{outline:2px solid #f4df42;outline-offset:4px}

.login-provider-row .login-icon,.login-provider-row #google{transition:filter .15s ease,opacity .15s ease}
.login-provider-row .login-icon:disabled{opacity:.48;filter:grayscale(1)}
.login-provider-row .login-icon:hover:not(:disabled),.login-provider-row #google:hover{filter:brightness(1.25)}
.login-provider-row #google:focus-within{outline:2px solid #f4df42;outline-offset:4px;border-radius:50%}

/* GIS needs a measurable host while preparing; inert prevents early interaction. */
.login-provider-row #google[inert]{visibility:hidden;position:absolute;inset:0;pointer-events:none}

/* Keep GIS's own interactive fallback usable if its remote stylesheet fails. */
:is(.login-provider-row #google,.google-link-widget) [role="button"]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;padding:0;overflow:hidden;border:1px solid #5f6368;border-radius:50%;background:#202124;color:#e8eaed;cursor:pointer}
:is(.login-provider-row #google,.google-link-widget) [role="button"] svg{display:block;width:20px;min-width:20px;max-width:20px;height:20px}
:is(.login-provider-row #google,.google-link-widget) [role="button"] [id="button-label"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.login-provider-mail{color:#ff9e00}.login-provider-ok{color:#ee8208}

.google-link-widget{flex:0 0 44px;min-height:44px;overflow:hidden}.google-link-widget[data-ready='false']{visibility:hidden}
.profile-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:28px}
.profile-overview>.settings-section{grid-column:1;display:block}
.profile-overview .setting-value{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.profile-overview #identityDescription{display:none}
.profile-overview .identity-with-icon p{margin:0}
.profile-overview .profile-form{grid-column:1;grid-row:2;margin:0}
.profile-overview .profile-form .settings-section{display:block}
.profile-overview .profile-actions{margin:16px 0 0;padding:0;border:0;justify-content:flex-start}
.profile-overview .profile-actions button{padding:12px 20px}
.profile-overview .profile-discord{grid-column:2;grid-row:1/3;padding-left:28px;border-left:1px solid var(--line)}
.profile-discord .support-toolbar{margin-bottom:16px;gap:12px}
.profile-discord .support-toolbar h2{margin:0}
.discord-role-group{padding:14px 0;border-top:1px solid var(--line)}
.discord-role-group h3{font-size:14px;margin:0 0 10px}
.discord-role-group .actions{justify-content:flex-start;gap:6px}
.discord-role-group .field-hint{margin:10px 0 0}
#linked-accounts .section-heading{margin-bottom:12px}
#linked-accounts .provider-row{padding:16px 0}
#gameAccountLinks>h2{margin:0 0 6px}
#gameAccountLinks>.muted{font-size:14px;margin:0 0 20px}
.game-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px;margin-top:14px;background:#222426;border:1px solid var(--line);border-radius:14px}
.game-account-card .provider-info strong{font-size:20px}
.game-account-card .provider-actions{align-self:start;font-size:14px}
.game-account-card .game-store-picker{padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}
.game-link-code{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.game-link-code input{max-width:320px}
.game-link-code button{margin:8px 8px 0 0}
@media(max-width:760px){.profile-overview{grid-template-columns:minmax(0,1fr);gap:24px}.profile-overview .profile-discord{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.game-account-card{grid-template-columns:minmax(0,1fr);padding:16px}.game-account-card>*{grid-column:1/-1}.game-account-card .provider-actions{justify-content:flex-start}.game-store-options button{flex:1}.profile-overview .profile-form{grid-row:2}}

/* Administrator statistics: readable groups, compact controls, no fixed mobile widths. */
.statistics{display:grid;gap:24px;min-width:0}.statistics h2{font-size:21px;margin:0 0 20px}.statistics p{line-height:1.6}.statistics .muted{color:var(--muted,#9ca4ae)}
.statistics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.statistics-toolbar label,.statistics-filters label{display:grid;gap:8px;font-size:14px}.statistics select,.statistics input{width:100%;min-width:0}.statistics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.statistics-card{min-width:0;background:#1d1f20;border:1px solid #343638;border-radius:16px;padding:24px}.statistics-metrics .statistics-card{display:grid;gap:12px}.statistics-metrics strong{font-size:36px;line-height:1.1;color:#f5da43}.statistics-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.statistics-table-wrap{overflow-x:auto}.statistics table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.statistics th{color:#aab0b7;font-weight:500}.statistics th,.statistics td{padding:13px 12px;border-bottom:1px solid #343638;vertical-align:top;overflow-wrap:anywhere}.statistics td:first-child{font-weight:600}.statistics-chart svg{width:100%;height:170px;display:block;fill:#f3da42}.statistics details{margin-top:18px}.statistics summary{cursor:pointer}.statistics-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:20px}.statistics button{white-space:normal}.statistics .statistics-toolbar{margin-top:12px}.statistics [role=status]{margin-top:20px}
@media(max-width:1100px){.statistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-filters{grid-template-columns:1fr 1fr}.statistics-columns{grid-template-columns:1fr}}
@media(max-width:550px){.statistics{gap:16px}.statistics-card{padding:16px}.statistics-metrics{gap:10px}.statistics-metrics strong{font-size:28px}.statistics-filters{grid-template-columns:1fr}.statistics table{min-width:360px}}

#statistics-section{background:transparent;border:0;padding:0}.statistics-metrics .statistics-card{grid-template-rows:44px auto 40px;align-content:start}.statistics-metrics small{line-height:1.5}

.statistics table.statistics-wide{min-width:760px}.statistics th{white-space:nowrap}.statistics .statistics-wide td{min-width:125px}.statistics .statistics-wide td:first-child{min-width:170px}

#crashes-section{background:transparent;border:0;padding:0}.crashes{display:grid;gap:20px;min-width:0}.crashes h2{overflow-wrap:anywhere;font-size:1.1rem}.crash-stack{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font:13px/1.6 monospace;padding:16px;background:var(--bg,#121212);border-radius:10px}.crashes details>summary{cursor:pointer}.crash-issue{display:grid;gap:8px}.crash-issue p{margin:0}.crash-issue button{justify-self:start}

.crashes .statistics-metrics .statistics-card{grid-template-rows:auto auto;gap:12px}.crashes .statistics-metrics strong{font-size:30px}

/* Crash triage workspace: compact issue feed and focused event inspector. */
.crashes{gap:18px}.crashes button,.crashes select,.crashes input{font-size:13px;min-height:38px}.crashes button{padding:9px 14px}.crashes h2{font-size:22px;margin:0 0 8px}.crashes h3{font-size:15px;margin:0 0 14px}.crashes .muted{color:var(--muted)}
.crash-filters{display:grid;grid-template-columns:150px 130px minmax(180px,1fr) auto;gap:12px;align-items:end}.crashes label{display:grid;gap:7px;font-size:12px;color:var(--muted);min-width:0}.crashes select,.crashes input{width:100%;min-width:0;padding:9px 12px;border-radius:8px}.crash-filter-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.crash-filter-row label{flex:1;min-width:120px;max-width:240px}.crash-filter-row select{max-width:100%}
.crash-overview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:#191b1c}.crash-totals{display:flex;gap:24px}.crash-totals>div{display:grid;gap:6px}.crash-totals strong{font-size:24px;color:var(--accent,#f4dc42)}.crash-totals span{font-size:12px;color:var(--muted)}.crash-chart{min-width:0}.crash-chart svg{width:100%;height:48px;display:block;fill:#f3d840}.crash-chart .empty,.crash-spark .empty{fill:#353637}.crash-axis{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:6px}.crash-spark{width:120px}.crash-spark svg{width:100%;height:30px;fill:#d8c13d}
.crash-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.crash-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:860px}.crash-table th{color:var(--muted);font-weight:500;background:#191b1c;padding:12px 14px;white-space:nowrap}.crash-table td{padding:15px 14px;border-top:1px solid var(--line);vertical-align:middle}.crash-table tr:hover td{background:#202223}.crash-table td:first-child{width:48%;min-width:290px;max-width:500px}.crashes .crash-title{background:transparent;border:0;color:var(--text,#f5f5f5);padding:0;min-height:0;font-size:14px;text-align:left;font-weight:650;overflow-wrap:anywhere}.crash-title:hover{text-decoration:underline;color:#f3d840}.crash-description{font-size:13px;margin:7px 0;line-height:1.5;overflow-wrap:anywhere}.crash-table .crash-description{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.crash-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.crash-tags>span{overflow-wrap:anywhere}.crash-badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:11px;line-height:1.2;background:#2a2c2e;color:#ccd1d6;white-space:nowrap}.crash-badge.new{background:#3b3022;color:#efd197}.crash-badge.reviewing{background:#253544;color:#a7d2f5}.crash-badge.resolved{background:#24392c;color:#a5d8b5}.crash-badge.archived{color:#a6aaaf}.crash-badge.priority-critical{background:#4a272a;color:#ffb4b8}.crash-badge.priority-high{background:#413025;color:#efbf98}.crash-time{white-space:nowrap;color:var(--muted)}.crash-number{font-weight:650;font-size:15px;font-variant-numeric:tabular-nums}.crash-pagination,.crash-topline{display:flex;align-items:center;gap:10px;font-size:12px}.crash-pagination>span{margin-right:auto;color:var(--muted)}.crash-empty{padding:30px;text-align:center;color:var(--muted)}
.crash-heading{padding:20px;background:#1b1d1e;border:1px solid var(--line);border-radius:12px}.crash-heading .crash-filter-row{margin-top:18px}.crash-heading [role=status]:empty{display:none}.crash-distributions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.crash-distributions>section{padding:16px;background:#191b1c;border:1px solid var(--line);border-radius:10px;min-width:0}.crash-distribution{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;margin-top:7px}.crash-distribution span{overflow-wrap:anywhere}.crash-distribution strong{white-space:nowrap;color:var(--muted)}.crash-event-nav{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.crash-event-nav label{flex:1;min-width:240px}.crash-event{border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.crash-event-meta{padding:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#202223;font-size:11px}.crash-event-meta code{overflow-wrap:anywhere;color:var(--muted)}.crash-download{font-size:12px}.crash-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;padding:0 16px;background:#191b1c}.crash-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:14px 8px}.crash-tabs button.active{color:#f4dc42;border-bottom-color:#f4dc42}.crash-panel{padding:20px;min-width:0}.crash-panel h3{overflow-wrap:anywhere}.crash-stack-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.crash-stack-tools label{min-width:180px}.crash-frames{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:16px}.crash-frame{border-bottom:1px solid var(--line);background:#191b1c}.crash-frame:last-child{border-bottom:0}.crash-frame summary{display:grid;grid-template-columns:24px minmax(120px,24%) minmax(0,1fr);gap:12px;padding:12px;font-size:12px;line-height:1.5;cursor:pointer}.crash-frame summary:hover{background:#252728}.crash-frame summary code{overflow-wrap:anywhere;color:#c8ced5}.crash-frame summary code:last-child{color:#e2d584}.crash-frame[open]{background:#252728}.crash-pairs{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:0;font-size:12px;margin:0}.crash-pairs dt,.crash-pairs dd{padding:9px 10px;border-bottom:1px solid #303234;margin:0;overflow-wrap:anywhere}.crash-pairs dt{color:var(--muted)}.crash-pairs dd{font-family:monospace}.crash-frame .crash-pairs{padding:6px 16px 16px}.crash-source{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:13px}.crash-source>summary{cursor:pointer}.crash-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crash-context-grid>section{padding:16px;background:#191b1c;border:1px solid var(--line);border-radius:8px;min-width:0}.crash-footnote{color:var(--muted);font-size:12px;line-height:1.5}.crash-error{color:#ffb4b8}.crashes button:focus-visible,.crashes summary:focus-visible{outline:2px solid #f4dc42;outline-offset:2px}
@media(max-width:1100px){.crash-overview{grid-template-columns:1fr}.crash-totals{gap:35px}.crash-distributions{grid-template-columns:1fr}.crash-context-grid{grid-template-columns:1fr}}
@media(max-width:650px){.crash-filters{grid-template-columns:1fr 1fr}.crash-search{grid-column:1/-1}.crash-filters>button{grid-column:1/-1}.crash-filter-row label{max-width:none;min-width:calc(50% - 10px)}.crash-heading,.crash-panel{padding:14px}.crash-heading h2{font-size:18px}.crash-frame summary{grid-template-columns:18px minmax(0,1fr)}.crash-frame summary code:last-child{grid-column:2}.crash-event-nav label{min-width:100%}.crash-event-meta code{max-width:100%}.crash-tabs{padding:0 8px;gap:2px}.crash-tabs button{font-size:12px}.crash-axis{font-size:9px}.crash-pairs{grid-template-columns:40% 60%}.crash-topline{flex-wrap:wrap}}
.crash-tabs button:hover:not(:disabled){background:#252728;color:#fff}.crash-tabs button.active:hover:not(:disabled){background:#252728;color:#f4dc42}.crashes .crash-title:hover:not(:disabled){background:transparent;color:#f4dc42}

/* Group privileged tools separately from personal account navigation. */
.crashes .crash-table .crash-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;line-height:1.4;width:100%}
.crash-chart,.crash-spark{position:relative}
.crash-chart .crash-chart-hit,.crash-spark .crash-chart-hit{fill:transparent;pointer-events:all;cursor:crosshair}
.crash-chart g:hover .crash-chart-hit,.crash-chart g:focus .crash-chart-hit,.crash-spark g:hover .crash-chart-hit,.crash-spark g:focus .crash-chart-hit{fill:#f4dc4226;stroke:#f4dc42;stroke-width:1}
.crash-chart-tooltip{position:absolute;z-index:3;left:0;bottom:100%;padding:7px 10px;border:1px solid #686044;border-radius:6px;background:#121313;color:#fff;font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 3px 10px #0006}
.crash-full-error{font-size:13px;margin:10px 0}
.sidebar nav .admin-nav{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);min-width:0}
.admin-nav>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:8px;cursor:pointer;list-style:none;color:#b7bbc1;font-size:14px;line-height:1.4}
.admin-nav>summary::-webkit-details-marker{display:none}
.admin-nav>summary:hover{background:#242527;color:var(--text)}
.admin-nav>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.admin-nav.has-active-page>summary{color:var(--accent)}
.sidebar nav .admin-nav-chevron{width:16px;height:16px;margin-left:auto;transition:transform .15s}
.admin-nav[open]>summary .admin-nav-chevron{transform:rotate(90deg)}
.admin-nav-links{display:flex;flex-direction:column;gap:4px;margin:4px 0 4px 21px;padding-left:10px;border-left:1px solid var(--line)}
.sidebar nav .admin-nav-links a{min-height:42px;padding:10px;font-size:13px;gap:10px}
.sidebar nav .admin-nav-links svg{width:18px;height:18px}

/* Compact administrator overview; keep the rest of the tables independent. */
#statisticsContent{gap:16px}
#statisticsContent .statistics-metrics{gap:12px}
#statisticsContent .statistics-metrics .statistics-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;padding:14px 16px;border-radius:12px;align-content:center}
#statisticsContent .statistics-metrics .statistics-card>span{font-size:13px;line-height:1.35}
#statisticsContent .statistics-metrics strong{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:28px;margin:0}
#statisticsContent .statistics-metrics small{font-size:12px;line-height:1.35}
#statisticsContent .statistics-growth{padding:16px;border-radius:12px}
#statisticsContent .statistics-growth h2{font-size:18px;margin:0 0 8px}
#statisticsContent .statistics-chart svg{height:80px}
#statisticsContent .statistics-growth .statistics-toolbar{margin-top:6px;gap:8px}
#statisticsContent .statistics-growth details{margin-top:10px;font-size:13px}
#statisticsContent .statistics-growth details p{margin-bottom:0;font-size:13px}
@media(max-width:550px){#statisticsContent .statistics-metrics{gap:8px}#statisticsContent .statistics-metrics .statistics-card{padding:12px;gap:4px 8px}#statisticsContent .statistics-metrics strong{font-size:24px}#statisticsContent .statistics-chart svg{height:64px}}
.legal-update-banner{max-width:1100px;margin:16px auto;padding:16px 20px;border:1px solid var(--border,#665522);border-radius:12px;background:var(--surface,#24231f);display:flex;align-items:center;justify-content:space-between;gap:16px}.legal-update-banner[hidden]{display:none}.legal-document-links{padding-left:20px;line-height:1.7}.legal-document-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legal-update-dialog .check{align-items:flex-start}.legal-update-dialog .check input{flex-shrink:0;margin-top:4px}@media(max-width:600px){.legal-update-banner{margin:12px;align-items:stretch;flex-direction:column}}
.statistics-hub { --stats-line: #373738; }
.statistics-tabs { display:flex; gap:6px; flex-wrap:wrap; padding:6px; border:1px solid var(--stats-line); border-radius:14px; background:#19191a; }
.statistics-tabs a { padding:11px 18px; border-radius:9px; color:#bebebe; text-decoration:none; font-weight:600; }
.statistics-tabs a:hover { background:#29292b; color:#fff; }
.statistics-tabs a[aria-current="page"] { background:#d6bd59; color:#171713; }
.statistics-tabs a:focus-visible { outline:2px solid #f7db6c; outline-offset:3px; }
.statistics-hub-filters { display:flex; align-items:end; flex-wrap:wrap; gap:14px; }
.statistics-hub-filters label { display:grid; gap:7px; flex:1 1 125px; color:#b7b7b8; font-size:13px; }
.statistics-hub-filters input,.statistics-hub-filters select { width:100%; min-width:0; }
.statistics-hub-filters button { margin:0; min-height:44px; }
.statistics-scope { font-size:13px; margin-top:-10px; }
.statistics-block { border:1px solid var(--stats-line); padding:24px; background:#1b1b1c; border-radius:14px; min-width:0; }
.statistics-block h3 { margin:0 0 8px; font-size:20px; }
.statistics-block > p { line-height:1.6; }
.statistics-block .statistics-table { width:100%; }
.statistics-block td { overflow-wrap:anywhere; max-width:330px; }
.statistics-empty { padding:28px; border:1px dashed #4d4b40; background:#25241e; border-radius:12px; }
.statistics-empty h3 { margin:0 0 10px; }
.statistics-empty p { color:#bebbb0; line-height:1.6; margin:0; }
.statistics-source-note { padding-left:14px; border-left:3px solid #9b893f; color:#c9c3ab; font-size:14px; }
.statistics-finding { border-top:1px solid var(--stats-line); padding-top:16px; margin-top:20px; overflow-wrap:anywhere; }
.statistics-finding h4 { margin:0 0 9px; font-size:17px; }
.statistics-finding p { margin:8px 0; line-height:1.6; }
.statistics-hub .statistics-card small { color:#aaa; font-size:12px; line-height:1.5; }
@media(max-width:600px) {
 .statistics-tabs { gap:3px; }
 .statistics-tabs a { padding:10px 12px; font-size:13px; }
 .statistics-block { padding:17px; }
 .statistics-hub-filters button { flex:1 1 100%; }
 .statistics-empty { padding:20px; }
}