/* xspecial — monochrome workspace; fonts are served locally. */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/oswald-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/oswald-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root, :root[data-theme="dark"], :root[data-theme="oled"], :root[data-theme="light"] {
 --font-body: Inter, "Segoe UI", sans-serif; --font-head: Oswald, "Arial Narrow", sans-serif; --font-mono: Consolas, monospace;
 --side-w: 238px; --bg:#000; --bg2:#080808; --bg3:#111; --bg4:#222;
 --surface:var(--bg2); --surface2:var(--bg3); --surface3:var(--bg4); --txt:#fff; --txt2:#d4d4d4; --txt3:#aaa; --txt4:#888;
 --accent:#fff; --accent-hover:#dedede; --accent-fg:#000; --accent-soft:#ccc; --accent-deep:#999; --accent-rgb:255,255,255;
 --accent-a05:#ffffff08; --accent-a08:#ffffff0d; --accent-a10:#ffffff12; --accent-a15:#ffffff1c; --accent-a20:#ffffff24; --accent-a30:#ffffff38;
 --accent-grad:linear-gradient(#fff,#fff); --accent-grad-soft:var(--accent-a10); --accent-light:var(--accent); --accent-glow:0 0 0 2px var(--accent-a20);
 --bdr:#292929; --bdr2:#202020; --brd:var(--bdr); --pri:var(--accent); --glass:var(--bg2); --glass-blur:none; --glass-bdr:var(--bdr);
 --grn:var(--txt); --red:var(--txt); --ora:var(--txt2); --org:var(--txt2); --yel:var(--txt2); --cyn:var(--txt2); --pur:var(--txt2); --pink:var(--txt2); --pnk:var(--txt2);
 --grn-bg:var(--bg3); --red-bg:var(--bg3); --ora-bg:var(--bg3); --cyn-bg:var(--bg3); --pur-bg:var(--bg3);
 --grn-bdr:var(--bdr); --red-bdr:var(--bdr); --ora-bdr:var(--bdr); --cyn-bdr:var(--bdr); --pur-bdr:var(--bdr);
 --rad:8px; --rad-sm:6px; --rad-lg:12px; --rad-xl:16px;
 --shadow-xs:none; --shadow-sm:none; --shadow-md:0 12px 36px #0004; --shadow-lg:0 24px 60px #0006;
 --scrollbar-thumb:#7776; --scrollbar-thumb-hover:#9999; --bg-main:var(--bg); --code-bg:var(--bg3); --body-gradient:none;
 color-scheme:dark;
}
:root[data-theme="light"] {
 --bg:#fff; --bg2:#fff; --bg3:#f6f6f6; --bg4:#eee; --txt:#000; --txt2:#333; --txt3:#555; --txt4:#666;
 --bdr:#ddd; --bdr2:#e7e7e7; --accent:#000; --accent-hover:#222; --accent-fg:#fff; --accent-soft:#444; --accent-rgb:0,0,0;
 --accent-a05:#00000005; --accent-a08:#00000008; --accent-a10:#0000000a; --accent-a15:#00000010; --accent-a20:#00000018; --accent-a30:#00000030;
 --accent-grad:linear-gradient(#000,#000); color-scheme:light;
}
html { scroll-padding-top: 90px; }
body { font-family: var(--font-body); background: var(--bg) !important; color: var(--txt); }
body::before, body::after { display: none !important; }
button, input, textarea, select { font: inherit; }
button { touch-action: manipulation; }
button, a, input, select, textarea, [tabindex] { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -70px; left: 16px; z-index: 100000; padding: 14px 20px; border-radius: 8px; background: var(--accent); color: var(--accent-fg); }
.skip-link:focus { top: 12px; }
body .side.app-sidebar { left: 0 !important; right: auto !important; width: var(--side-w) !important; min-width: var(--side-w) !important; max-width: var(--side-w) !important; background: var(--bg2) !important; border-right: 1px solid var(--bdr2) !important; box-shadow: none !important; transform: none !important; height: 100dvh; }
body .side-head.app-brand { height: 88px; min-height: 88px; padding: 24px; border: 0; gap: 12px; }
body .side-logo { width: 36px; height: 36px; border-radius: 11px; background: var(--accent) !important; box-shadow: none !important; color: var(--accent-fg) !important; }
body .side-logo svg { width: 18px; height: 18px; fill: currentColor; }
body .side-title { color: var(--txt) !important; font-size: 23px; letter-spacing: -1px; }
body .side-sub { color: var(--txt3); font-size: 11px; margin-top: 2px; letter-spacing: .1px; }
.workspace-label { margin: 0 18px 16px; padding: 12px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--bdr); border-radius: 9px; font-size: 12px; color: var(--txt2); }
.workspace-dot { width: 7px; height: 7px; border-radius: 2px; background: var(--accent); }
.workspace-tag { margin-left: auto; color: var(--txt3); font-size: 9px; letter-spacing: 1px; }
.nav-search-wrap { display: flex; align-items: center; gap: 8px; margin: 0 18px 8px; padding: 9px; border-bottom: 1px solid var(--bdr); }
.nav-search-wrap svg, .ui-search-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; flex: none; }
.nav-search-wrap input { border: 0; min-width: 0; width: 100%; background: transparent; color: var(--txt); font-size: 12px; padding: 3px 0; }
kbd { font: 10px var(--font-body); color: var(--txt3); white-space: nowrap; border: 1px solid var(--bdr); border-radius: 4px; padding: 2px 5px; }
#nav-search-empty { padding: 16px 24px; color: var(--txt3); font-size: 12px; }
body .side-nav { padding: 4px 14px 16px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body .nav-sect { margin: 12px 0 20px; }
body .nav-sect-label { padding: 0 12px 9px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; color: var(--txt3); }
body .nav-i { min-height: 41px; padding: 10px 12px; margin: 3px 0; border: 1px solid transparent; border-radius: 8px; color: var(--txt2); font-size: 12.5px; gap: 11px; transition: background .15s, color .15s; }
body .nav-i svg { width: 17px; height: 17px; stroke-width: 1.7; }
body .nav-i:hover { background: var(--bg3) !important; transform: none; color: var(--txt); }
body .nav-i.on { background: var(--accent-a10) !important; border-color: var(--accent-a15); color: var(--accent) !important; box-shadow: none !important; font-weight: 600; }
body .nav-i.on::before, body .nav-i.on::after { display: none !important; }
body .nav-b { background: var(--bg4); color: var(--txt2); border: 0; font-size: 10px; }
body .side-foot { background: var(--bg2); border-top: 1px solid var(--bdr2); padding: 10px 14px; }
body .side-user { padding: 8px; }
body .side-avatar { background: var(--bg4) !important; color: var(--accent); box-shadow: none; border: 1px solid var(--bdr); }
body .side-theme-row, body .side-lang-row { padding: 8px; border: 0; font-size: 11px; }
body .main.app-main { margin: 0 0 0 var(--side-w) !important; width: calc(100% - var(--side-w)) !important; min-width: 0; }
body .topbar.app-topbar { display: flex !important; position: sticky !important; top: 0; left: auto !important; height: 72px !important; min-height: 72px !important; padding: 0 32px !important; border-bottom: 1px solid var(--bdr2); background: var(--bg) !important; box-shadow: none !important; backdrop-filter: none !important; z-index: 50; }
body .topbar-start, body .topbar-crumb, body .topbar-end { display: flex !important; align-items: center; min-width: 0; }
body .topbar-start { flex: 1; }
body .topbar-crumb { gap: 12px; }
body .topbar-crumb-root, body .topbar-crumb-sep { color: var(--txt3); font-size: 12px; }
body .topbar-title { color: var(--txt); font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body .topbar-end { gap: 10px; }
body .topbar-stat { background: transparent; border: 0; padding: 4px; font-size: 11px; }
.ui-search-button { display: flex; align-items: center; gap: 9px; color: var(--txt3); border: 1px solid var(--bdr); border-radius: 8px; padding: 8px 10px; background: var(--bg2); cursor: pointer; font-size: 11px; }
body .topbar-menu { display: none !important; }
body .main .content.app-content { padding: 30px 32px 48px !important; width: 100%; max-width: 1680px !important; margin: 0 auto !important; }
body .page { animation: none !important; min-width: 0; }
body .app-content .page > .ph { padding: 0 !important; border: 0 !important; margin: 0 0 25px !important; gap: 16px !important; }
body .app-content .ph-left h2 { font-size: clamp(23px,2.2vw,32px) !important; font-weight: 650 !important; letter-spacing: -1px !important; }
body .app-content .ph-left p { font-size: 12px !important; line-height: 1.7 !important; max-width: 630px; color: var(--txt3) !important; margin-top: 8px !important; }
.overview-eyebrow { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 10px; letter-spacing: 1.8px; font-weight: 600; color: var(--accent); margin-bottom: 14px; }
#ui-date { font-size: 11px; font-weight: 400; color: var(--txt3); letter-spacing: 0; }
.dash-status { color: var(--txt3); font-size: 11px; margin: -8px 0 15px; min-height: 18px; }
.dash-status[data-state="error"] { color: var(--red); }
body .btn { min-height: 36px; border-radius: 8px !important; padding: 9px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0; box-shadow: none !important; transition: background .15s, border-color .15s; }
body .btn:hover { transform: none !important; }
body .btn.btn-p { background: var(--accent) !important; color: var(--accent-fg) !important; border: 1px solid var(--accent) !important; }
body .btn.btn-p:hover { background: var(--accent-hover) !important; }
body .btn.btn-s { background: var(--bg2) !important; color: var(--txt) !important; border: 1px solid var(--bdr) !important; }
body .btn.btn-w { color: var(--txt2); }
body .btn-xs { min-height: 30px; padding: 5px 9px; font-size: 11px; }
body .btn:disabled { opacity: .5; cursor: not-allowed; }
body .card, body .page .card, body .tbl-wrap, body .stat-card { background: var(--bg2) !important; border: 1px solid var(--bdr2) !important; box-shadow: none !important; border-radius: 13px !important; overflow: hidden; }
body .page .card { margin-bottom: 18px !important; }
body .card::before, body .card::after, body .stat-card::before, body .stat-card::after { display: none !important; }
body .card:hover, body .stat-card:hover { transform: none !important; box-shadow: none !important; }
body .card-head, body .card-h { min-height: 58px; padding: 16px 22px !important; background: transparent !important; border-bottom: 1px solid var(--bdr2); }
body .card-head h3, body .card-h h3 { font-size: 13px; font-weight: 600; letter-spacing: -.1px; }
body .card-body, body .card-b { padding: 20px 22px; }
body #d-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 20px; }
body .stat-card { padding: 22px !important; min-height: 155px; position: relative; display: flex; flex-direction: column; align-items: flex-start; }
body .stat-icon { position: absolute; right: 20px; top: 22px; width: 34px; height: 34px; border-radius: 10px; background: var(--accent-a08) !important; color: var(--accent) !important; border: 1px solid var(--accent-a15); }
body .stat-card .stat-label { order: -1; padding-right: 38px; color: var(--txt2); font-size: 12px; margin-bottom: 20px; }
body .stat-card .stat-val { font-size: 34px !important; font-weight: 600; color: var(--txt) !important; letter-spacing: -1.2px; line-height: 1; font-variant-numeric: tabular-nums; }
body .stat-note { margin-top: 12px; font-size: 10px; color: var(--txt3); }
.stat-placeholder span { font-size: 12px; color: var(--txt3); }
.stat-placeholder strong { margin-top: 20px; font-size: 32px; }
.overview-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 0 0 28px; }
.overview-shortcuts button { display: flex; align-items: center; gap: 12px; text-align: left; background: transparent; color: var(--txt); border: 1px solid var(--bdr); border-radius: 10px; padding: 15px 16px; cursor: pointer; }
.overview-shortcuts button:hover { background: var(--bg2); border-color: var(--accent); }
.shortcut-number { color: var(--txt3); font: 10px var(--font-mono); }
.overview-shortcuts strong { display: block; font-size: 12px; font-weight: 600; }
.overview-shortcuts small { display: block; font-size: 10px; color: var(--txt3); margin-top: 5px; }
.overview-shortcuts button > span:last-child { margin-left: auto; color: var(--accent); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); gap: 18px; }
.dashboard-grid > .card { min-width: 0; }
body .empty { padding: 36px 16px; color: var(--txt3); font-size: 12px; background: transparent; }
body .task-mini-item, body .today-row { padding: 14px 0; border-bottom: 1px solid var(--bdr2); gap: 12px; }
body .task-mini-item:last-child, body .today-row:last-child { border-bottom: 0; }
body .task-mini-name { font-size: 12px; }
body .task-mini-meta { color: var(--txt3); font-size: 10px; margin-top: 5px; }
body .badge { box-shadow: none; font-size: 10px; font-weight: 500; border-radius: 5px; padding: 4px 7px; }
body .fi, body .fs, body .fc { background: var(--bg) !important; border: 1px solid var(--bdr) !important; border-radius: 8px !important; color: var(--txt); min-height: 39px; box-shadow: none; }
body .fi:focus, body .fs:focus { border-color: var(--accent) !important; }
body .fl { font-size: 12px; color: var(--txt2); margin-bottom: 8px; }
body .tabs { gap: 6px; border-bottom: 1px solid var(--bdr); overflow-x: auto; overscroll-behavior-x: contain; }
body .tab { padding: 12px 16px; font-size: 12px; white-space: nowrap; }
body .tab.on { color: var(--accent); border-color: var(--accent); }
body .tbl-toolbar { padding: 16px; gap: 10px; background: var(--bg2); flex-wrap: wrap; }
body .tbl-scroll, body .table-scroll, body .table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
body table { font-size: 12px; }
body th { background: var(--bg3) !important; color: var(--txt3); font-size: 10px; letter-spacing: .3px; padding: 13px 14px !important; }
body td { padding: 14px !important; border-color: var(--bdr2) !important; }
body tbody tr:hover { background: var(--accent-a08) !important; }
body .modal-bg { backdrop-filter: none !important; background: #071015b8; padding: 20px; overflow-y: auto; }
body .modal, body .modal-box { border: 1px solid var(--bdr); border-radius: 18px; box-shadow: var(--shadow-lg); max-width: 100%; max-height: calc(100dvh - 40px); overflow-y: auto; background: var(--bg2); }
body .app-footer { background: transparent !important; border-top: 1px solid var(--bdr2); padding: 16px 32px; color: var(--txt3); }
.ui-offline { border: 1px solid var(--ora); background: var(--ora-bg); color: var(--ora); padding: 12px 16px; border-radius: 8px; font-size: 12px; margin-bottom: 20px; }
body .auth-ambient, body .auth-orb, body .auth-grid, body .auth-left::before, body .auth-left::after, body .auth-right-card::before, body .auth-right-card::after { display: none !important; }
body .auth-screen { background: var(--bg) !important; }
body .auth-layout.auth-split { width: 100%; max-width: none; min-height: 100dvh; display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; }
body .auth-left { background: var(--bg2) !important; padding: clamp(36px,6vw,100px); border-right: 1px solid var(--bdr); }
body .auth-left-content { max-width: 540px; }
body .auth-badge { border: 0; background: transparent; color: var(--accent); padding: 0; letter-spacing: 2px; font-size: 10px; }
body .auth-left-brand { font-size: clamp(42px,5vw,76px); font-weight: 650; line-height: 1.04; letter-spacing: -3px; color: var(--txt); margin: 44px 0 25px; }
body .auth-left-brand span { color: var(--accent); }
body .auth-left-title { font-size: 18px; line-height: 1.6; font-weight: 500; letter-spacing: -.3px; }
body .auth-left-desc { font-size: 13px; color: var(--txt3); line-height: 1.9; margin-top: 12px; }
body .auth-left-features { display: grid; gap: 15px; margin-top: 36px; }
body .auth-feat-item { font-size: 12px; color: var(--txt2); }
body .auth-feat-item svg { color: var(--accent); }
body .auth-right { background: var(--bg) !important; padding: 32px; display: flex; align-items: center; justify-content: center; }
body .auth-card.auth-right-card { background: transparent !important; border: 0 !important; padding: 28px 0; box-shadow: none !important; width: 100%; max-width: 350px; backdrop-filter: none; }
body .auth-center-logo { justify-content: flex-start; margin-bottom: 32px; }
body .auth-center-logo svg { fill: var(--accent); width: 28px; height: 28px; }
body .auth-center-title { font-size: 28px; text-align: left; letter-spacing: -.7px; }
body .auth-center-desc { text-align: left; color: var(--txt3); line-height: 1.7; font-size: 12px; margin: 12px 0 28px; }
body .auth-card .fi { min-height: 48px; font-size: 14px; }
body .auth-card .btn-login { min-height: 48px; margin-top: 12px; }
body .auth-left-version { color: var(--txt3); margin-top: 48px; font-size: 11px; }
@media (min-width: 1025px) { body .side-close { display: none; } }
@media (max-width: 1200px) { body .topbar-stat { display: none !important; } .overview-shortcuts small { display: none; } }
@media (max-width: 1024px) {
  body .side.app-sidebar { width: min(310px,88vw) !important; min-width: 0 !important; max-width: 310px !important; transform: translateX(-105%) !important; transition: transform .18s ease; z-index: 200; visibility: hidden; }
  body .side.app-sidebar.open { transform: translateX(0) !important; visibility: visible; }
  body .side-close { display: block; min-width: 40px; min-height: 40px; color: var(--txt2); }
  body .main.app-main { margin: 0 !important; width: 100% !important; }
  body .topbar-menu { display: flex !important; min-height: 40px; min-width: 40px; align-items: center; justify-content: center; background: var(--bg2); border: 1px solid var(--bdr); border-radius: 8px; margin-right: 10px; }
  body .side-overlay.vis { display: block; background: #071015a8; backdrop-filter: none; z-index: 190; }
  body.ui-menu-open { overflow: hidden; }
  body .main .content.app-content { padding: 24px !important; }
  body .topbar.app-topbar { padding: 0 24px !important; }
}
@media (max-width: 680px) {
  body .topbar.app-topbar { min-height: 64px !important; height: 64px !important; padding: 0 16px !important; gap: 8px; }
  body .topbar-crumb-root, body .topbar-crumb-sep, .ui-search-button span, .ui-search-button kbd { display: none !important; }
  .ui-search-button { width: 40px; height: 40px; justify-content: center; }
  body .ui-theme-button { min-height: 40px; width: 40px; padding: 9px; }
  body .main .content.app-content { padding: 22px 16px 32px !important; }
  body .app-content .page > .ph { align-items: stretch !important; flex-direction: column; margin-bottom: 20px !important; }
  body .ph-right { width: 100%; gap: 8px !important; }
  body .ph-right .btn { flex: 1 1 auto; min-height: 42px; }
  body .app-content .ph-left h2 { font-size: 27px !important; }
  .overview-eyebrow { font-size: 9px; letter-spacing: 1px; }
  #ui-date { font-size: 10px; }
  body #d-stats { gap: 9px; margin-bottom: 16px; }
  body #d-stats .stat-card { min-height: 130px; padding: 14px 11px !important; }
  body #d-stats .stat-icon { display: none; }
  body #d-stats .stat-label { padding: 0; font-size: 10px; line-height: 1.5; margin-bottom: 15px; min-height: 30px; }
  body #d-stats .stat-val { font-size: 25px !important; overflow-wrap: anywhere; }
  body #d-stats .stat-note { font-size: 9px; line-height: 1.4; }
  .overview-shortcuts { gap: 8px; margin-bottom: 22px; }
  .overview-shortcuts button { padding: 12px 10px; gap: 5px; min-height: 48px; }
  .overview-shortcuts strong { font-size: 10px; }
  .shortcut-number { display: none; }
  .dashboard-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  body .card-head, body .card-h { padding: 15px 16px !important; flex-wrap: wrap; gap: 8px; }
  body .card-body, body .card-b { padding: 16px; }
  body .btn { min-height: 40px; }
  body .fi, body .fs, body input, body select, body textarea { font-size: 16px; min-height: 44px; }
  body .tbl-toolbar > * { max-width: 100%; }
  body .tabs .tab { min-height: 44px; }
  body .modal-bg { padding: 10px; }
  body .modal, body .modal-box { max-height: calc(100dvh - 20px); }
  body .app-footer { padding: 16px; }
  body .auth-layout.auth-split { grid-template-columns: 1fr; }
  body .auth-left { display: none !important; }
  body .auth-right { min-height: 100dvh; padding: 32px 24px; }
  body .auth-card.auth-right-card { max-width: 380px; }
  body .nav-i { min-height: 44px; }
  .nav-search-wrap input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.ui-search-hidden { display: none !important; }
/* Neutralize legacy entrance effects and sticky footer that obscure content. */
body .app-footer { position: static !important; margin-top: auto; z-index: auto; }
body .footer-content { background: transparent; border: 0; flex-wrap: wrap; padding: 0; }
body .footer-version { box-shadow: none !important; animation: none !important; }
body .card, body .stat-card, body .auth-left-content > *, body .auth-right-card, body .auth-right-card > * { animation: none !important; }
body .stat-card .stat-icon { position: absolute; top: 22px; right: 20px; left: auto; width: 34px; height: 34px; transform: none !important; }
body .stat-card .stat-val { background: none; -webkit-text-fill-color: var(--txt); }
body .stat-card .stat-icon svg { stroke: currentColor !important; }
body .ui-maintenance { width: 100%; margin-top: 4px; font-size: 10px; color: var(--txt3); min-height: 30px; }
body .auth-left-title, body .auth-left-desc, body .auth-left-features, body .auth-left-brand { opacity: 1 !important; transform: none !important; }
body .tabs { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; max-width: 100%; }
body .tabs > .tab { flex: 0 0 auto !important; width: auto !important; margin: 0; border-radius: 7px; }
body .tabs > .tab.on { background: var(--accent-a10) !important; color: var(--accent) !important; border-color: var(--accent-a30) !important; box-shadow: none !important; }
body .wiki-layout { grid-template-columns: minmax(160px,210px) minmax(0,1fr); }
body .wiki-content { min-width: 0; overflow-wrap: anywhere; }
body .wiki-content pre { max-width: 100%; overflow-x: auto; }
body .wiki-content table { display: block; max-width: 100%; overflow-x: auto; }
@media(max-width:900px) { body .wiki-layout { grid-template-columns: minmax(0,1fr); } }
body .wiki-content table { min-width: 0 !important; width: 100% !important; }

/* ── Hesap avatari ───────────────────────────────────────────────────────── */
.acc-av { --av: 28px; position: relative; flex: none; display: inline-grid; place-items: center; width: var(--av); height: var(--av); border-radius: 50%; overflow: hidden; background: var(--bg3); border: 1px solid var(--bdr); }
.acc-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: var(--bg3); }
.acc-av b { font-size: calc(var(--av) * .42); font-weight: 600; line-height: 1; color: var(--txt3); }
.acc-av-in img { animation: acc-av-fade .25s ease-out both; }
@keyframes acc-av-fade { from { opacity: 0 } to { opacity: 1 } }
@media (prefers-reduced-motion: reduce) { .acc-av-in img { animation: none } }