/* Corporate Clean — layout and presentation only; business handlers stay unchanged. */
:root {
  --bg:#f8fafc; --surface:#ffffff; --soft:#f9fafb;
  --text:#111827; --muted:#4b5563; --line:#e5e7eb;
  --blue:#2563eb; --green:#166534; --red:#b91c1c; --amber:#92400e;
  --sidebar-accent:#1d4ed8; --sidebar-accent-soft:#eff6ff;
  --ui-primary:#2563eb; --ui-primary-hover:#1d4ed8; --ui-accent:#1d4ed8;
  --ui-primary-soft:#eff6ff; --ui-primary-line:#bfdbfe;
  --ui-success:#166534; --ui-success-fill:#15803d; --ui-success-soft:#f0fdf4; --ui-success-line:#bbf7d0;
  --ui-warning:#92400e; --ui-warning-fill:#b45309; --ui-warning-soft:#fffbeb; --ui-warning-line:#fde68a;
  --ui-danger:#b91c1c; --ui-danger-fill:#dc2626; --ui-danger-soft:#fef2f2; --ui-danger-line:#fecaca;
  --ui-disabled:#9ca3af; --ui-disabled-surface:#f3f4f6; --ui-on-accent:#fff;
  --ui-hover:#f9fafb; --ui-log-bg:#111827; --ui-log-text:#e5e7eb;
  --ui-shadow:0 1px 2px rgba(15,23,42,.05);
  --ui-shadow-hover:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.06);
  --ui-popover-shadow:0 4px 12px rgba(15,23,42,.12);
  --ui-focus:0 0 0 2px var(--surface),0 0 0 4px #3b82f6;
  color-scheme:light;
}
:root[data-ui-theme="dark"] {
  --bg:#0f172a; --surface:#182235; --soft:#1e293b;
  --text:#f1f5f9; --muted:#b6c2d2; --line:#334155;
  --blue:#93c5fd; --green:#86efac; --red:#fca5a5; --amber:#fcd34d;
  --sidebar-accent:#93c5fd; --sidebar-accent-soft:#1e3455;
  --ui-primary:#2563eb; --ui-primary-hover:#1d4ed8; --ui-accent:#93c5fd;
  --ui-primary-soft:#1e3455; --ui-primary-line:#355781;
  --ui-success:#86efac; --ui-success-fill:#15803d; --ui-success-soft:#183b2b; --ui-success-line:#2b6240;
  --ui-warning:#fcd34d; --ui-warning-fill:#92400e; --ui-warning-soft:#3b301e; --ui-warning-line:#73572d;
  --ui-danger:#fca5a5; --ui-danger-fill:#b91c1c; --ui-danger-soft:#42262e; --ui-danger-line:#753d48;
  --ui-disabled:#718096; --ui-disabled-surface:#202c3f;
  --ui-hover:#223047; --ui-log-bg:#0b1220; --ui-log-text:#e2e8f0;
  --ui-shadow:0 1px 2px rgba(0,0,0,.12);
  --ui-shadow-hover:0 4px 6px -1px rgba(0,0,0,.18),0 2px 4px -2px rgba(0,0,0,.12);
  --ui-popover-shadow:0 4px 12px rgba(0,0,0,.25);
  color-scheme:dark;
}
/* Opt into motion per component. Never turn default transition:all into page-wide colour tweens. */
html[data-ui-skin] *,html[data-ui-skin] *::before,html[data-ui-skin] *::after {
  transition-property:none;
  transition-duration:150ms !important;
  transition-timing-function:ease-out !important;
  animation-duration:200ms !important;
  animation-timing-function:ease-out !important;
}
html[data-ui-skin] body { background:var(--bg); color:var(--text); }
html[data-ui-skin] .server-ring-fill { transition-property:stroke-dashoffset,stroke; }
html[data-ui-skin] .server-task-progress span { transition-property:width; }
html[data-ui-skin] :is(h1,h2,h3,.brand-title,.sidebar-brand-title) { color:var(--text); }
html[data-ui-skin] :is(.register-title,.brand-title) { font-weight:600; }
html[data-ui-skin] .sidebar-brand-icon path[fill^="url"],
html[data-ui-page="login"] .brand svg path[fill^="url"] { fill:var(--ui-primary); }
html[data-ui-page="login"] .bg { display:none; }
html[data-ui-page="login"] form.card { box-shadow:var(--ui-shadow),inset 0 0 0 1px var(--line); }
html[data-ui-page="login"] form.card .submit:not(:disabled) { box-shadow:var(--ui-shadow); }

