/* Shared colour and layout system for every admin route. */
:root { --section-color:#315fca; --section-tint:#edf2ff; --section-line:#ccdafa; --bg:#f2f5fb; --border:#dce4ef; --text:#192b45; --text-soft:#3e506b; --muted:#62738b; --sidebar:238px; }
:root[data-section="tournaments"],:root[data-section="notifications"] { --section-color:#7244c5; --section-tint:#f1ebff; --section-line:#ddcdfa; }
:root[data-section="userRequests"] { --section-color:#087b70; --section-tint:#e9f8f4; --section-line:#b8e5dc; }
:root[data-section="profit"],:root[data-section="withdrawals"] { --section-color:#945809; --section-tint:#fff5e2; --section-line:#f0d8a8; }
:root[data-section="monetization"] { --section-color:#ac3270; --section-tint:#fff0f7; --section-line:#f0c6dc; }
:root[data-section="activity"],:root[data-section="staff"] { --section-color:#5853b8; --section-tint:#f0efff; --section-line:#d6d2f6; }
:root[data-section="cases"],:root[data-section="deletions"] { --section-color:#ae542d; --section-tint:#fff1e9; --section-line:#edcfbc; }
:root[data-section="operations"] { --section-color:#b33650; --section-tint:#fff0f3; --section-line:#efc7d1; }
:root[data-section="playerExperience"] { --section-color:#17788f; --section-tint:#e9f7fc; --section-line:#c0e3ef; }
body { background:linear-gradient(135deg,#f2f4fb,#f0f7fa); color:var(--text); }
.sidebar { background:linear-gradient(165deg,#152846,#101d35); padding:22px 12px 16px; scrollbar-color:#4e617e transparent; }
.sidebar-brand { padding:0 10px 20px; gap:11px; }
.sidebar-brand strong { font-size:19px; }
.nav-group { padding:17px 12px 7px; font-size:10px; color:#a9bbd5; letter-spacing:.12em; }
.nav-link { --nav-accent:#6592f0; min-height:44px; gap:11px; padding:8px 11px; border:1px solid transparent; border-radius:10px; font-size:13px; }
.nav-link[data-section="tournaments"],.nav-link[data-section="notifications"] { --nav-accent:#b094f1; }
.nav-link[data-section="userRequests"] { --nav-accent:#65d3ba; }
.nav-link[data-section="profit"],.nav-link[data-section="withdrawals"] { --nav-accent:#edbf6d; }
.nav-link[data-section="monetization"] { --nav-accent:#ea8dbb; }
.nav-link[data-section="cases"],.nav-link[data-section="deletions"] { --nav-accent:#e8aa80; }
.nav-link[data-section="operations"] { --nav-accent:#ee90a5; }
.nav-link.active { background:#2b4165; border-color:#4d6385; box-shadow:inset 3px 0 var(--nav-accent); color:#fff; }
.nav-link .nav-icon { width:29px; height:29px; flex-basis:29px; padding:5px; border-radius:8px; background:#eef3fd; }
.nav-link[data-section="tournaments"] .nav-icon,.nav-link[data-section="notifications"] .nav-icon { background:#efe8ff; }
.nav-link[data-section="userRequests"] .nav-icon { background:#dcf6ee; }
.nav-link[data-section="profit"] .nav-icon,.nav-link[data-section="withdrawals"] .nav-icon { background:#fff0d3; }
.nav-link[data-section="monetization"] .nav-icon { background:#ffe7f1; }
.nav-count { margin-left:auto; flex:none; font-size:10px; background:#f8c870; }
.sidebar-foot { font-size:11px; gap:5px; padding-top:16px; }
.sidebar-foot strong { justify-self:start; color:#c7f3df; background:#24493e; border:1px solid #3d6957; border-radius:6px; padding:3px 10px; }
.content-shell { max-width:none; min-width:0; padding:0 26px 28px; overflow-anchor:none; }
.topbar { display:grid; grid-template-columns:auto minmax(160px,400px) auto; align-items:center; gap:22px; min-height:84px; margin:0 -26px; padding:14px 26px; background:#ffffffed; border-bottom:2px solid var(--section-line); box-shadow:0 3px 15px #293f6505; }
.page-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.page-icon { width:43px; height:43px; display:grid; place-items:center; background:var(--section-tint); border:1px solid var(--section-line); border-radius:12px; flex:none; }
.page-icon img { width:25px; height:25px; }
.topbar h1 { font-size:21px; white-space:nowrap; }
.topbar .mobile-menu { display:none; }
.topbar .mobile-menu img { width:22px; height:22px; }
.topbar .eyebrow { font-size:10px; color:var(--section-color); margin-bottom:2px; }
.workspace-search { width:100%; max-width:none; margin:0; }
.workspace-search input { min-height:44px; padding-block:10px; background:#f8faff; }
.topbar-actions { justify-content:flex-end; gap:8px; min-width:0; }
.admin-identity { padding:0 6px; max-width:145px; }
.topbar-actions .button { white-space:nowrap; }
.section-block { margin-top:24px; min-width:0; }
.section-heading { gap:14px; align-items:center; margin:0 0 12px; padding-left:14px; border-left:4px solid var(--section-color); }
.section-heading h2 { font-size:24px; line-height:1.3; margin:0 0 5px; }
.section-heading p { font-size:13px; margin:0; line-height:1.6; }
.section-block>h2 { font-size:24px; margin:0 0 10px; padding-left:14px; border-left:4px solid var(--section-color); }
.section-status { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:12px 0 16px; color:#65758c; }
.section-status[data-state="ready"]::before { content:""; width:6px; height:6px; border-radius:50%; background:#27876a; flex:none; }
.section-status[data-state="error"],.section-status[data-state="stale"] { border:1px solid #e8c0b2; padding:10px 14px; border-radius:8px; background:#fff5ed; color:#854025; }
.button { border-radius:9px; font-size:13px; min-height:42px; padding:9px 14px; display:inline-flex; align-items:center; justify-content:center; gap:7px; vertical-align:middle; }
.button-primary,.button-accent { background:var(--section-color); border-color:var(--section-color); color:#fff; }
.button-primary:not(:disabled):hover,.button-accent:not(:disabled):hover { background:var(--section-color); filter:brightness(.94); }
.button-secondary { background:#fff; color:var(--section-color); border-color:var(--section-line); }
.button-ghost { background:var(--section-tint); border-color:transparent; color:var(--section-color); }
.button-secondary:not(:disabled):hover,.button-ghost:not(:disabled):hover { background:var(--section-tint); }
.button-danger { background:#fff0f3; color:#a62d47; border-color:#ecc6cf; }
.button-safe { background:#eaf7ef; color:#18623d; border-color:#b8ddc7; }
.row-actions,.action-row,.form-actions,.dialog-actions { align-items:center; gap:8px; }
.row-actions .button { min-width:76px; }
.toolbar,.audit-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:16px 0; }
.toolbar>.field { display:grid; gap:5px; }
.toolbar>.field>span { font-size:11px; color:var(--muted); }
.toolbar select { min-width:165px; }
.inline-search { align-items:center; min-width:0; gap:7px; }
.inline-search input { width:210px; min-width:0; }
.toolbar select,.toolbar input,.toolbar .button,.audit-filters input,.audit-filters .button { min-height:44px; }
.section-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; border:1px solid var(--border); border-radius:12px; padding:5px; margin:18px 0 14px; background:#fff; width:fit-content; max-width:100%; }
.section-tabs>a.button { border:0; border-radius:8px; background:transparent; color:#53647d; min-height:42px; padding:10px 17px; }
.section-tabs>a.active { background:var(--section-color); color:white; box-shadow:0 3px 7px #293f6512; }
.section-tabs>a.active:hover { background:var(--section-color); color:white; }
.section-tabs .tab-button { padding:9px 12px; min-height:42px; }
.audit-filters { padding:14px; border:1px solid var(--border); background:#fff; border-radius:10px; }
.metric-card { position:relative; border-radius:14px; background:var(--metric-tint,#fff); border-color:var(--metric-line,var(--border)); padding:22px; overflow:hidden; }
.metric-card::after { content:""; position:absolute; right:20px; top:20px; width:38px; height:38px; background:var(--metric-icon) center/26px no-repeat; opacity:.9; }
.metric-card>span { padding-right:38px; color:var(--text-soft); }
.metric-card>strong { color:var(--metric-ink,var(--text)); margin:14px 0 18px; font-size:34px; }
.metric-card[data-metric="pendingWithdrawals"] { --metric-tint:#fff6e5; --metric-line:#efd9af; --metric-ink:#92570c; --metric-icon:url('/assets/admin/withdrawals-color.png'); }
.metric-card[data-metric="openSupport"] { --metric-tint:#eaf8f3; --metric-line:#bddfd3; --metric-ink:#10745f; --metric-icon:url('/assets/admin/support-color.png'); }
.metric-card[data-metric="liveTournaments"] { --metric-tint:#f2ecff; --metric-line:#dacbf4; --metric-ink:#6b42b7; --metric-icon:url('/assets/admin/tournaments-color.png'); }
.metric-card .button { background:#ffffffd9; border-color:var(--metric-line,var(--border)); color:var(--metric-ink,var(--text)); }
.quick-actions { gap:12px; }
.quick-actions a { min-height:76px; background:#f8faff; border-color:#d9e3f8; font-weight:650; border-radius:10px; }
.quick-actions a::before { content:""; width:36px; height:36px; border-radius:9px; background:#e6edff url('/assets/admin/players-color.png') center/22px no-repeat; flex:none; }
.quick-actions a[href*="deletions"] { background:#fff5ef; border-color:#efd7c9; }
.quick-actions a[href*="deletions"]::before { background-color:#ffe7d9; background-image:url('/assets/admin/policies-color.png'); }
.quick-actions a[href*="operations"] { background:#fff2f5; border-color:#edced7; }
.quick-actions a[href*="operations"]::before { background-color:#f9dee5; background-image:url('/assets/admin/incident-color.png'); }
.quick-actions a[href*="finance"] { background:#fff8e9; border-color:#edddba; }
.quick-actions a[href*="finance"]::before { background-color:#faeac8; background-image:url('/assets/admin/finance-color.png'); }
.table-card,.tournament-list { border:1px solid var(--border); border-radius:12px; background:#fff; }
table { width:100%; border-collapse:collapse; }
th { background:var(--section-tint); color:var(--section-color); font-size:10px; padding:13px 14px; letter-spacing:.055em; }
td { padding:13px 14px; font-size:13px; vertical-align:middle; }
tbody tr:hover { background:#f6f9ff; }
td .record-id { display:block; font-size:11px; max-width:220px; word-break:break-word; }
.cell-copy { margin:0; overflow-wrap:anywhere; }
.cell-copy small { display:block; }
.cell-reference { max-width:240px; overflow-wrap:anywhere; }
.pill { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; border:1px solid #dbe3ed; border-radius:6px; font-size:11px; font-weight:700; line-height:1.45; padding:4px 8px; color:#5c6d83; background:#f0f4f8; }
.pill-safe { background:#e9f7ee; color:#206941; border-color:#bfdfcd; }
.pill-info { background:#eaf2ff; color:#2b5fae; border-color:#cbdcf6; }
.pill-purple { background:#f2ebff; color:#764bb5; border-color:#dfcff5; }
.pill-warning { background:#fff3d9; color:#85530a; border-color:#ecd7a9; }
.pill-danger { background:#fff0f2; color:#a3374e; border-color:#edc4cf; }
.users-pager,.pager { font-size:12px; color:var(--muted); padding:14px 2px; }
.editor-details { border-color:var(--section-line); overflow:hidden; }
.editor-details>summary { color:var(--section-color); background:var(--section-tint); padding:13px 17px; font-size:13px; }
.tournament-editor { margin:14px 0; }
.tournament-editor .form-card { border:0; border-top:1px solid var(--border); border-radius:0; }
.tournament-editor .tournament-form-grid { display:block; }
.tournament-hint { margin:14px 0; }
.tournament-list table { min-width:920px; }
.event-identity { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:9px; row-gap:6px; min-width:170px; }
.event-identity>strong { color:var(--text); font-size:14px; }
.event-identity>.pill { justify-self:start; }
.event-identity>.record-id { grid-column:1/-1; max-width:230px; font-size:10px; overflow-wrap:anywhere; }
.event-seats { min-width:105px; display:grid; gap:8px; }
.event-seats strong { font-size:12px; white-space:nowrap; }
.event-seats progress { width:100%; max-width:125px; height:5px; border:0; border-radius:5px; overflow:hidden; background:#e9e4f7; accent-color:#8356d4; }
.event-seats progress::-webkit-progress-bar { background:#e9e4f7; border-radius:5px; }
.event-seats progress::-webkit-progress-value { background:#8356d4; border-radius:5px; }
.tournament-list .row-actions { min-width:192px; gap:6px; flex-wrap:nowrap; }
.tournament-list .row-actions .button { min-width:0; padding-inline:10px; font-size:12px; }
.form-card,.network-panel,.ad-placement { border-radius:12px; }
.form-card { padding:22px; }
.form-grid { gap:16px 20px; align-items:start; }
.form-grid>.field,.form-card .field { display:grid; align-content:start; gap:6px; }
.form-card-heading { align-items:flex-start; gap:14px; }
.form-card-heading h3 { color:var(--section-color); margin-top:0; }
.form-card-heading p { margin-bottom:0; }
.form-card-heading .type-badge { flex:none; }
.form-actions { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.advanced-settings>summary,.network-panel legend,.ad-placement legend { color:var(--section-color); }
.advanced-settings>summary { background:var(--section-tint); border-radius:10px; }
.network-panel,.ad-placement { border-top:3px solid var(--section-line); }
.report-actions { align-items:flex-end; }
.report-actions label { display:grid; gap:6px; }
#profitReport .metric-card:nth-child(3n+1) { background:#edf7f1; border-color:#c5e0d0; }
#profitReport .metric-card:nth-child(3n+2) { background:#fff6e5; border-color:#eddbb7; }
#profitReport .metric-card:nth-child(3n) { background:#f1edff; border-color:#d9cff0; }
#profitReport .metric-card::after { display:none; }
#profitReport .metric-card strong { font-size:24px; }
.activity-summary { display:inline-flex; align-items:center; color:#534eaa; background:#eeecff; border:1px solid #d7d2f4; border-radius:8px; padding:9px 13px; font-size:12px; margin:4px 0; }
.activity-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 16px; }
.activity-table { min-width:850px; }
.activity-table td { padding-block:13px; }
.activity-table .activity-title { font-size:13px; font-weight:650; min-width:180px; display:block; }
.activity-table .record-id { max-width:240px; }
.activity-row.unread { background:#f6f4ff; }
.activity-row.unread td:first-child { box-shadow:inset 3px 0 #8c76d4; }
.activity-table time { display:block; min-width:118px; max-width:150px; font-size:12px; color:var(--muted); }
.activity-category.category-withdrawals { background:#fff2d8; color:#94600e; border-color:#efd8a9; }
.activity-category.category-userRequests { background:#e5f6f1; color:#107c68; border-color:#bce1d5; }
.activity-category.category-tournaments { background:#f0eaff; color:#7346bb; border-color:#d9caf0; }
.audit-action { color:#5350ad; font-weight:650; display:block; min-width:150px; }
.audit-reason { max-width:250px; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.audit-change-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.audit-change-grid section { min-width:0; }
.audit-change-grid pre { padding:16px; background:#f5f7fc; border:1px solid var(--border); border-radius:8px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.detail-header { border-bottom-color:var(--section-line); background:linear-gradient(110deg,#fff,var(--section-tint)); }
.detail-summary dl { background:var(--section-tint); }
.footer { border-top:1px solid #dee5f0; margin-top:30px; padding-top:18px; text-align:center; }

/* Messenger-style support workspace: only the selected conversation is live. */
.support-desk { display:grid; grid-template-columns:310px minmax(0,1fr); height:calc(100dvh - 225px); min-height:430px; max-height:820px; border:1px solid #cedfdc; border-radius:15px; background:#fff; overflow:hidden; box-shadow:0 8px 28px #25466308; }
.support-inbox { display:flex; flex-direction:column; min-height:0; min-width:0; border-right:1px solid #dbe5e4; background:#fff; }
.inbox-header { padding:18px 16px 12px; background:#f1fbf7; }
.inbox-header h3 { margin:0; font-size:18px; }
.inbox-header p { margin:4px 0 12px; font-size:12px; }
.inbox-header input { min-height:40px; font-size:12px; }
.support-inbox>.toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin:0; padding:12px 14px; border-bottom:1px solid #e4eceb; }
.support-inbox .toolbar select { min-width:0; width:100%; font-size:12px; padding:8px; min-height:38px; }
.support-inbox .toolbar>.inline-search { grid-column:1/-1; }
.support-inbox .inline-search input { width:100%; font-size:12px; min-height:38px; }
.support-inbox .inline-search .button { min-height:38px; padding:8px 10px; }
.support-inbox .toolbar>.button { grid-column:1/-1; justify-self:start; min-height:30px; padding:4px 0; font-size:11px; background:transparent; }
.conversation-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
.conversation-row { display:flex; gap:10px; width:100%; min-width:0; padding:15px 12px; border:0; border-bottom:1px solid #edf1f5; border-left:3px solid transparent; text-align:left; background:#fff; color:var(--text); }
.conversation-row:hover { background:#f5faf9; }
.conversation-row.selected { background:#edf8f5; border-left-color:#149781; }
.conversation-avatar { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:#e8edff; color:#4967b7; font-size:12px; font-weight:750; }
.conversation-row:nth-child(3n+2) .conversation-avatar { background:#f6e6fa; color:#975ba8; }
.conversation-row:nth-child(3n) .conversation-avatar { background:#fff0d6; color:#986315; }
.conversation-copy { display:block; min-width:0; flex:1; }
.conversation-top { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; }
.conversation-top strong { font-size:12px; overflow-wrap:anywhere; }
.conversation-top time { font-size:11px; color:#68788e; max-width:70px; text-align:right; line-height:1.5; flex:none; }
.conversation-preview { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; line-height:1.6; color:#62748c; margin:6px 0; }
.conversation-meta { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
.conversation-meta .pill { font-size:10px; padding:2px 5px; }
.draft-label { font-size:10px; color:#a2681c; }
.support-inbox>.pager { padding:10px; margin:0; border-top:1px solid #e2eae8; flex-wrap:nowrap; gap:4px; font-size:10px; }
.support-inbox>.pager .button { min-height:36px; padding:6px 9px; font-size:11px; }
.support-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px; text-align:center; background:linear-gradient(145deg,#f8fcff,#f1faf6); }
.support-empty img { width:160px; height:120px; object-fit:contain; }
.support-empty h3 { margin:18px 0 8px; font-size:21px; color:#234a58; }
.support-empty p { max-width:320px; line-height:1.7; margin:0; }
.support-empty-caption { color:#718a8c; font-size:11px; margin-top:24px; }
.support-conversation { min-width:0; min-height:0; display:flex; flex-direction:column; position:relative; background:#fff; }
.support-thread-header { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-height:74px; padding:14px 18px; border-bottom:1px solid #e2e9ee; }
.support-thread-identity { min-width:0; flex:1; }
.support-thread-identity h3 { font-size:15px; margin:0 0 4px; overflow-wrap:anywhere; }
.chat-connection { font-size:10px; color:#437f70; }
.support-thread-actions { display:flex; gap:6px; }
.support-thread-actions .button { min-height:36px; padding:7px 10px; font-size:11px; }
.support-back { min-width:42px; min-height:36px; padding:6px 8px; font-size:11px; }
.support-state { background:#e7f5ed; color:#2d714b; border:1px solid #c6e1d1; border-radius:6px; padding:4px 8px; font-size:10px; }
.support-state.closed { color:#5c697c; background:#eef1f6; border-color:#d7dfe8; }
.support-reference { margin:0; padding:8px 18px; font-size:10px; color:#7a889a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #edf1f5; flex:none; }
.inbox-tools { grid-column:1/-1; min-width:0; }
.inbox-tools summary { font-size:11px; color:var(--section-color); cursor:pointer; padding:3px 0; }
.inbox-tools[open] summary { margin-bottom:9px; }
.inbox-tools>.inline-search { display:flex; }
.inbox-tools>.inline-search input { min-width:0; width:100%; }
.inbox-tools>.button { margin-top:7px; }
.conversation-top time { white-space:nowrap; flex:none; font-size:10px; }
.support-history { position:relative; min-height:0; flex:1; gap:16px; overflow:auto; overscroll-behavior:contain; padding:20px; background:#f6f8fd; }
.support-message { max-width:82%; gap:5px; }
.support-sender { font-size:10px; color:#617591; font-weight:650; }
.support-bubble { font-size:14px; line-height:1.6; padding:11px 15px; border:1px solid #e1e7f1; background:white; border-radius:15px 15px 15px 4px; color:#253b55; margin:0; }
.staff .support-bubble { background:#2866d8; color:#fff; border-color:#2866d8; border-radius:15px 15px 4px 15px; }
.support-time { font-size:11px; color:#68768b; }
.support-older { align-self:center; min-height:30px; padding:6px 12px; font-size:10px; margin:6px; }
.support-screenshot { max-height:260px; max-width:100%; border:1px solid #d7e1f0; }
.support-attachment { min-height:40px; font-size:12px; border-radius:10px; padding:10px 13px; }
.support-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; padding:14px 18px 9px; border-top:1px solid #e1e7f0; background:#fff; flex:none; }
.support-composer textarea { min-height:58px; height:58px; max-height:110px; resize:vertical; border-radius:12px; padding:10px 12px; font-size:13px; background:#f9fbfe; }
.support-composer textarea[readonly] { background:#fff8e9; }
.support-send { align-self:stretch; min-width:70px; }
.support-composer>p { margin:0; grid-column:1/-1; }
.support-composer .muted { font-size:11px; line-height:1.6; }
.support-error { font-size:11px; color:#a05520; line-height:1.5; }
.support-error:empty { display:none; }
.support-chat-actions { padding:0 18px 12px; justify-content:flex-start; gap:8px; flex:none; }
.support-chat-actions .button { min-height:34px; padding:7px 10px; font-size:11px; }
.new-messages { position:absolute; bottom:155px; left:50%; transform:translateX(-50%); z-index:2; min-height:32px; padding:6px 12px; font-size:11px; }
.new-messages:not(:disabled):hover { transform:translateX(-50%); }

@media(min-width:1700px) { .content-shell { padding-inline:38px; } .topbar { margin-inline:-38px; padding-inline:38px; grid-template-columns:auto minmax(240px,520px) auto; } .support-desk { grid-template-columns:350px minmax(0,1fr); } }
@media(max-width:1200px) { :root { --sidebar:215px; } .content-shell { padding-inline:20px; } .topbar { margin-inline:-20px; padding-inline:20px; gap:14px; grid-template-columns:auto minmax(140px,1fr) auto; } .page-icon { width:37px; height:37px; } .topbar h1 { font-size:19px; } .support-desk { grid-template-columns:280px minmax(0,1fr); } .support-thread-actions { width:100%; padding-left:50px; } }
@media(max-width:900px) { :root { --sidebar:0px; } .sidebar { width:260px; } .topbar { grid-template-columns:44px auto minmax(120px,1fr) auto; gap:10px; min-height:80px; } .page-icon { display:none; } .topbar-actions .button { font-size:12px; padding-inline:10px; } .support-desk { grid-template-columns:270px minmax(0,1fr); } .admin-identity { display:none; } }
@media(max-width:700px) { .topbar { display:flex; flex-wrap:wrap; gap:10px; padding:11px 14px; margin-inline:-14px; } .content-shell { padding:0 14px 22px; } .topbar h1 { font-size:18px; } .topbar-actions { margin-left:auto; } .workspace-search { order:4; flex-basis:100%; } .section-block { margin-top:20px; } .section-heading h2,.section-block>h2 { font-size:21px; } .section-heading p { font-size:12px; } .section-heading { padding-left:11px; } .section-tabs { width:100%; flex-wrap:wrap; gap:4px; } .section-tabs>a.button { flex:1; padding:10px 9px; font-size:12px; white-space:normal; text-align:center; } .toolbar,.audit-filters { gap:10px; } .toolbar>.field { flex:1; } .toolbar select { min-width:0; width:100%; } .inline-search { width:100%; } .inline-search input { flex:1; width:100%; } .toolbar>.inline-search { flex-basis:100%; } .form-grid,.audit-change-grid { grid-template-columns:1fr; } .form-card { padding:17px; } .form-actions .button { flex:1; min-width:0; } .activity-summary { font-size:11px; line-height:1.6; } .detail-header h2 { font-size:20px; } .support-desk { grid-template-columns:minmax(0,1fr); height:calc(100dvh - 238px); min-height:440px; border-radius:12px; } .support-inbox { border-right:0; } .support-desk:not(.has-conversation) .support-empty { display:none; } .support-desk.has-conversation .support-inbox { display:none; } .support-thread-header { padding:11px 12px; gap:8px; } .support-thread-actions { padding-left:0; width:auto; margin-left:auto; } .support-reference { padding-inline:12px; } .support-history { padding:16px 12px; gap:14px; } .support-message { max-width:88%; } .support-composer { padding:11px 12px 8px; } .support-chat-actions { padding:0 12px 10px; } .support-composer textarea { font-size:14px; } .support-inbox>.toolbar { grid-template-columns:1fr 1fr; } .support-inbox>.toolbar>.field { min-width:0; } .support-desk .support-thread-actions .button,.support-chat-actions .button { min-height:40px; } .new-messages { bottom:167px; } }
@media(max-width:400px) { .page-heading h1 { max-width:138px; overflow:hidden; text-overflow:ellipsis; } .topbar-actions .button { padding-inline:8px; font-size:11px; } .metric-card { padding:18px; } .support-thread-actions { width:100%; justify-content:flex-end; } .support-thread-header { padding-block:10px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media(max-width:900px) { .topbar .mobile-menu { display:inline-flex; width:44px; height:44px; padding:10px; flex:none; } }
@media(min-width:901px) and (max-width:1200px) { .sidebar-brand { gap:9px; padding-inline:6px; } .sidebar-brand strong { font-size:17px; white-space:nowrap; } .sidebar-brand .brand-mark { width:38px; height:38px; min-width:38px; } }
@media(max-width:700px) { .button,.support-desk .button,.support-inbox .toolbar select { min-height:44px; } }
@media(max-width:700px) { .table-scroll:has(table)::before,.tournament-list:has(table)::before { content:"Swipe sideways to see all columns →"; display:block; position:sticky; left:0; padding:10px 14px; font-size:11px; color:var(--section-color); background:var(--section-tint); border-bottom:1px solid var(--border); } }