/* Border radii and shadows change paint, never the dimensions of controls. */
html[data-ui-skin] button {
  border-radius:8px;
  background-image:none !important;
  box-shadow:var(--ui-shadow);
  transition-property:background-color,border-color,color,box-shadow,translate,scale !important;
}
html[data-ui-skin] :is(button,a):not(:disabled):active {
  translate:0 0; scale:.98; box-shadow:var(--ui-shadow);
}
/* Replace the old transform feedback without touching centered icon controls. */
html[data-ui-skin] :is(button.btn,.jobs-tb-btn,.actions>button,.acc-v2-actions>button,.acc-v2-more-btn,.submit,.ui-tool):not(:disabled):is(:hover,:active) { transform:none; }
html[data-ui-skin] :is(button,input,textarea,select,[role="button"],a,[tabindex]):focus-visible {
  outline:2px solid #3b82f6 !important; outline-offset:2px !important;
  box-shadow:none;
}
html[data-ui-skin] :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  border-radius:8px; border-color:var(--line); background-color:var(--surface); color:var(--text);
}
html[data-ui-skin] :is(input,textarea,select):focus-visible { border-color:#3b82f6; }
html[data-ui-skin] :is(input,textarea)::placeholder { color:#6b7280; }
html[data-ui-theme="dark"] :is(input,textarea)::placeholder { color:#94a3b8; }
html[data-ui-skin] :is(button.btn.primary,.jobs-tb-btn--primary,.actions button.primary,.submit),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--primary:not(:disabled) {
  color:#fff; background:var(--ui-primary); border-color:var(--ui-primary); box-shadow:var(--ui-shadow);
}
html[data-ui-skin] :is(button.btn.primary,.jobs-tb-btn--primary,.actions button.primary,.submit):hover:not(:disabled),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--primary:hover:not(:disabled) {
  color:#fff; background:var(--ui-primary-hover); border-color:var(--ui-primary-hover);
}
html[data-ui-skin] :is(button.btn.good,.jobs-tb-btn--good):not(:disabled),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--good:not(:disabled) {
  color:var(--ui-success); background:var(--ui-success-soft); border-color:var(--ui-success-line);
}
html[data-ui-skin] :is(button.btn.good,.jobs-tb-btn--good):hover:not(:disabled),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--good:hover:not(:disabled) {
  color:var(--ui-success); background:var(--ui-success-soft); border-color:var(--ui-success);
}
html[data-ui-skin] :is(button.btn.danger,.jobs-tb-btn--danger):not(:disabled),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--danger:not(:disabled) {
  color:var(--ui-danger); background:var(--ui-danger-soft); border-color:var(--ui-danger-line);
}
html[data-ui-skin] :is(button.btn.danger,.jobs-tb-btn--danger):hover:not(:disabled),
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--danger:hover:not(:disabled) {
  color:var(--ui-danger); background:var(--ui-danger-soft); border-color:var(--ui-danger);
}
html[data-ui-skin] button:disabled { translate:none !important; scale:1 !important; box-shadow:none !important; }
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--primary:disabled {
  color:#7a9bc8 !important; background-color:var(--ui-primary-soft) !important; border-color:var(--ui-primary-line) !important;
}
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--good:disabled {
  color:#77a489 !important; background-color:var(--ui-success-soft) !important; border-color:var(--ui-success-line) !important;
}
html[data-ui-skin] #accountsToolbarV2 .jobs-tb-btn--danger:disabled {
  color:#c28c8c !important; background-color:var(--ui-danger-soft) !important; border-color:var(--ui-danger-line) !important;
}
/* Table surfaces remain stationary: fixed menus must keep their viewport anchor. */
html[data-ui-skin] :is(section.card,.jobs-panel-v2,.accounts-panel-v2,.codex-panel-v2,.outlook-panel-v2,.config-section-v2,form.card,.stat,.server-metric-card,.server-task-card) {
  border-radius:12px; border-color:var(--line); background-color:var(--surface); box-shadow:var(--ui-shadow);
  backdrop-filter:none; background-image:none;
  transition-property:box-shadow,border-color,background-color,translate;
  transition-duration:200ms !important;
}
html[data-ui-skin] :is(section.card,.jobs-panel-v2,.accounts-panel-v2,.codex-panel-v2,.outlook-panel-v2,.config-section-v2):hover { box-shadow:var(--ui-shadow-hover); }
html[data-ui-skin] :is(.config-section-v2 .config-card-v2,.config-section-v2 .config-section-v2) {
  box-shadow:none; background:transparent;
}
html[data-ui-skin] :is(.stat-icon,.server-metric-icon) {
  border-radius:8px; transition-property:background-color,color,scale;
  transition-duration:200ms !important;
}
html[data-ui-skin] :is(.stat-icon--accounts,.stat-icon--total) { color:var(--ui-accent); background:var(--ui-primary-soft); }
html[data-ui-skin] .stat-icon--available { color:var(--ui-success); background:var(--ui-success-soft); }
html[data-ui-skin] .stat-icon--used { color:var(--ui-warning); background:var(--ui-warning-soft); }
html[data-ui-skin] .stat-icon--failed { color:var(--ui-danger); background:var(--ui-danger-soft); }
html[data-ui-skin] .app-sidebar { box-shadow:var(--ui-shadow); backdrop-filter:none; }
html[data-ui-skin] .app-sidebar .sidebar-nav button { border-radius:8px; box-shadow:none; }
html[data-ui-skin] .app-sidebar .sidebar-nav button.active { color:var(--sidebar-accent); background:var(--sidebar-accent-soft); }
html[data-ui-skin] :is(.ui-sidebar-tools .ui-tool,.sidebar-logout button,.toggle-password) { box-shadow:none; }
html[data-ui-skin] :is(th,.jobs-table-v2 th,.accounts-table-v2 th,.outlook-table-v2 th,.codex-table-v2 th) {
  background:var(--soft); color:var(--muted); border-color:var(--line);
}
html[data-ui-skin] :is(td,.jobs-table-v2 td,.accounts-table-v2 td,.outlook-table-v2 td,.codex-table-v2 td) { border-color:var(--line); }
html[data-ui-skin] :is(table,.jobs-table-v2,.accounts-table-v2,.outlook-table-v2,.codex-table-v2) tbody tr:hover td { background-color:var(--ui-hover); }
html[data-ui-skin] :is(.acc-v2-more-menu,.acc-v2-export-menu,.account-plan-filter-menu,.outlook-v2-select-menu,.config-ep-select-menu) {
  border-radius:8px; background:var(--surface); box-shadow:var(--ui-popover-shadow); backdrop-filter:none;
}
html[data-ui-skin] :is(.pill,.account-detection-badge,.acc-v2-codex,.server-task-tag) { border-radius:8px; }
html[data-ui-skin] #tab-accounts .acc-v2-codex.is-skip {
  color:var(--ui-accent); background:var(--ui-primary-soft); border-color:var(--ui-primary-line);
}
html[data-ui-skin] :is(.accounts-table-v2,.outlook-table-v2,.codex-table-v2) .pill.status-failed,
html[data-ui-skin] .accounts-table-v2 .acc-v2-codex.is-fail {
  color:var(--ui-danger); background:var(--ui-danger-soft); border-color:var(--ui-danger-line);
}
html[data-ui-skin] .accounts-table-v2 .account-detection-badge.is-ok { color:var(--ui-success); background:var(--ui-success-soft); border-color:var(--ui-success-line); }
html[data-ui-skin] .accounts-table-v2 .account-detection-badge:is(.is-no,.is-error) { color:var(--ui-danger); background:var(--ui-danger-soft); border-color:var(--ui-danger-line); }
html[data-ui-skin] .accounts-table-v2 .account-detection-badge.is-checkout-oa { color:var(--ui-warning); background:var(--ui-warning-soft); border-color:var(--ui-warning-line); }
html[data-ui-skin] .accounts-table-v2 .account-detection-badge.is-running { color:var(--ui-accent); background:var(--ui-primary-soft); border-color:var(--ui-primary-line); }
html[data-ui-skin] .log { border-radius:8px; background:var(--ui-log-bg); color:var(--ui-log-text); }
html[data-ui-skin] #toast { border-radius:8px; box-shadow:var(--ui-popover-shadow); }
@media (hover:hover) and (pointer:fine) {
  html[data-ui-skin] :is(button,a[role="button"]):not(:disabled):hover { translate:0 -2px; box-shadow:var(--ui-shadow-hover); }
  html[data-ui-skin] :is(.stat,.server-metric-card,.server-task-card,form.card):hover { translate:0 -2px; box-shadow:var(--ui-shadow-hover); }
  html[data-ui-skin] :is(.stat-icon,.server-metric-icon):hover { background:#3b82f6; color:#fff; scale:1.1; }
  html[data-ui-skin] :is(button,a[role="button"]):not(:disabled):active { translate:0 0; scale:.98; box-shadow:var(--ui-shadow); }
}
@media (prefers-reduced-motion:reduce) {
  html[data-ui-skin] *,html[data-ui-skin] *::before,html[data-ui-skin] *::after {
    transition-duration:0s !important; animation-duration:0s !important; animation-iteration-count:1 !important; scroll-behavior:auto !important;
  }
  html[data-ui-skin] :is(button,a,.stat,.server-metric-card,.server-task-card,form.card,.stat-icon,.server-metric-icon):hover { translate:none; }
}


/* Keep grouping whitespace without the old nested-card boxes. */
html[data-ui-skin] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) .acc-v2-btn-group,
html[data-ui-skin] #accountsToolbarV2 .acc-v2-btn-group {
  background:transparent; border-color:transparent; box-shadow:none;
}
html[data-ui-skin] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) .acc-v2-search-wrap {
  background:var(--surface); border-color:var(--line);
}
html[data-ui-skin] .jobs-toolbar-v2 .jobs-tb-btn--primary:not(:disabled) {
  background:var(--ui-primary); border-color:var(--ui-primary); color:#fff; box-shadow:var(--ui-shadow);
}
html[data-ui-skin] .jobs-toolbar-v2 .jobs-tb-btn--primary:hover:not(:disabled) {
  background:var(--ui-primary-hover); border-color:var(--ui-primary-hover); box-shadow:var(--ui-shadow-hover);
}
html[data-ui-skin] .jobs-table-v2 .jobs-v2-pill { border-radius:8px; }
html[data-ui-skin] .jobs-table-v2 .jobs-v2-pill--success {
  background:var(--ui-success-soft); color:var(--ui-success); border-color:var(--ui-success-line);
}
html[data-ui-skin] .jobs-table-v2 .jobs-v2-pill--failed {
  background:var(--ui-danger-soft); color:var(--ui-danger); border-color:var(--ui-danger-line);
}
html[data-ui-skin] .jobs-table-v2 :is(.jobs-v2-pill--warning,.jobs-v2-pill--running) {
  background:var(--ui-warning-soft); color:var(--ui-warning); border-color:var(--ui-warning-line);
}
html[data-ui-skin] :is(.config-card-v2,.config-nav-v2) {
  border-color:var(--line); border-radius:12px; box-shadow:var(--ui-shadow);
}
html[data-ui-skin] .config-card-v2-icon {
  background:var(--ui-primary-soft); color:var(--ui-accent);
  transition:background-color 200ms ease-out,color 200ms ease-out,scale 200ms ease-out;
}
html[data-ui-skin] .accounts-table-v2 .codex-7d-usage-fill { background:var(--ui-warning-fill); }
/* Inventory ranks are semantic, not generic warning badges. */
html[data-ui-skin] .smsbower-rank--bronze { background:linear-gradient(180deg,#a96940,#824927); color:#fff; }
html[data-ui-skin] .smsbower-rank--gold { background:linear-gradient(180deg,#ffe69a,#d1a531); color:#47330a; }
html[data-ui-skin] .smsbower-rank--auto { background:var(--ui-primary-soft); color:var(--ui-accent); }
html[data-ui-skin] .smsbower-rank--unknown { background:var(--line); color:var(--text); }
html[data-ui-skin] .smsbower-rank { min-width:36px; height:20px; padding:0 8px; font-size:11px; line-height:1; font-weight:700; border:1px solid rgba(0,0,0,.07); box-shadow:inset 0 1px 0 rgba(255,255,255,.28); }
html[data-ui-skin] .smsbower-provider-picker { display:flex; flex-direction:column; gap:6px; min-width:0; color:var(--text); font-size:13px; }
html[data-ui-skin] .smsbower-provider-picker .hint { display:block; color:var(--muted); font-size:12px; line-height:1.6; }
html[data-ui-skin] .smsbower-provider-picker > label { font-weight:600; }
html[data-ui-skin] .smsbower-provider-tools { gap:10px 14px; margin-top:12px; }
html[data-ui-skin] .smsbower-inventory-status { flex:1 1 250px; line-height:1.65; overflow-wrap:anywhere; }
html[data-ui-skin] .smsbower-rank-filters { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
html[data-ui-skin] .smsbower-rank-filters > .hint { margin-left:4px; }
html[data-ui-skin] .smsbower-rank-filter { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--muted); font:inherit; font-weight:600; cursor:pointer; }
html[data-ui-skin] .smsbower-rank-filter > span { min-width:18px; font-size:11px; font-variant-numeric:tabular-nums; opacity:.8; }
html[data-ui-skin] .smsbower-rank-filter[aria-pressed="true"] { background:var(--ui-primary-soft); color:var(--ui-accent); border-color:var(--ui-primary-line); }
html[data-ui-skin] .smsbower-rank-filter[data-smsbower-rank-filter="gold"][aria-pressed="true"] { background:#fff6d8; color:#78570b; border-color:#d7b557; }
html[data-ui-skin] .smsbower-rank-filter[data-smsbower-rank-filter="bronze"][aria-pressed="true"] { background:#f8eadf; color:#854d2c; border-color:#cea081; }
html[data-ui-skin][data-ui-theme="dark"] .smsbower-rank-filter[data-smsbower-rank-filter="gold"][aria-pressed="true"] { background:#3b311a; color:#ffe29a; border-color:#927334; }
html[data-ui-skin][data-ui-theme="dark"] .smsbower-rank-filter[data-smsbower-rank-filter="bronze"][aria-pressed="true"] { background:#3c2b23; color:#eec3a4; border-color:#916246; }
html[data-ui-skin] .smsbower-provider-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr)); gap:10px; margin-top:12px; }
html[data-ui-skin] .smsbower-provider-card { min-width:0; min-height:62px; padding:10px 12px; border-radius:10px; }
html[data-ui-skin] .smsbower-provider-title { gap:7px; font-size:13px; }
html[data-ui-skin] .smsbower-provider-main { gap:5px; }
html[data-ui-skin] .smsbower-provider-sub { font-size:12px; }
html[data-ui-skin] .smsbower-provider-price { white-space:nowrap; font-size:13px; font-variant-numeric:tabular-nums; }
html[data-ui-skin] .smsbower-inventory-empty { padding:10px 0; line-height:1.6; }

@media (hover:hover) and (pointer:fine) {
  html[data-ui-skin] .config-card-v2-icon:hover { color:#fff; background:#3b82f6; scale:1.1; }
}
@media (prefers-reduced-motion:reduce) {
  /* Match the specificity of legacy !important button transition shorthands. */
  html[data-ui-skin][data-ui-theme] body *,
  html[data-ui-skin][data-ui-theme] body *::before,
  html[data-ui-skin][data-ui-theme] body *::after {
    transition-duration:0s !important; animation-duration:0s !important; animation-iteration-count:1 !important;
  }
}
/* Six existing destinations must stay inside the mobile bottom bar. */
@media (max-width:900px) {
  html[data-ui-skin] .sidebar-nav { grid-template-columns:repeat(6,minmax(0,1fr)); }
  html[data-ui-skin] .sidebar-item-label { font-size:10px; }
}

/* Rebuilt Corporate Clean workspace. Layout changes only; all operation IDs retained. */
:root { --sidebar-width:248px; --page-gutter:32px; --cc-header-height:76px; }
html[data-ui-skin][data-ui-layout] body { font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif; }
html[data-ui-page="console"] body { padding-top:var(--cc-header-height); padding-left:var(--sidebar-width); }
html[data-ui-skin][data-ui-layout] .app-sidebar { position:fixed; top:0; left:0; width:var(--sidebar-width); height:100dvh; background:var(--surface); border:0; border-right:1px solid var(--line); box-shadow:none; z-index:230; display:flex; flex-direction:column; }
html[data-ui-skin][data-ui-layout] .sidebar-brand { height:100px; min-height:100px; padding:24px; gap:12px; border:0; display:flex; align-items:center; }
html[data-ui-skin][data-ui-layout] .sidebar-brand-icon { width:34px; height:38px; flex-shrink:0; }
.cc-brand-text { display:flex; flex-direction:column; gap:5px; min-width:0; }
html[data-ui-skin][data-ui-layout] .sidebar-brand-title { font-size:16px; font-weight:650; letter-spacing:-.4px; white-space:nowrap; }
.cc-brand-subtitle { color:var(--muted); font-size:11px; }
html[data-ui-skin][data-ui-layout] .sidebar-nav { flex:1; padding:8px 16px 24px; display:flex; flex-direction:column; gap:8px; overflow-y:auto; }
.cc-nav-caption { padding:8px 14px; color:var(--muted); font-size:12px; font-weight:500; }
.cc-nav-caption--system { margin-top:24px; }
html[data-ui-skin][data-ui-layout] .app-sidebar .sidebar-nav button { min-height:52px; padding:10px 14px; gap:12px; border-radius:8px; font-size:14px; font-weight:500; color:var(--muted); box-shadow:none; }
html[data-ui-skin][data-ui-layout] .app-sidebar .sidebar-nav button.active { color:var(--sidebar-accent); background:var(--sidebar-accent-soft); font-weight:600; }
html[data-ui-skin][data-ui-layout] .sidebar-item-icon { width:22px; height:22px; }
html[data-ui-skin][data-ui-layout] .sidebar-footer { position:static; padding:20px 16px; border-top:1px solid var(--line); background:var(--surface); }
html[data-ui-skin][data-ui-layout] .sidebar-logout button { min-height:44px; border:1px solid var(--line); border-radius:8px; padding:10px 14px; background:var(--surface); font-size:13px; color:var(--muted); }
.cc-topbar { position:fixed; top:0; left:var(--sidebar-width); right:0; height:var(--cc-header-height); background:var(--surface); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 32px; z-index:210; transition:left 200ms ease-out; }
.cc-breadcrumb { display:flex; align-items:center; gap:14px; min-width:0; font-size:13px; color:var(--muted); }
.cc-breadcrumb strong { color:var(--text); font-weight:600; white-space:nowrap; }
.cc-breadcrumb-separator { color:var(--line); }
.cc-workspace-mark { display:grid; place-items:center; width:32px; height:32px; color:var(--ui-accent); background:var(--ui-primary-soft); border:1px solid var(--ui-primary-line); border-radius:8px; font-size:15px; font-weight:650; flex-shrink:0; }
.cc-header-tools { display:flex; align-items:center; gap:10px; flex-shrink:0; }
html[data-ui-skin][data-ui-layout] .cc-header-tools .ui-tool { min-height:38px; width:auto; padding:9px 12px; color:var(--muted); border:1px solid var(--line); background:var(--surface); gap:8px; font-size:12px; }
html[data-ui-skin][data-ui-layout] main { margin:32px auto 48px; width:calc(100% - var(--page-gutter)*2); max-width:1600px; display:grid; gap:24px; }
html[data-ui-skin][data-ui-layout] main>div:not(.hidden) { gap:24px; }
.cc-page-heading { margin-bottom:28px; }
html[data-ui-skin][data-ui-layout] :is(.cc-page-heading .register-title,.server-status-heading .register-title,.config-overview-v2-title) { margin:0; font-size:30px; font-weight:650; line-height:1.3; letter-spacing:-.7px; }
.cc-page-heading p,html[data-ui-skin][data-ui-layout] .server-status-subtitle { margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.7; max-width:72ch; }
html[data-ui-skin][data-ui-layout] :is(#tab-accounts,#tab-codex,#tab-outlook)>.cc-page-heading { margin:0; }
/* Larger summary metrics. */
html[data-ui-skin][data-ui-layout] .stats { gap:16px; }
html[data-ui-skin][data-ui-layout] .stat { padding:22px 24px; min-height:154px; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--ui-shadow); }
html[data-ui-skin][data-ui-layout] .stat-top span { font-size:13px; line-height:1.6; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .stat strong { font-size:34px; font-weight:600; margin-top:14px; letter-spacing:-.8px; font-variant-numeric:tabular-nums; color:var(--text); }
html[data-ui-skin][data-ui-layout] :is(.stat-icon,.codex-stat-icon,.server-metric-icon,.config-card-v2-icon) { width:40px; height:40px; border-radius:10px; }
html[data-ui-skin][data-ui-layout] .stat-icon svg { width:20px; height:20px; }
/* Command and data surfaces are siblings, never nested cards. */
html[data-ui-skin][data-ui-layout] :is(.jobs-panel-v2,.accounts-panel-v2,.codex-panel-v2,.outlook-panel-v2) { background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }
html[data-ui-skin][data-ui-layout] :is(.jobs-panel-v2,.accounts-panel-v2,.codex-panel-v2,.outlook-panel-v2):hover { box-shadow:none; }
.cc-panel-heading { padding:22px 24px 0; background:var(--surface); border:1px solid var(--line); border-bottom:0; border-radius:12px 12px 0 0; }
.cc-panel-heading h2,.cc-data-heading h2 { font-size:16px; font-weight:600; margin:0; }
.cc-panel-heading p { font-size:12px; color:var(--muted); line-height:1.6; margin:6px 0 0; }
html[data-ui-skin][data-ui-layout] :is(.jobs-toolbar-v2,.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) { padding:20px 24px 24px; gap:12px; background:var(--surface); border-left:1px solid var(--line); border-right:1px solid var(--line); border-bottom:1px solid var(--line); border-top:0; border-radius:0 0 12px 12px; box-shadow:var(--ui-shadow); }
html[data-ui-skin][data-ui-layout] :is(.accounts-filter-v2,.codex-filter-v2) { border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; }
html[data-ui-skin][data-ui-layout] :is(button.btn,.jobs-tb-btn) { min-height:40px; padding:0 16px; font-size:13px; font-weight:500; border-radius:8px; }
html[data-ui-skin][data-ui-layout] .jobs-toolbar-v2 .jobs-tb-field { font-size:13px; gap:8px; font-weight:500; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .el-input-number { border-radius:8px; overflow:hidden; }
html[data-ui-skin][data-ui-layout] :is(.jobs-toolbar-v2,.accounts-filter-v2) .el-input-number input { height:40px; min-height:40px; }
html[data-ui-skin][data-ui-layout] :is(.jobs-toolbar-v2,.accounts-filter-v2) :is(.el-input-number__increase,.el-input-number__decrease) { border-radius:0; box-shadow:none; }
html[data-ui-skin][data-ui-layout] .accounts-filter-v2 { display:flex; flex-wrap:wrap; gap:18px 24px; }
html[data-ui-skin][data-ui-layout] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) .acc-v2-btn-group,
html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .acc-v2-btn-group { border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; }
html[data-ui-skin][data-ui-layout] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) .acc-v2-search-wrap { flex:1 1 320px; min-width:220px; max-width:480px; padding:0; border:0; background:transparent; }
html[data-ui-skin][data-ui-layout] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) :is(.acc-v2-search-wrap input,.acc-v2-search-wrap textarea) { width:100%; margin:0; border:1px solid var(--line); background:var(--soft); min-height:42px; height:42px; padding:11px 14px; font-family:inherit; font-size:13px; border-radius:8px; }
html[data-ui-skin][data-ui-layout] .accounts-filter-v2 :is(.acc-v2-select,.acc-v2-toggle) { height:40px; min-height:40px; border-radius:8px; font-size:13px; }
html[data-ui-skin][data-ui-layout] .acc-v2-group-controls { gap:8px; flex:1 1 320px; }
html[data-ui-skin][data-ui-layout] .accounts-filter-v2 .acc-v2-inline { min-height:40px; gap:10px; }
html[data-ui-skin][data-ui-layout] #accountsToolbarV2 { display:flex; gap:20px 28px; align-items:flex-start; padding:20px 24px 24px; }
html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .acc-v2-btn-group { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .acc-v2-btn-group-title { flex:0 0 100%; font-size:12px; color:var(--muted); font-weight:600; padding:0; margin-bottom:2px; }
html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .jobs-tb-btn { height:36px; min-height:36px; padding:0 12px; font-size:12px; font-weight:500; }
html[data-ui-skin][data-ui-layout] .outlook-filter-v2 { flex-wrap:wrap; gap:12px; }
html[data-ui-skin][data-ui-layout] .outlook-v2-select-btn { min-height:40px; border-radius:8px; }
.cc-data-surface { margin-top:24px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--ui-shadow); min-width:0; }
.cc-data-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid var(--line); }
.cc-data-heading span { font-size:12px; color:var(--muted); }
html[data-ui-skin][data-ui-layout] :is(.jobs-table-v2-wrap,.accounts-table-v2-wrap,.codex-table-v2-wrap,.outlook-table-v2-wrap) { border:0; overflow-x:auto; }
html[data-ui-skin][data-ui-layout] :is(.jobs-table-v2,.accounts-table-v2,.codex-table-v2,.outlook-table-v2) { font-size:13px; }
html[data-ui-skin][data-ui-layout] :is(.jobs-table-v2,.accounts-table-v2,.codex-table-v2,.outlook-table-v2) th { height:48px; padding-top:14px; padding-bottom:14px; background:var(--soft); color:var(--muted); border-color:var(--line); font-weight:600; font-size:12px; }
html[data-ui-skin][data-ui-layout] :is(.jobs-table-v2,.accounts-table-v2,.codex-table-v2,.outlook-table-v2) td { height:68px; padding-top:15px; padding-bottom:15px; background:var(--surface); border-color:var(--line); color:var(--text); }
html[data-ui-skin][data-ui-layout] :is(.jobs-table-v2,.accounts-table-v2,.codex-table-v2,.outlook-table-v2) tbody tr:hover td { background:var(--ui-hover); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 { min-width:1200px; }
html[data-ui-skin][data-ui-layout] .acc-v2-email { font-size:13px; font-weight:600; }
html[data-ui-skin][data-ui-layout] .acc-v2-sub { margin-top:5px; color:var(--muted); font-size:11px; }
html[data-ui-skin][data-ui-layout] :is(.actions button,.acc-v2-actions button,.acc-v2-token-copy) { border-radius:8px; min-height:30px; font-weight:500; }
html[data-ui-skin][data-ui-layout] :is(.jobs-v2-pager,.accounts-panel-v2 .jobs-v2-pager) { padding:18px 24px; gap:10px; border-top:1px solid var(--line); background:var(--surface); border-radius:0 0 12px 12px; }
html[data-ui-skin][data-ui-layout] .jobs-v2-pager :is(button,.pager-page,.pager-size-btn,.pager-goto input) { min-height:34px; border-radius:8px; }
/* Credential and configuration workspaces. */
html[data-ui-skin][data-ui-layout] .codex-stats-v2 { gap:20px; margin:0; }
html[data-ui-skin][data-ui-layout] .codex-stat-card { padding:24px; min-height:130px; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--ui-shadow); gap:18px; }
html[data-ui-skin][data-ui-layout] .codex-stat-meta span { font-size:13px; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .codex-stat-meta strong { font-size:30px; font-weight:600; color:var(--text); margin-top:10px; }
html[data-ui-skin][data-ui-layout] .config-overview-v2 { background:transparent; padding:0; border:0; box-shadow:none; }
html[data-ui-skin][data-ui-layout] .config-overview-v2-desc { margin-top:12px; color:var(--muted); font-size:13px; line-height:1.8; max-width:75ch; }
html[data-ui-skin][data-ui-layout] .config-layout-v2 { grid-template-columns:192px minmax(0,1fr); gap:24px; align-items:start; }
html[data-ui-skin][data-ui-layout] .config-nav-v2 { position:sticky; top:100px; border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; }
html[data-ui-skin][data-ui-layout] .config-nav-v2-title { padding:8px 12px 14px; font-size:12px; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .config-nav-v2-list { gap:4px; padding:0; }
html[data-ui-skin][data-ui-layout] .config-nav-v2-item { padding:12px; min-height:42px; border:0; border-radius:8px; background:transparent; box-shadow:none; font-size:13px; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .config-nav-v2-item.is-active { background:var(--ui-primary-soft); color:var(--ui-accent); font-weight:600; }
html[data-ui-skin][data-ui-layout] .config-main-v2,html[data-ui-skin][data-ui-layout] .config-sections-v2 { gap:24px; }
html[data-ui-skin][data-ui-layout] .config-cards-v2 { display:block; }
html[data-ui-skin][data-ui-layout] .config-card-v2 { padding:24px; min-height:130px; border-radius:12px; border:1px solid var(--line); box-shadow:var(--ui-shadow); }
html[data-ui-skin][data-ui-layout] .config-card-v2-label { color:var(--muted); font-size:13px; }
html[data-ui-skin][data-ui-layout] .config-card-v2-value { font-size:26px; font-weight:600; }
html[data-ui-skin][data-ui-layout] .config-card-v2-hint { color:var(--muted); font-size:12px; }
html[data-ui-skin][data-ui-layout] .config-section-v2 { border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--ui-shadow); scroll-margin-top:100px; }
html[data-ui-skin][data-ui-layout] .config-section-v2-head { padding:22px 24px; border-bottom:1px solid var(--line); background:transparent; gap:12px; }
html[data-ui-skin][data-ui-layout] .config-section-v2-head h3 { font-size:17px; }
html[data-ui-skin][data-ui-layout] .config-section-v2-body { padding:24px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html[data-ui-skin][data-ui-layout] .config-section-v2-body--single { grid-template-columns:minmax(0,1fr); }
html[data-ui-skin][data-ui-layout] .config-section-v2-body label.fld { font-size:13px; font-weight:500; color:var(--text); }
html[data-ui-skin][data-ui-layout] .config-section-v2-body label.fld .hint { font-size:12px; line-height:1.65; margin-top:8px; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .config-section-v2-body label.fld>:is(input,select,textarea) { min-height:42px; margin-top:10px; }
html[data-ui-skin][data-ui-layout] .config-section-v2-body label.fld>textarea { min-height:112px; line-height:1.65; }
html[data-ui-skin][data-ui-layout] .config-section-v2-actions { padding:16px 24px 22px; }
html[data-ui-skin][data-ui-layout] .config-switches-v2 { padding:20px 24px; gap:16px; }
html[data-ui-skin][data-ui-layout] .config-switch-v2 { background:transparent; border-color:var(--line); border-radius:8px; box-shadow:none; }
/* Monitoring. Values and refresh behavior are not modified. */
html[data-ui-skin][data-ui-layout] .server-status-heading { margin:0; align-items:center; }
html[data-ui-skin][data-ui-layout] .server-status-refresh { min-height:40px; padding:10px 16px; font-size:13px; }
html[data-ui-skin][data-ui-layout] .server-status-meta { margin:0; padding:14px 18px; border:1px solid var(--line); border-radius:8px; background:var(--surface); gap:12px 24px; }
html[data-ui-skin][data-ui-layout] .server-status-grid { margin:0; gap:24px; }
html[data-ui-skin][data-ui-layout] .server-metric-card { padding:28px; border-radius:12px; min-height:242px; box-shadow:var(--ui-shadow); }
html[data-ui-skin][data-ui-layout] .server-metric-top { margin-bottom:24px; gap:12px; }
html[data-ui-skin][data-ui-layout] .server-metric-top h2 { font-size:16px; }
html[data-ui-skin][data-ui-layout] .server-metric-body { grid-template-columns:minmax(0,1fr) 118px; gap:20px; }
html[data-ui-skin][data-ui-layout] .server-metric-ring { width:118px; height:118px; }
html[data-ui-skin][data-ui-layout] .server-metric-value { font-size:38px; margin-bottom:12px; }
html[data-ui-skin][data-ui-layout] .server-task-statistics { margin-top:12px; }
html[data-ui-skin][data-ui-layout] .server-task-heading { margin-bottom:20px; }
html[data-ui-skin][data-ui-layout] .server-task-heading h2 { font-size:22px; }
html[data-ui-skin][data-ui-layout] .server-task-grid { gap:20px; }
html[data-ui-skin][data-ui-layout] .server-task-card { padding:24px; border-radius:12px; box-shadow:var(--ui-shadow); }
html[data-ui-skin][data-ui-layout] .server-task-value { font-size:34px; }
/* Menus/log dialogs preserve fixed anchors and existing modal scrims. */
html[data-ui-skin][data-ui-layout] :is(.acc-v2-more-menu,.acc-v2-export-menu,.account-plan-filter-menu,.outlook-v2-select-menu,.config-ep-select-menu) { border-radius:8px; padding-top:8px; padding-bottom:8px; }
html[data-ui-skin][data-ui-layout] :is(.acc-v2-more-menu,.acc-v2-export-menu,.outlook-v2-select-menu) button { min-height:38px; font-size:13px; border-radius:6px; box-shadow:none; }
html[data-ui-skin][data-ui-layout] :is(#logPanel,#retryLogPanel,#refillAtLogPanel,#emailRebindLogPanel,#twofaCompletionLogPanel,#twofaRotationLogPanel,#liveLogPanel,#qrPanel) { border-radius:12px; padding:24px; border-color:var(--line); }
html[data-ui-skin][data-ui-layout] :is(#logPanel,#retryLogPanel,#refillAtLogPanel,#emailRebindLogPanel,#twofaCompletionLogPanel,#twofaRotationLogPanel,#liveLogPanel) h3 { font-size:18px; margin:0 0 18px; }
html[data-ui-skin][data-ui-layout] .log { padding:20px; font-size:12px; line-height:1.8; }

/* Keep refill-AT and rotate-2FA logs clear of the viewport edge. */
html[data-ui-skin][data-ui-layout] :is(#refillAtLogPanel,#twofaRotationLogPanel):not(.hidden) {
  display:flex;
  flex-direction:column;
  max-height:min(732px, calc(100vh - 76px));
  max-height:min(732px, calc(100dvh - 76px));
  overflow:hidden;
}
html[data-ui-skin][data-ui-layout] :is(#refillAtLogPanel,#twofaRotationLogPanel) .log {
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  padding:20px 20px 34px;
  scroll-padding-bottom:34px;
}

html[data-ui-skin][data-ui-layout] .outlook-import-dialog { border-radius:12px; border-color:var(--line); box-shadow:var(--ui-popover-shadow); }
html[data-ui-skin][data-ui-layout] :is(.outlook-import-head,.outlook-import-body,.outlook-import-foot) { padding:24px; }
/* Two-column login. */
html[data-ui-page="login"] body { min-height:100dvh; height:auto; margin:0; padding:72px 32px; display:flex; align-items:center; justify-content:center; }
html[data-ui-page="login"] .page { width:min(1120px,100%); display:grid; grid-template-columns:minmax(0,1fr) 440px; gap:96px; align-items:center; }
html[data-ui-page="login"] .brand { justify-content:flex-start; gap:12px; margin:0 0 40px; }
html[data-ui-page="login"] .brand-title { font-size:20px; font-weight:600; color:var(--text); }
html[data-ui-page="login"] .brand-logo { width:34px; height:38px; }
.cc-login-intro h2 { margin:0; font-size:38px; line-height:1.4; font-weight:600; letter-spacing:-1px; }
.cc-login-intro>p { margin:20px 0 0; color:var(--muted); font-size:15px; line-height:1.8; max-width:40ch; }
.cc-login-intro ul { padding:0; margin:40px 0 0; list-style:none; display:grid; gap:24px; }
.cc-login-intro li { display:flex; gap:16px; align-items:flex-start; }
.cc-login-intro li>span { display:grid; place-items:center; width:38px; height:38px; border-radius:8px; background:var(--ui-primary-soft); color:var(--ui-accent); font-size:12px; font-weight:600; }
.cc-login-intro li strong { font-size:14px; font-weight:600; }
.cc-login-intro li p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
html[data-ui-page="login"] form.card { padding:40px; border:1px solid var(--line); border-radius:12px; box-shadow:var(--ui-shadow); background:var(--surface); }
html[data-ui-page="login"] form.card h1 { font-size:26px; font-weight:600; text-align:left; margin:0; }
html[data-ui-page="login"] .desc { text-align:left; font-size:13px; line-height:1.8; margin-top:12px; color:var(--muted); }
html[data-ui-page="login"] .field { margin-top:32px; }
html[data-ui-page="login"] .input-wrap input { height:48px; border-radius:8px; background:var(--soft); }
html[data-ui-page="login"] .remember { margin-top:20px; font-size:13px; }
html[data-ui-page="login"] .submit { min-height:46px; margin-top:28px; border-radius:8px; font-weight:600; font-size:14px; }
html[data-ui-page="login"] .ui-login-tools { top:24px; right:32px; }
@media(hover:hover) and (pointer:fine) {
 html[data-ui-skin][data-ui-layout] .codex-stat-card:hover { translate:0 -2px; box-shadow:var(--ui-shadow-hover); }
 html[data-ui-skin][data-ui-layout] :is(.cc-data-surface,.config-section-v2):hover { box-shadow:var(--ui-shadow-hover); }
}
@media(min-width:901px) {
 html[data-ui-sidebar="collapsed"] { --sidebar-width:80px; }
 html[data-ui-sidebar="collapsed"] .sidebar-brand { padding:24px 20px; }
 html[data-ui-sidebar="collapsed"] :is(.cc-brand-text,.cc-nav-caption) { display:none; }
 html[data-ui-sidebar="collapsed"] .sidebar-nav { padding:12px 10px; }
 html[data-ui-sidebar="collapsed"] .sidebar-footer { padding:16px 10px; }
 html[data-ui-sidebar="collapsed"] .sidebar-nav button { min-height:48px; }
}
@media(max-width:1250px) and (min-width:901px) {
 :root { --sidebar-width:220px; --page-gutter:24px; }
 html[data-ui-skin][data-ui-layout] .sidebar-brand { padding:24px 16px; gap:8px; }
 html[data-ui-skin][data-ui-layout] .stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html[data-ui-skin][data-ui-layout] .stat { min-height:138px; }
 html[data-ui-skin][data-ui-layout] .config-layout-v2 { grid-template-columns:160px minmax(0,1fr); gap:20px; }
 html[data-ui-skin][data-ui-layout] .config-section-v2-body { grid-template-columns:1fr; }
}
@media(max-width:900px) {
 :root { --sidebar-width:0px; --page-gutter:20px; --cc-header-height:64px; }
 html[data-ui-page="console"] body { padding-left:0; padding-top:var(--cc-header-height); padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)); }
 html[data-ui-skin][data-ui-layout] .app-sidebar { position:static; width:0; height:0; border:0; display:block; }
 html[data-ui-skin][data-ui-layout] .sidebar-brand { display:none; }
 .cc-topbar { left:0; padding:0 20px; gap:10px; }
 .cc-breadcrumb { gap:9px; font-size:12px; }
 .cc-breadcrumb>span:nth-child(2),.cc-breadcrumb-separator { display:none; }
 .cc-header-tools { margin-right:52px; }
 html[data-ui-skin][data-ui-layout] .cc-header-tools .ui-tool { width:38px; height:38px; padding:0; justify-content:center; }
 .cc-header-tools .ui-tool-label,.cc-header-tools [data-ui-sidebar-toggle] { display:none; }
 html[data-ui-skin][data-ui-layout] .sidebar-footer { position:fixed; top:13px; right:20px; z-index:240; padding:0; border:0; }
 html[data-ui-skin][data-ui-layout] .sidebar-logout button { width:38px; height:38px; min-height:38px; padding:0; justify-content:center; }
 html[data-ui-skin][data-ui-layout] .sidebar-logout span { display:none; }
 html[data-ui-skin][data-ui-layout] .sidebar-nav { position:fixed; inset:auto 0 0; z-index:230; width:100%; height:calc(76px + env(safe-area-inset-bottom,0px)); background:var(--surface); border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:2px; padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px)); overflow:visible; }
 .cc-nav-caption { display:none; }
 html[data-ui-skin][data-ui-layout] .app-sidebar .sidebar-nav button { min-height:52px; padding:8px 1px; font-size:10px; gap:6px; flex-direction:column; }
 html[data-ui-skin][data-ui-layout] .sidebar-item-icon { width:20px; height:20px; }
 html[data-ui-skin][data-ui-layout] main { margin:24px auto 28px; }
 html[data-ui-skin][data-ui-layout] :is(.cc-page-heading .register-title,.server-status-heading .register-title,.config-overview-v2-title) { font-size:26px; }
 html[data-ui-skin][data-ui-layout] .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 html[data-ui-skin][data-ui-layout] .stat { padding:18px; min-height:138px; }
 html[data-ui-skin][data-ui-layout] .stat:first-child { grid-column:1/-1; display:block; }
 html[data-ui-skin][data-ui-layout] .stat:first-child .stat-top { flex-direction:row; }
 html[data-ui-skin][data-ui-layout] .stat strong { font-size:30px; }
 html[data-ui-skin][data-ui-layout] .stat:first-child strong { margin-top:14px; }
 html[data-ui-skin][data-ui-layout] :is(.jobs-toolbar-v2,.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2,#accountsToolbarV2) { padding:18px; gap:14px; display:flex; flex-wrap:wrap; }
 .cc-panel-heading { padding:20px 18px 0; }
 .cc-data-heading { padding:18px; }
 html[data-ui-skin][data-ui-layout] :is(.accounts-filter-v2,.codex-filter-v2,.outlook-filter-v2) .acc-v2-search-wrap { width:100%; min-width:0; max-width:none; flex-basis:100%; }
 html[data-ui-skin][data-ui-layout] .acc-v2-group-controls { flex-basis:100%; min-width:0; }
 html[data-ui-skin][data-ui-layout] :is(button.btn,.jobs-tb-btn),html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .jobs-tb-btn { min-height:42px; }
 html[data-ui-skin][data-ui-layout] #accountsToolbarV2 { gap:22px 16px; }
 html[data-ui-skin][data-ui-layout] #accountsToolbarV2 .acc-v2-btn-group { flex:1 1 100%; }
 html[data-ui-skin][data-ui-layout] .config-layout-v2 { grid-template-columns:1fr; }
 html[data-ui-skin][data-ui-layout] .config-nav-v2 { position:static; }
 html[data-ui-skin][data-ui-layout] .config-nav-v2-list { display:flex; flex-direction:row; overflow:auto; padding:0 0 8px; }
 html[data-ui-skin][data-ui-layout] .config-nav-v2-item { flex:0 0 auto; }
 html[data-ui-skin][data-ui-layout] .config-section-v2-body { padding:20px; grid-template-columns:1fr; gap:20px; }
 html[data-ui-skin][data-ui-layout] .config-section-v2-head { padding:20px; }
 html[data-ui-skin][data-ui-layout] .config-section-v2-actions { padding:16px 20px; }
 html[data-ui-skin][data-ui-layout] .server-status-grid { grid-template-columns:1fr; }
 html[data-ui-skin][data-ui-layout] .server-metric-card { padding:24px; min-height:220px; }
 html[data-ui-skin][data-ui-layout] .server-metric-value { font-size:32px; }
 html[data-ui-skin][data-ui-layout] .server-status-meta { gap:8px; }
 html[data-ui-skin][data-ui-layout] .server-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-ui-skin][data-ui-layout] :is(#logPanel,#retryLogPanel,#refillAtLogPanel,#emailRebindLogPanel,#twofaCompletionLogPanel,#twofaRotationLogPanel,#liveLogPanel,#qrPanel) { padding:18px; }
 html[data-ui-page="login"] body { padding:80px 24px 40px; }
 html[data-ui-page="login"] .page { max-width:480px; grid-template-columns:1fr; gap:32px; }
 html[data-ui-page="login"] .brand { margin-bottom:20px; }
 .cc-login-intro h2 { font-size:28px; }
 .cc-login-intro>p { font-size:13px; }
 .cc-login-intro ul { display:none; }
 html[data-ui-page="login"] form.card { padding:28px; }
}
@media(max-width:600px) {
 :root { --page-gutter:16px; }
 .cc-topbar { padding:0 16px; }
 html[data-ui-skin][data-ui-layout] .sidebar-footer { right:16px; }
 .cc-page-heading p { font-size:13px; }
 .cc-data-heading span { display:none; }
 html[data-ui-skin][data-ui-layout] .server-task-grid { grid-template-columns:1fr; }
 html[data-ui-skin][data-ui-layout] .server-status-heading { align-items:flex-start; }
 html[data-ui-skin][data-ui-layout] .server-status-refresh { padding:9px; min-width:40px; }
 html[data-ui-skin][data-ui-layout] .server-status-refresh span { display:none; }
 html[data-ui-skin][data-ui-layout] .codex-stats-v2 { grid-template-columns:1fr; }
 html[data-ui-skin][data-ui-layout] .server-metric-body { grid-template-columns:minmax(0,1fr) 100px; gap:12px; }
 html[data-ui-skin][data-ui-layout] .server-metric-ring { width:100px; height:100px; }
}


/* Grid items must shrink around horizontally scrollable data tables. */
html[data-ui-skin][data-ui-layout] main>div,
html[data-ui-skin][data-ui-layout] :is(.jobs-panel-v2,.accounts-panel-v2,.codex-panel-v2,.outlook-panel-v2,.register-overview,.cc-data-surface) { min-width:0; max-width:100%; width:100%; }
html[data-ui-skin][data-ui-layout] .config-section-v2 { padding:0; }
html[data-ui-skin][data-ui-layout] .config-section-v2-body { margin-top:0; }
html[data-ui-skin][data-ui-layout] .config-section-v2>p { margin:16px 24px 0; }
html[data-ui-skin][data-ui-layout] .config-nav-v2 { max-height:calc(100dvh - 124px); overflow:auto; }
html[data-ui-skin][data-ui-layout] .accounts-filter-v2 .acc-v2-search-wrap textarea { min-height:42px !important; }
@media(max-width:900px) {
 html[data-ui-skin][data-ui-layout] .config-nav-v2 { max-height:none; overflow:visible; }
 html[data-ui-skin][data-ui-layout] .accounts-filter-v2 .acc-v2-search-wrap textarea { min-height:44px !important; }
}
/* 2026-10-09: crisp, font-independent help affordance + aligned account filters. */
html[data-ui-skin][data-ui-layout] .server-metric-info {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px;
  width:28px; height:28px; padding:0; box-sizing:border-box; border:1px solid var(--line);
  border-radius:8px; color:var(--muted); background:var(--soft); cursor:pointer;
  box-shadow:0 1px 2px rgb(15 23 42 / 4%); vertical-align:middle;
  transition:background-color 150ms ease-out,color 150ms ease-out,border-color 150ms ease-out,transform 150ms ease-out;
}
html[data-ui-skin][data-ui-layout] .server-metric-info svg {
  display:block; width:18px; height:18px; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  shape-rendering:geometricPrecision;
}
html[data-ui-skin][data-ui-layout] .server-metric-info svg .cc-info-dot { fill:currentColor; stroke:none; }
html[data-ui-skin][data-ui-layout] .server-metric-info:is(:hover,[aria-expanded="true"]) {
  color:var(--ui-accent); background:var(--ui-primary-soft); border-color:var(--ui-primary-line);
  transform:translateY(-2px);
}
html[data-ui-skin][data-ui-layout] .server-metric-info:active { transform:translateY(0) scale(.98); }
html[data-ui-skin][data-ui-layout] .server-metric-info:focus-visible { outline:2px solid #3b82f6; outline-offset:2px; }
.cc-info-tooltip {
  position:fixed; z-index:10010; max-width:min(320px,calc(100vw - 24px));
  box-sizing:border-box; padding:12px 14px; border:1px solid var(--line); border-radius:10px;
  color:var(--text); background:var(--surface); box-shadow:0 4px 14px rgb(15 23 42 / 12%);
  font-family:inherit; font-size:13px; line-height:1.65; overflow-wrap:anywhere;
  animation:cc-help-appear 150ms ease-out;
}
.cc-info-tooltip[hidden] { display:none; }
@keyframes cc-help-appear { from { opacity:0; } to { opacity:1; } }
/* A single compositor crossfade, not hundreds of per-cell colour animations. */
html[data-ui-skin][data-ui-theme].ui-theme-switching,
html[data-ui-skin][data-ui-theme].ui-theme-switching body,
html[data-ui-skin][data-ui-theme].ui-theme-switching body *,
html[data-ui-skin][data-ui-theme].ui-theme-switching body *::before,
html[data-ui-skin][data-ui-theme].ui-theme-switching body *::after {
  transition:none !important; animation:none !important;
}
html.ui-theme-switching::view-transition { pointer-events:none; }
html.ui-theme-switching::view-transition-group(root) { animation:none; }
html.ui-theme-switching::view-transition-image-pair(root) { isolation:isolate; }
html.ui-theme-switching::view-transition-old(root) {
  animation:cc-theme-fade-out 160ms ease-out both; mix-blend-mode:normal; z-index:2;
}
html.ui-theme-switching::view-transition-new(root) { animation:none; mix-blend-mode:normal; z-index:1; }
@keyframes cc-theme-fade-out { from { opacity:1; } to { opacity:0; } }
html[data-ui-skin][data-ui-layout] #accountsPanelV2 > .cc-panel-heading {
  padding:16px 20px 0;
}
html[data-ui-skin][data-ui-layout] #accountsPanelV2 > .cc-panel-heading > div {
  display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px;
}
html[data-ui-skin][data-ui-layout] #accountsPanelV2 > .cc-panel-heading p { margin:0; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 {
  display:flex; flex-direction:column; align-items:stretch; gap:12px;
  padding:16px 20px; min-width:0;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-filter-main {
  display:grid; grid-template-columns:minmax(420px,1fr) minmax(260px,1fr); gap:16px; align-items:center; min-width:0;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-search-wrap {
  width:100%; min-width:0; max-width:none; margin:0;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-search-wrap textarea {
  min-height:38px !important; height:38px; padding:8px 12px; line-height:20px;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-controls {
  display:grid; grid-template-columns:auto minmax(130px,1fr) auto auto auto; gap:8px; min-width:0;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-controls select { max-width:none; min-width:0; width:100%; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-filter-options {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; min-width:0;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-btn-group {
  padding:0; gap:8px; min-height:0; border:0; border-radius:0; background:transparent;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-selection { flex:0 1 auto; margin-left:auto; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-query-workers { flex:0 0 auto; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-move { flex:0 1 auto; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-move select { width:158px; min-width:100px; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 :is(.jobs-tb-btn,.acc-v2-toggle,.acc-v2-select) {
  height:38px; min-height:38px; font-size:13px;
}
html[data-ui-skin][data-ui-layout] #accountsFilterV2 :is(.jobs-tb-btn,.acc-v2-toggle) { padding:0 12px; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-inline { min-height:38px; padding:0; gap:8px; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .el-input-number { width:88px; min-width:88px; height:38px; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .el-input-number input { min-height:38px; height:38px; }
html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-selected { padding:0; }
html[data-ui-skin][data-ui-layout] #accountVerifySummaryV2 { flex:none; min-width:0; min-height:0; width:100%; }
html[data-ui-skin][data-ui-layout] #accountVerifySummaryV2:empty { display:none; }
@media(max-width:1200px) {
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-filter-main { grid-template-columns:1fr; gap:12px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-selection { flex-basis:100%; margin-left:0; }
}
@media(max-width:700px) {
  html[data-ui-skin][data-ui-layout] #accountsPanelV2 > .cc-panel-heading { padding:16px 16px 0; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 { padding:14px 16px 16px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-controls { grid-template-columns:auto minmax(0,1fr) auto; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-controls #btnRenameAccountGroupV2 { grid-column:2; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .cc-account-selection { display:flex; flex-wrap:wrap; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 :is(.jobs-tb-btn,.acc-v2-toggle,.acc-v2-select) { min-height:44px; height:44px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-search-wrap textarea { min-height:44px !important; height:44px; font-size:16px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .el-input-number { width:128px; min-width:128px; height:44px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .el-input-number input { height:44px; min-height:44px; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-move { display:flex; flex-wrap:wrap; width:100%; }
  html[data-ui-skin][data-ui-layout] #accountsFilterV2 .acc-v2-group-move select { flex:1; width:100px; }
  html[data-ui-skin][data-ui-layout] .server-metric-info { width:36px; height:36px; flex-basis:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .cc-info-tooltip { animation:none !important; }
  html[data-ui-skin][data-ui-layout] .server-metric-info { transition:none !important; transform:none !important; }
}

/* Use the available workspace at every desktop width; keep summary metrics compact. */
html[data-ui-skin][data-ui-layout] main {
  width:calc(100% - 40px); max-width:none; margin:24px auto 36px;
}
html[data-ui-skin][data-ui-layout] .register-overview > .cc-page-heading { margin-bottom:20px; }
html[data-ui-skin][data-ui-layout] .stats {
  grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px;
}
html[data-ui-skin][data-ui-layout] .stats > .stat {
  display:grid; grid-template-columns:minmax(0,1fr) 36px; grid-template-rows:auto auto;
  grid-column:auto; align-content:center; gap:4px 12px; min-height:92px; padding:14px 18px;
}
html[data-ui-skin][data-ui-layout] .stats > .stat .stat-top { display:contents; }
html[data-ui-skin][data-ui-layout] .stats > .stat .stat-top > span {
  grid-column:1; grid-row:1; line-height:20px;
}
html[data-ui-skin][data-ui-layout] .stats > .stat .stat-icon {
  grid-column:2; grid-row:1 / span 2; align-self:center;
  width:36px; height:36px; border-radius:10px;
}
html[data-ui-skin][data-ui-layout] .stats > .stat .stat-icon svg { width:18px; height:18px; }
html[data-ui-skin][data-ui-layout] .stats > .stat strong {
  grid-column:1; grid-row:2; margin:0; font-size:28px; line-height:1.15; letter-spacing:-.5px;
}
@media(min-width:901px) {
  html[data-ui-skin][data-ui-layout] .cc-topbar { padding-left:20px; padding-right:20px; }
}
@media(max-width:1100px) and (min-width:641px) {
  html[data-ui-skin][data-ui-layout] .stats > .stat { padding:12px; gap:4px 8px; grid-template-columns:minmax(0,1fr) 28px; }
  html[data-ui-skin][data-ui-layout] .stats > .stat .stat-icon { width:28px; height:28px; border-radius:8px; }
  html[data-ui-skin][data-ui-layout] .stats > .stat strong { font-size:25px; }
}
@media(max-width:640px) {
  html[data-ui-skin][data-ui-layout] main { width:calc(100% - 32px); margin:20px auto 28px; }
  html[data-ui-skin][data-ui-layout] .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html[data-ui-skin][data-ui-layout] .stats > .stat { min-height:84px; padding:12px 14px; }
  html[data-ui-skin][data-ui-layout] .stats > .stat:first-child { grid-column:1 / -1; }
  html[data-ui-skin][data-ui-layout] .stats > .stat strong { font-size:26px; }
}

/* Account list: readable type without scaling the entire workspace. */
html[data-ui-skin][data-ui-layout] .accounts-table-v2 { font-size:15px; min-width:1460px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 th { font-size:14px; line-height:1.4; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 td { font-size:15px; line-height:1.5; padding-top:12px; padding-bottom:12px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-email { width:240px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-token { width:100px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-detection { width:420px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-small { width:80px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-time { width:138px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .col-actions { width:140px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .acc-v2-email { font-size:15px; line-height:1.5; font-weight:600; color:var(--text); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .acc-v2-sub { margin-top:3px; font-size:13px; line-height:1.5; color:var(--muted); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .acc-v2-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; white-space:normal; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .acc-v2-context { min-width:0; max-width:100%; overflow-wrap:anywhere; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .acc-v2-note { min-width:0; max-width:100%; padding:0 5px; border:1px solid var(--ui-primary-line); border-radius:4px; background:var(--ui-primary-soft); color:var(--ui-accent); font-size:13px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 :is(.account-detection-head,.account-detection-head-label) { font-size:13px; line-height:1.4; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .account-detection-badge { font-size:13px; height:26px; line-height:24px; padding:0 4px; font-weight:500; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .account-detection-badge::before { margin-right:4px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .account-detection-badge:not(:is(.is-ok,.is-no,.is-error,.is-running,.is-checkout-oa)) { color:var(--muted); background:var(--soft); border-color:var(--line); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 :is(.pill,.acc-v2-codex,.acc-v2-token-copy,.acc-v2-actions button,.agent-token-cell button,.extract-link-cell button) { font-size:13px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 :is(.acc-v2-muted,.pill.status-used,.acc-v2-codex.is-mute) { color:var(--muted); }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .codex-7d-usage { height:16px; gap:6px; }
html[data-ui-skin][data-ui-layout] .accounts-table-v2 .codex-7d-usage-value { font-size:13px; width:32px; flex-basis:32px; color:var(--text); }

/* Task records: match the account list's readable desktop typography. */
html[data-ui-skin][data-ui-layout] .jobs-table-v2 { font-size:15px; min-width:1460px; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 th { font-size:14px; line-height:1.4; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 td { font-size:15px; line-height:1.5; padding-top:12px; padding-bottom:12px; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 .col-status { width:132px; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 .col-time { width:184px; font-variant-numeric:tabular-nums; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 .jobs-v2-pill { height:28px; font-size:14px; line-height:1.4; }
html[data-ui-skin][data-ui-layout] .jobs-table-v2 .sub-cell { font-size:13px; line-height:1.5; }
html[data-ui-skin][data-ui-layout] #tab-register .cc-data-heading h2 { font-size:17px; }
html[data-ui-skin][data-ui-layout] #tab-register .cc-data-heading > span { font-size:13px; }
html[data-ui-skin][data-ui-layout] #tab-register .jobs-toolbar-v2 :is(.jobs-tb-btn,.jobs-tb-field) { font-size:14px; }
html[data-ui-skin][data-ui-layout] #pager-jobs-v2,
html[data-ui-skin][data-ui-layout] #pager-jobs-v2 :is(button,input,.pager-size-item) { font-size:14px; }
@media(max-width:700px) {
  html[data-ui-skin][data-ui-layout] #pager-jobs-v2 input { font-size:16px; }
}