:root { color-scheme: light; --color-text:#182230; --color-text-muted:#667085; --color-text-quiet:#8a96a3; --color-canvas:#f3f5f7; --color-surface:#fff; --color-surface-subtle:#f8fafc; --color-border:#e2e7ec; --color-border-strong:#c8d1da; --color-primary:#2563eb; --color-primary-strong:#1d4ed8; --color-primary-soft:#eaf2ff; --color-success:#16805b; --color-danger:#c23b33; --color-danger-soft:#fcebea; --radius-xs:4px; --radius-sm:6px; --radius-md:8px; --control-height:36px; --table-row-height:42px; --sidebar-rail-width:72px; --sidebar-expanded-width:220px; --topbar-height:62px; --workspace-max-width:1640px; --shadow-overlay:0 16px 40px rgb(24 34 48 / 14%); --shadow-menu:0 10px 28px rgb(24 34 48 / 12%); --focus-ring:rgb(37 99 235 / 24%); color:var(--color-text); background:var(--color-canvas); font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif; font-size:14px; letter-spacing:0; }
* { box-sizing:border-box; letter-spacing:0; } [hidden] { display:none !important; } html,body { min-width:320px; min-height:100%; margin:0; } body { background:var(--color-canvas); } button,input { color:inherit; font:inherit; font-size:14px; transition:color 150ms ease,background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease; border-radius:var(--radius-sm); } button { cursor:pointer; } button:active:not(:disabled) { transform:translateY(1px); } button:disabled { color:var(--color-text-muted); background:#eef2f5; border-color:#d5dce4; cursor:not-allowed; } button:focus-visible,input:focus-visible,a:focus-visible { outline:2px solid var(--color-primary); outline-offset:2px; } h1,h2,h3,p,dl,dd { margin:0; } h1 { font-size:24px; line-height:1.15; font-weight:680; } h2 { font-size:16px; line-height:1.3; font-weight:680; }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:8px 12px; color:var(--color-surface); background:var(--color-primary-strong); transform:translateY(-140%); } .skip-link:focus { transform:translateY(0); }
.app-shell { display:grid; min-height:100vh; grid-template-columns:var(--sidebar-rail-width) minmax(0,1fr); background:var(--color-canvas); } .app-sidebar { position:fixed; z-index:50; inset:0 auto 0 0; width:var(--sidebar-rail-width); overflow:hidden; background:var(--color-surface); border-right:1px solid var(--color-border); transition:width 220ms ease,box-shadow 180ms ease; } .content-shell { grid-column:2; min-width:0; min-height:100vh; } .sidebar-brand { display:flex; min-height:var(--topbar-height); align-items:center; gap:10px; padding:0 16px; border-bottom:1px solid var(--color-border); } .product-mark { display:block; width:40px; height:32px; flex:0 0 40px; } .sidebar-brand-copy { display:grid; min-width:0; gap:1px; } .brand-wordmark,.sidebar-brand-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .brand-wordmark { color:var(--color-text); font-family:"Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif; font-size:14px; font-weight:680; } .brand-wordmark span:last-child { color:var(--color-primary); } .sidebar-brand-copy small { color:var(--color-text-muted); font-size:11px; } .sidebar-brand-copy,.nav-label { opacity:0; visibility:hidden; pointer-events:none; } .side-nav { display:grid; gap:4px; padding:10px; } .nav-tab { display:grid; width:100%; min-height:42px; grid-template-columns:48px minmax(0,1fr); align-items:center; border:1px solid transparent; border-radius:var(--radius-sm); color:var(--color-text-muted); font-size:13px; font-weight:600; text-align:left; text-decoration:none; } .nav-glyph { display:grid; place-items:center; color:currentcolor; font-size:17px; font-weight:400; } .nav-tab.is-active { color:var(--color-primary-strong); background:var(--color-primary-soft); border-color:#d9e6ff; } .nav-tab.is-unavailable { color:var(--color-text-quiet); cursor:default; } .app-sidebar:hover,.app-sidebar:focus-within { width:var(--sidebar-expanded-width); box-shadow:var(--shadow-overlay); } .app-sidebar:hover .sidebar-brand-copy,.app-sidebar:hover .nav-label,.app-sidebar:focus-within .sidebar-brand-copy,.app-sidebar:focus-within .nav-label { opacity:1; visibility:visible; pointer-events:auto; }
.topbar { position:relative; z-index:40; display:grid; min-height:var(--topbar-height); grid-template-columns:minmax(260px,420px) minmax(0,1fr); align-items:stretch; color:var(--color-text); background:rgb(255 255 255 / 96%); border-bottom:1px solid var(--color-border); } .workspace-context-switcher { display:grid; min-width:0; align-content:center; gap:4px; padding:8px 16px; border-right:1px solid var(--color-border); } .workspace-context-caption,.runtime-metric dt { color:var(--color-text-muted); font-size:10px; line-height:1; text-transform:uppercase; } .workspace-context-trigger { display:flex; width:100%; max-width:360px; height:32px; min-width:0; align-items:center; justify-content:space-between; gap:10px; padding:0 11px; overflow:hidden; color:var(--color-text); background:var(--color-surface-subtle); border:1px solid var(--color-border-strong); border-radius:var(--radius-sm); box-shadow:none; text-align:left; } .workspace-context-trigger > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .workspace-context-chevron { width:7px; height:7px; border-right:1px solid currentcolor; border-bottom:1px solid currentcolor; transform:rotate(45deg) translateY(-2px); } .runtime-metrics { display:flex; min-width:0; align-items:center; justify-content:flex-end; gap:16px; padding:0 16px; } .runtime-metrics form { margin:0; } .runtime-metric-group { display:flex; min-width:0; align-items:center; gap:16px; } .runtime-metric { display:grid; gap:4px; } .runtime-metric dd { font-size:13px; line-height:1.2; } .status-label { display:inline-flex; width:fit-content; min-height:22px; align-items:center; padding:0 7px; color:var(--color-primary-strong); background:var(--color-primary-soft); border:1px solid #d9e6ff; border-radius:var(--radius-xs); font-size:11px; font-weight:650; }
.workspace-project-name { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.runtime-account { min-width:0; max-width:220px; }
.runtime-account-email { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icon-button,.button { min-height:var(--control-height); border:1px solid var(--color-border-strong); background:var(--color-surface); color:var(--color-text); font-weight:650; } .button { padding:0 13px; } .button:hover:not(:disabled),.icon-button:hover:not(:disabled) { border-color:var(--color-text-quiet); background:var(--color-surface-subtle); } .button-primary { color:#fff; background:var(--color-primary); border-color:var(--color-primary); } .button-primary:hover:not(:disabled) { color:#fff; background:var(--color-primary-strong); border-color:var(--color-primary-strong); } .button-danger { color:#fff; background:var(--color-danger); border-color:var(--color-danger); } .button-secondary { background:var(--color-surface); } .icon-button { display:inline-grid; width:var(--control-height); height:var(--control-height); place-items:center; padding:0; font-size:17px; } .sidebar-drawer-toggle,.sidebar-scrim { display:none; }
.workspace-main { min-width:0; padding:26px 28px 36px; } .view-panel { width:min(1360px,100%); margin:0 auto; } .view-header { display:flex; min-height:58px; align-items:center; justify-content:space-between; gap:16px; } .view-kicker,.dialog-kicker { color:var(--color-text-muted); font-size:10px; font-weight:650; line-height:1.2; text-transform:uppercase; } .view-header h1 { margin-top:3px; } .header-actions,.dialog-actions { display:flex; align-items:center; gap:8px; } .view-summary { margin-top:10px; color:var(--color-text-muted); } .data-panel { margin-top:16px; padding:16px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); } .table-panel { padding:0; overflow:hidden; } .table-panel-header { display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-bottom:1px solid var(--color-border); } .table-panel-header h2 { margin-bottom:2px; } .table-panel-header p { color:var(--color-text-muted); font-size:13px; } .table-scroll { width:100%; overflow-x:auto; background:var(--color-surface); scrollbar-width:thin; } table { width:100%; min-width:660px; border-collapse:collapse; font-size:13px; } th { position:sticky; top:0; z-index:1; height:38px; padding:0 10px; color:var(--color-text-muted); background:var(--color-surface-subtle); border-bottom:1px solid var(--color-border); font-size:11px; font-weight:650; text-align:left; text-transform:uppercase; } td { height:var(--table-row-height); padding:0 10px; border-bottom:1px solid var(--color-border); vertical-align:middle; } tbody tr { transition:background 120ms ease; } tbody tr:hover { background:var(--color-surface-subtle); } tbody tr.is-selected { background:var(--color-primary-soft); box-shadow:inset 3px 0 0 var(--color-primary); } tbody tr:last-child td { border-bottom:0; } .empty-row td { color:var(--color-text-muted); text-align:center; } .row-select { min-height:30px; padding:0; color:var(--color-text); background:transparent; border:0; font-weight:650; text-align:left; } .row-select:hover { color:var(--color-primary-strong); text-decoration:underline; } .row-slug { color:var(--color-text-muted); font-family:"Cascadia Mono",Consolas,monospace; font-size:12px; } .row-state { display:inline-flex; padding:2px 6px; color:var(--color-success); background:#e8f5ee; border-radius:var(--radius-xs); font-size:12px; font-weight:650; } .row-state.is-archived { color:var(--color-text-muted); background:#eef2f5; } .row-actions { display:flex; justify-content:flex-end; gap:6px; } .row-actions .button { min-height:30px; padding:0 9px; font-size:12px; } .table-actions-heading { text-align:right; } .table-footer { padding:12px 16px; border-top:1px solid var(--color-border); } .projects-panel { margin-top:14px; } .unavailable-note { margin:14px 0 0; padding:11px 12px; color:var(--color-text-muted); background:var(--color-surface-subtle); border:1px dashed var(--color-border-strong); border-radius:var(--radius-sm); font-size:13px; } .app-alert { position:sticky; z-index:30; top:10px; display:flex; width:min(680px,100%); align-items:center; justify-content:space-between; gap:10px; margin:0 auto 14px; padding:9px 10px; color:var(--color-primary-strong); background:var(--color-primary-soft); border:1px solid #d9e6ff; border-radius:var(--radius-sm); box-shadow:var(--shadow-menu); } .app-alert.is-success { color:var(--color-success); background:var(--success-soft); border-color:#a5d5bd; } .app-alert.is-error { color:var(--color-danger); background:var(--color-danger-soft); border-color:#e0aaa5; }
dialog { position:fixed; inset:0; z-index:80; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; color:var(--color-text); background:transparent; border:0; } dialog::backdrop { background:rgb(13 23 28 / 62%); } .dialog-shell { display:grid; gap:14px; padding:16px; overflow-y:auto; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:var(--shadow-overlay); } .dialog-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--color-border); } .dialog-header h2 { margin-top:3px; } label { display:grid; gap:6px; color:var(--color-text); font-size:13px; font-weight:650; } input { width:100%; height:var(--control-height); padding:0 10px; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border-strong); } input:focus-visible { border-color:var(--color-primary); box-shadow:0 0 0 2px var(--focus-ring); outline:0; } .dialog-actions { justify-content:flex-end; padding-top:12px; border-top:1px solid var(--color-border); } .dialog-inline-error { padding:9px 10px; color:var(--color-danger); background:var(--color-danger-soft); border:1px solid #e0aaa5; border-radius:var(--radius-sm); font-size:13px; line-height:1.4; } .dialog-summary { color:var(--color-text-muted); line-height:1.45; } .auth-page { display:grid; min-height:100vh; place-items:center; padding:24px; } .auth-card { display:grid; width:min(100%,408px); gap:14px; padding:28px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:var(--shadow-overlay); } .auth-card .product-mark { margin-bottom:2px; } .auth-form { display:grid; gap:14px; margin-top:4px; } .auth-note { color:var(--color-text-quiet); font-size:13px; }
@media (max-width:900px) { .app-shell { grid-template-columns:1fr; } .content-shell { grid-column:1; } .app-sidebar { width:min(var(--sidebar-expanded-width),calc(100vw - 44px)); transform:translateX(-100%); box-shadow:none; } .app-sidebar.is-drawer-open { transform:translateX(0); box-shadow:var(--shadow-overlay); } .app-sidebar,.app-sidebar:hover,.app-sidebar:focus-within { width:min(var(--sidebar-expanded-width),calc(100vw - 44px)); } .app-sidebar .sidebar-brand-copy,.app-sidebar .nav-label { opacity:1; visibility:visible; pointer-events:auto; } .sidebar-scrim { position:fixed; z-index:45; inset:0; background:rgb(24 34 48 / 28%); border:0; border-radius:0; } .sidebar-scrim:not([hidden]) { display:block; } .topbar { grid-template-columns:40px minmax(0,1fr); } .sidebar-drawer-toggle { display:inline-grid; align-self:center; justify-self:center; } .workspace-context-switcher { border-left:1px solid var(--color-border); } .runtime-metrics { display:none; } .workspace-main { padding:22px 16px 28px; } }
@media (max-width:720px) { :root { --control-height:40px; --table-row-height:46px; } .auth-page { padding:14px; } .auth-card { padding:22px; } .view-header,.table-panel-header { align-items:flex-start; flex-direction:column; min-height:0; } .header-actions { width:100%; } .header-actions .button-primary { flex:1; } .table-panel-header .header-actions { justify-content:space-between; } .table-scroll { -webkit-overflow-scrolling:touch; } dialog { width:min(100% - 24px,480px); max-height:calc(100dvh - 24px); } .dialog-actions .button { flex:1; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; } }

/* Canonical local management shell: the server data differs, not its operating surface. */
.app-alert { position:fixed; z-index:70; top:10px; left:50%; width:min(680px,calc(100vw - 32px)); margin:0; transform:translateX(-50%); }
@media (max-width:720px) { .app-alert { top:8px; width:calc(100vw - 24px); } }
.totp-manual-key { display:grid; gap:5px; padding:10px; color:var(--color-text-muted); background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); font-size:12px; } .totp-manual-secret,.recovery-code-list code { color:var(--color-text); font-family:"Cascadia Mono",Consolas,monospace; font-size:13px; overflow-wrap:anywhere; } .recovery-code-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; padding:0; list-style:none; } .recovery-code-list li { padding:8px; background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); }
.app-shell.is-sidebar-pinned { grid-template-columns:var(--sidebar-expanded-width) minmax(0,1fr); }
.app-shell.is-sidebar-expanded .app-sidebar,.app-shell.is-sidebar-pinned .app-sidebar { width:var(--sidebar-expanded-width); }
.app-shell.is-sidebar-expanded .app-sidebar { box-shadow:var(--shadow-overlay); }
.app-shell.is-sidebar-pinned .app-sidebar { box-shadow:none; }
.app-shell.is-sidebar-expanded .sidebar-brand-copy,.app-shell.is-sidebar-expanded .nav-label,.app-shell.is-sidebar-pinned .sidebar-brand-copy,.app-shell.is-sidebar-pinned .nav-label { opacity:1; visibility:visible; pointer-events:auto; }
.icon-button.sidebar-pin { position:absolute; top:18px; right:12px; width:26px; min-height:26px; height:26px; opacity:0; visibility:hidden; }
.app-shell.is-sidebar-expanded .sidebar-pin,.app-shell.is-sidebar-pinned .sidebar-pin { opacity:1; visibility:visible; }
.icon-button svg,.nav-icon svg { width:18px; height:18px; stroke-width:2; }
.side-nav { display:flex; height:calc(100dvh - var(--topbar-height)); flex-direction:column; gap:0; padding:10px 8px; }
.nav-tab { min-height:40px; grid-template-columns:28px minmax(0,1fr); gap:0; margin:0 0 3px; padding:0 12px; border:0; border-radius:var(--radius-sm); }
.nav-icon { display:grid; width:18px; height:18px; place-items:center; }
.workspace-main { padding:20px 24px 28px; }
.view-panel,.review-page { width:min(var(--workspace-max-width),100%); max-width:var(--workspace-max-width); margin:0 auto; }
.view-header { min-height:0; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid var(--color-border); }
.data-panel { margin-top:16px; }
.table-panel-header { min-height:58px; padding:10px 16px; }
.table-scroll { overflow-x:auto; overscroll-behavior-inline:contain; }
.table-scroll table { min-width:760px; }

@media (max-width:900px) {
  .app-shell,.app-shell.is-sidebar-pinned { grid-template-columns:1fr; }
  .app-sidebar,.app-sidebar:hover,.app-sidebar:focus-within,.app-shell.is-sidebar-expanded .app-sidebar,.app-shell.is-sidebar-pinned .app-sidebar { width:min(var(--sidebar-expanded-width),calc(100dvi - 48px)); transform:translateX(-100%); box-shadow:none; }
  .app-shell.is-sidebar-drawer-open .app-sidebar { transform:translateX(0); box-shadow:var(--shadow-overlay); }
  .app-shell.is-sidebar-drawer-open .sidebar-scrim { left:min(var(--sidebar-expanded-width),calc(100dvi - 48px)); }
  .app-shell.is-sidebar-drawer-open .topbar { z-index:auto; }
  .app-shell.is-sidebar-drawer-open .sidebar-drawer-toggle { position:fixed; z-index:55; top:11px; left:calc(min(var(--sidebar-expanded-width),calc(100dvi - 48px)) + 4px); }
  .app-sidebar .sidebar-brand-copy,.app-sidebar .nav-label,.app-sidebar .sidebar-pin { opacity:1; visibility:visible; pointer-events:auto; }
  .icon-button.sidebar-pin,.sidebar-drawer-toggle { width:40px; min-height:40px; height:40px; }
  .sidebar-pin { top:11px; right:8px; }
  .topbar { grid-template-columns:56px minmax(220px,420px) minmax(0,1fr); }
  .runtime-metrics { display:flex; min-width:0; overflow-x:auto; }
  .workspace-main { padding:20px 24px 28px; }
}

@media (max-width:720px) {
  .workspace-main { padding:12px; }
  .table-panel { padding:0; }
  .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .table-scroll table { min-width:760px; }
}

body.has-navigation-drawer { overflow:hidden; }
.workspace-context-popover { position:absolute; z-index:70; top:calc(100% + 6px); left:12px; width:min(420px,calc(100dvi - 24px)); padding:12px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:var(--shadow-menu); }
.workspace-context-header,.workspace-context-column { display:grid; gap:10px; }
.workspace-context-header { grid-template-columns:minmax(0,1fr) auto; align-items:end; padding-bottom:10px; border-bottom:1px solid var(--color-border); }
.workspace-current-project { display:grid; gap:3px; color:var(--color-text-muted); font-size:11px; }
.workspace-current-project strong { max-width:130px; overflow:hidden; color:var(--color-text); text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.workspace-context-options { display:grid; max-height:260px; gap:3px; overflow:auto; }
.workspace-context-option { display:grid; width:100%; min-height:36px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:0 9px; color:var(--color-text); background:var(--color-surface); border:1px solid transparent; text-align:left; }
.workspace-context-option:hover,.workspace-context-option.is-active { color:var(--color-primary-strong); background:var(--color-primary-soft); border-color:#d9e6ff; }
.workspace-context-option-name,.workspace-context-option-meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.workspace-context-option-meta,.workspace-context-empty { color:var(--color-text-muted); font-family:"Cascadia Mono",Consolas,monospace; font-size:11px; }
.client-management-workspace { display:grid; grid-template-columns:minmax(0,1fr); }.client-project-pane { display:grid; min-width:0; align-content:start; gap:12px; }.section-title { display:flex; min-height:40px; align-items:center; justify-content:space-between; gap:12px; padding-bottom:9px; border-bottom:1px solid var(--color-border); }.section-eyebrow { margin:0 0 3px; color:var(--color-text-muted); font-size:10px; font-weight:650; text-transform:uppercase; }.management-client-meta,.management-client-actions,.form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }.management-project-form { display:grid; gap:12px; padding:12px 0 14px; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }.management-project-form-header { display:flex; align-items:center; justify-content:space-between; gap:10px; }.management-project-form-header h3 { margin:0; font-size:14px; }.management-empty-state { color:var(--color-text-muted); }.management-table-scroll { max-height:min(55dvh,660px); }
@media (max-width:720px) { .workspace-context-header { grid-template-columns:1fr; }.management-client-meta { justify-content:flex-start; }.management-client-actions { overflow-x:auto; flex-wrap:nowrap; }.management-client-actions .button { flex:0 0 auto; } }

/* Personal settings remain part of the same dense Quiet Operations shell. */
.sidebar-pin[data-tooltip]::after { position:absolute; top:calc(100% + 6px); right:0; z-index:60; width:max-content; max-width:180px; padding:5px 7px; color:var(--color-surface); background:var(--color-text); border-radius:var(--radius-xs); box-shadow:var(--shadow-menu); content:attr(data-tooltip); font-size:11px; font-weight:600; line-height:1.2; opacity:0; pointer-events:none; transform:translateY(-2px); transition:opacity 150ms ease,transform 150ms ease; }
.sidebar-pin[data-tooltip]:hover::after,.sidebar-pin[data-tooltip]:focus-visible::after { opacity:1; transform:translateY(0); }
.nav-tab-settings { margin-top:auto; }
.security-view { max-width:920px; }
.security-panel { display:grid; gap:16px; }
.security-copy,.mfa-enrollment-copy p { color:var(--color-text-muted); line-height:1.5; }
.mfa-enrollment { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:20px; }
.mfa-qr-frame { display:grid; width:250px; min-height:250px; place-items:center; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); }
.mfa-qr-frame img { display:block; max-width:100%; height:auto; }
.mfa-enrollment-copy { display:grid; gap:10px; }
.security-confirm-form { display:grid; max-width:300px; gap:10px; }
.security-disable-form { display:grid; max-width:440px; gap:12px; }
.security-actions { display:flex; flex-wrap:wrap; gap:8px; }
.security-actions form { margin:0; }
.button-link { color:var(--color-primary-strong); background:transparent; border-color:transparent; }
.button-link-back { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.settings-view { max-width:1100px; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.connection-card,.quota-panel { display:grid; gap:14px; }
.section-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.section-eyebrow { color:var(--color-text-muted); font-size:10px; font-weight:650; line-height:1.2; text-transform:uppercase; }
.connection-details { display:grid; grid-template-columns:minmax(100px,auto) minmax(0,1fr); gap:7px 14px; margin:0; font-size:13px; }
.connection-details dt { color:var(--color-text-muted); }
.connection-details dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.connection-note { margin:0; color:var(--color-text-muted); font-size:13px; line-height:1.5; }
.connection-guide-summary,.connection-file-note { margin:0; color:var(--color-text-muted); font-size:12px; line-height:1.45; }
.connection-actions { display:flex; flex-wrap:wrap; gap:8px; }
.quota-panel { margin-top:16px; }
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.yandex-master { display:grid; gap:16px; overflow:hidden; }
.yandex-master p,.yandex-master h3,.yandex-master h4 { margin:0; }
.yandex-master-header,.yandex-master-summary,.yandex-payment { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px 20px; }
.yandex-master-header p,.yandex-master-summary p,.yandex-readonly-note { margin-top:4px; color:var(--color-text-muted); line-height:1.45; }
.yandex-external-hint { padding:9px 10px; color:var(--color-text-muted); background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); font-size:13px; line-height:1.45; }
.yandex-master-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden; }
.yandex-master-steps li { min-width:0; padding:8px 10px; color:var(--color-text-muted); background:var(--color-surface-subtle); border-right:1px solid var(--color-border); font-size:12px; font-weight:650; text-align:center; }
.yandex-master-steps li:last-child { border-right:0; }
.yandex-master-steps li[aria-current="step"] { color:var(--color-primary-strong); background:var(--color-primary-soft); box-shadow:inset 0 -2px 0 var(--color-primary); }
.yandex-master-stage { display:grid; gap:14px; padding-top:16px; border-top:1px solid var(--color-border); }
.yandex-master-stage[hidden] { display:none; }
.yandex-master-stage header { display:grid; gap:5px; }
.yandex-master-stage header p { color:var(--color-text-muted); font-size:13px; line-height:1.45; }
#yandex-choice-fieldset { display:grid; gap:8px; min-width:0; margin:0; padding:0; border:0; }
#yandex-choice-fieldset legend { margin-bottom:7px; font-size:12px; font-weight:650; }
.yandex-choice-list { display:grid; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden; }
.yandex-choice-option { display:grid; min-height:44px; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:10px; padding:8px 10px; border-bottom:1px solid var(--color-border); cursor:pointer; }
.yandex-choice-option:last-child { border-bottom:0; }
.yandex-choice-option:hover,.yandex-choice-option:has(input:checked) { background:var(--color-primary-soft); }
.yandex-choice-option:has(input:disabled) { color:var(--color-text-muted); cursor:not-allowed; }
.yandex-choice-option input,.yandex-billing-toggle input { width:16px; height:16px; margin:0; }
.yandex-choice-option span,.yandex-billing-toggle span { display:grid; min-width:0; gap:2px; }
.yandex-choice-option small,.yandex-billing-toggle small { color:var(--color-text-muted); font-size:12px; font-weight:400; overflow-wrap:anywhere; }
.yandex-billing-toggle { display:grid; min-height:52px; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:10px; padding:9px 10px; background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); }
.yandex-billing-toggle[hidden] { display:none; }
.yandex-inline-notice { padding:9px 10px; color:var(--color-text-muted); background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); font-size:13px; line-height:1.45; }
.yandex-provisioning-error { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; color:var(--color-danger); background:var(--color-danger-soft); border-color:#e0aaa5; }
.yandex-provisioning-error[hidden] { display:none; }
.yandex-plan-resources { display:grid; gap:8px; padding:11px 12px; background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); }
.yandex-plan-resources ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; margin:0; padding-left:18px; color:var(--color-text-muted); font-size:13px; line-height:1.45; }
.yandex-plan-service-account { color:var(--color-text-muted); font-size:13px; overflow-wrap:anywhere; }
.yandex-plan-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--color-border); border-radius:var(--radius-sm); }
.yandex-plan-columns section { display:grid; align-content:start; gap:8px; padding:12px; }
.yandex-plan-columns section + section { border-left:1px solid var(--color-border); }
.yandex-plan-columns ul { display:grid; gap:7px; margin:0; padding-left:18px; color:var(--color-text-muted); font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.yandex-plan-invalid { color:var(--color-danger); background:var(--color-danger-soft); border-color:var(--color-danger); }
.yandex-master-actions { display:flex; flex-wrap:wrap; gap:8px; }
.yandex-progress-list { display:grid; gap:0; margin:0; padding:0; list-style:none; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden; }
.yandex-progress-list li { padding:9px 11px; color:var(--color-text-muted); border-bottom:1px solid var(--color-border); font-size:13px; }
.yandex-progress-list li:last-child { border-bottom:0; }
.yandex-progress-list li[aria-current="step"] { color:var(--color-primary-strong); background:var(--color-primary-soft); font-weight:650; }
.yandex-payment { padding-top:16px; border-top:1px solid var(--color-border); }
.yandex-payment > div p { margin-top:4px; color:var(--color-text-muted); font-size:13px; line-height:1.45; }
.yandex-payment .connection-details { grid-column:1 / -1; }
.yandex-payment .button { justify-self:start; }
.status-label[data-tone="success"] { color:var(--color-success); }
.status-label[data-tone="danger"] { color:var(--color-danger); }
.manual-connection { padding:0; overflow:hidden; }
.manual-connection > summary { min-height:48px; padding:14px 16px; font-weight:650; cursor:pointer; }
.manual-connection > summary:focus-visible { outline:2px solid var(--color-primary); outline-offset:-3px; }
.manual-connection > .connection-note { padding:0 16px 12px; }
.manual-connection .settings-grid { gap:0; border-top:1px solid var(--color-border); }
.manual-connection .connection-card { padding:16px; }
.manual-connection .connection-card + .connection-card { border-left:1px solid var(--color-border); }
.connection-dialog-shell { gap:16px; overflow-x:hidden; }
#wordstat-dialog,#billing-dialog { width:min(1040px,calc(100vw - 32px)); }
.connection-onboarding-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:18px; align-items:start; }
.connection-guide { display:grid; gap:10px; min-width:0; }
.connection-guide h3 { margin:0; font-size:15px; }
.connection-guide ol { display:grid; gap:10px; margin:0; padding-left:22px; }
.connection-guide li { padding-left:3px; color:var(--color-text-muted); font-size:13px; line-height:1.5; }
.connection-guide strong { color:var(--color-text); }
.connection-guide code { color:var(--color-text); font:600 12px/1.4 "Cascadia Mono",Consolas,monospace; overflow-wrap:anywhere; }
.connection-guide-link { margin:0; font-size:13px; }
.connection-guide a { color:var(--color-primary-strong); text-underline-offset:3px; }
.connection-media { display:grid; gap:10px; min-width:0; }
.walkthrough-copy { align-content:start; }
.walkthrough-progress { margin:0; color:var(--color-text-muted); font-size:12px; font-weight:650; text-transform:uppercase; }
.walkthrough-copy > p:not(.walkthrough-progress) { margin:0; color:var(--color-text-muted); font-size:14px; line-height:1.5; }
.walkthrough-callout { padding:9px 10px; border-left:1px solid var(--color-primary); background:var(--color-surface-subtle); color:var(--color-text) !important; font-size:13px !important; }
.walkthrough-media { min-height:300px; margin:0; align-content:center; background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden; }
.walkthrough-media img { display:block; width:100%; max-height:420px; object-fit:contain; background:var(--color-surface); }
.walkthrough-media.is-identifier-location { min-height:0; align-content:start; background:transparent; }
.walkthrough-media.is-identifier-location img { width:auto; max-width:100%; max-height:220px; margin:0 auto; border:1px solid var(--color-border); }
.connection-onboarding-grid.is-final-step { grid-template-columns:minmax(0,1fr); }
.connection-onboarding-grid.is-final-step .walkthrough-media { display:none; }
.walkthrough-navigation { display:flex; gap:8px; margin-top:4px; }
.walkthrough-navigation .button { min-height:40px; }
.connection-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.connection-form-fields .connection-file-note { grid-column:1 / -1; margin-top:-6px; }
input[type="file"] { height:auto; min-height:var(--control-height); padding:7px 8px; font:inherit; }
textarea { width:100%; min-height:120px; padding:10px; resize:vertical; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border-strong); font:12px/1.4 "Cascadia Mono",Consolas,monospace; }
textarea:focus-visible { border-color:var(--color-primary); box-shadow:0 0 0 2px var(--focus-ring); outline:0; }
.approval-control { grid-template-columns:auto minmax(0,1fr); align-items:start; font-weight:500; line-height:1.4; }
.approval-control input { width:16px; height:16px; margin:1px 0 0; }
@media (max-width:720px) { .topbar { grid-template-columns:48px minmax(0,1fr) auto; }.runtime-metrics { display:flex; padding:0 8px; }.runtime-metric-group { display:none; }.runtime-metrics .button { padding:0 8px; }.mfa-enrollment,.settings-grid,.connection-onboarding-grid,.connection-form-fields { grid-template-columns:1fr; }.mfa-qr-frame { width:min(100%,280px); min-height:0; padding:8px; }.security-actions,.security-actions form,.security-actions .button { width:100%; }.connection-actions .button { flex:1; }.yandex-master-header,.yandex-master-summary,.yandex-payment,.yandex-plan-columns,.yandex-plan-resources ul,.yandex-provisioning-error { grid-template-columns:1fr; }.yandex-master-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.yandex-master-steps li:nth-child(2) { border-right:0; }.yandex-master-steps li:nth-child(-n+2) { border-bottom:1px solid var(--color-border); }.yandex-plan-columns section + section { border-top:1px solid var(--color-border); border-left:0; }.yandex-master-actions .button,.yandex-payment .button,#yandex-oauth-form .button,.yandex-provisioning-error .button { width:100%; min-height:40px; }.yandex-choice-option { min-height:48px; }.manual-connection .connection-card + .connection-card { border-top:1px solid var(--color-border); border-left:0; } }

/* Mask queue extends the local collection order without creating a second visual language. */
.masks-header { align-items:flex-start; }.masks-page-state { margin:20px 0; color:var(--color-text-muted); }.masks-resource-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0 0 8px; border:1px solid var(--color-border); background:var(--color-surface); border-radius:var(--radius-md); }.masks-resource-strip div { min-width:0; padding:12px 16px; border-right:1px solid var(--color-border); }.masks-resource-strip div:last-child { border-right:0; }.masks-resource-strip dt { color:var(--color-text-muted); font-size:11px; font-weight:650; text-transform:uppercase; }.masks-resource-strip dd { margin:4px 0 0; overflow:hidden; color:var(--color-text); text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-variant-numeric:tabular-nums; }.masks-connection-state { margin:0 0 16px; }.masks-regions-panel,.masks-package-panel,.masks-estimate-panel,.masks-current-run,.masks-attention-panel,.masks-history-panel { display:grid; gap:12px; }.mask-region-chips { display:flex; flex-wrap:wrap; gap:6px; min-height:0; }.mask-region-chip { padding:4px 7px; color:var(--color-text); background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-xs); font-size:13px; }.masks-workspace-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr); gap:16px; margin-top:16px; }.masks-run-side { display:grid; align-content:start; gap:16px; }.masks-package-panel textarea { min-height:250px; }.masks-package-actions { display:flex; min-height:36px; flex-wrap:wrap; align-items:center; gap:8px; }.masks-inline-warning { color:#9a6700; font-size:13px; line-height:1.4; }.masks-estimate-panel > label { display:grid; gap:5px; color:var(--color-text-muted); font-size:13px; }.masks-estimate-panel input { width:100%; }.masks-attention-panel,.masks-history-panel { margin-top:16px; }.masks-history-search { display:grid; min-width:220px; gap:4px; color:var(--color-text-muted); font-size:11px; }.masks-history-search input { min-height:32px; }.mask-regions-list { display:grid; max-height:min(48dvh,420px); gap:2px; overflow:auto; padding:2px; }.mask-region-option { display:grid; min-height:34px; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:8px; padding:0 8px 0 calc(8px + var(--region-depth, 0) * 14px); border-radius:var(--radius-xs); }.mask-region-option:hover { background:var(--color-surface-subtle); }.mask-region-option input { width:16px; height:16px; }.masks-attention-panel table { min-width:720px; }.masks-history-panel .icon-button { width:32px; min-height:32px; height:32px; }
@media (max-width:720px) { .masks-resource-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.masks-resource-strip div:nth-child(even) { border-right:0; }.masks-resource-strip div:nth-child(-n+4) { border-bottom:1px solid var(--color-border); }.masks-resource-strip div:nth-child(5) { grid-column:1 / -1; border-right:0; }.masks-workspace-grid { grid-template-columns:1fr; }.masks-package-actions > .button,.masks-package-actions button,.masks-estimate-panel .button,.masks-current-run .button,.masks-attention-panel .button,.mask-region-option { min-height:40px; }.table-panel-header { align-items:stretch; }.masks-history-search { min-width:0; }.masks-history-panel .icon-button { width:40px; min-height:40px; height:40px; } }

/* Read-only phrase review keeps dense evidence in one horizontally scrollable table. */
.phrases-header { align-items:flex-start; }.review-workflow-controls { position:sticky; z-index:20; top:8px; background:var(--color-canvas); }.phrases-controls { display:grid; grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(110px,.45fr) minmax(110px,.45fr) auto auto; gap:8px; align-items:end; margin:0 0 12px; padding:12px; background:rgb(255 255 255 / 96%); border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:0 6px 16px rgb(24 34 48 / 7%); }.phrases-controls label { gap:4px; color:var(--color-text-muted); font-size:11px; }.phrases-page-size { display:flex; min-height:var(--control-height); overflow:hidden; border:1px solid var(--color-border-strong); border-radius:var(--radius-sm); }.phrases-page-size button { min-width:38px; padding:0 8px; color:var(--color-text-muted); background:var(--color-surface); border:0; border-right:1px solid var(--color-border); font-size:12px; font-weight:650; }.phrases-page-size button:last-child { border-right:0; }.phrases-page-size button[aria-pressed="true"] { color:var(--color-primary-strong); background:var(--color-primary-soft); }.phrases-page-state { margin:20px 0; color:var(--color-text-muted); }.phrases-table-panel { margin-top:0; }.phrases-table-panel table { min-width:1240px; }.phrases-table-panel th button { padding:0; color:inherit; background:transparent; border:0; font-size:inherit; font-weight:inherit; text-align:left; text-transform:inherit; }.phrases-table-panel th[data-phrases-sort] button::after { margin-left:5px; content:"↕"; color:var(--color-text-quiet); }.phrases-table-panel th[aria-sort="ascending"] button::after { content:"↑"; color:var(--color-primary-strong); }.phrases-table-panel th[aria-sort="descending"] button::after { content:"↓"; color:var(--color-primary-strong); }.phrases-table-panel td:nth-child(2),.phrases-table-panel td:nth-child(6),.phrases-table-panel td:nth-child(7) { white-space:nowrap; font-variant-numeric:tabular-nums; }.phrases-phrase-cell { max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650; }.phrase-status-cell { display:grid; min-width:140px; gap:3px; }.phrase-status { display:inline-flex; width:max-content; max-width:100%; padding:2px 6px; color:var(--color-text-muted); background:#eef2f5; border-radius:var(--radius-xs); font-size:12px; font-weight:650; }.phrase-reason { max-width:180px; overflow:hidden; color:var(--color-text-muted); text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.phrase-source-button { min-height:30px; padding:0; color:var(--color-primary-strong); background:transparent; border:0; font-weight:650; text-decoration:underline; }.phrases-mask-preview { max-width:220px; overflow:hidden; color:var(--color-text-muted); text-overflow:ellipsis; white-space:nowrap; }.phrase-actions { min-width:270px; }.phrase-actions .row-actions { min-width:max-content; }.phrase-actions .button { min-height:30px; padding:0 8px; font-size:12px; }.phrase-decision-dialog { width:min(560px,calc(100vw - 32px)); }.phrase-decision-dialog textarea { width:100%; min-height:120px; resize:vertical; padding:9px 10px; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border-strong); border-radius:var(--radius-sm); font:inherit; line-height:1.45; }.phrase-decision-dialog textarea:focus-visible { border-color:var(--color-primary); box-shadow:0 0 0 2px var(--focus-ring); outline:0; }.phrase-decision-note { padding:9px 10px; color:var(--color-warning); background:var(--warning-soft); border:1px solid #efcf9c; border-radius:var(--radius-sm); font-size:13px; }.phrase-history-dialog { width:min(920px,calc(100vw - 32px)); }.phrase-history-dialog .table-scroll table { min-width:680px; }.phrases-pagination { display:flex; justify-content:space-between; }.phrases-pagination .button:last-child { margin-left:auto; }.phrase-sources-dialog { width:min(920px,calc(100vw - 32px)); }.phrase-sources-dialog .table-scroll table { min-width:680px; }
@media (max-width:900px) { .review-workflow-controls { position:static; }.phrases-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }.phrases-controls .icon-button { justify-self:end; } }
@media (max-width:720px) { .phrases-page-size button,.phrases-controls .icon-button,.phrases-pagination .button,.phrase-actions .button { min-height:40px; }.phrases-table-panel table { min-width:1240px; }.phrase-actions .row-actions { flex-wrap:wrap; justify-content:flex-end; }.phrase-decision-dialog,.phrase-history-dialog { width:min(100% - 24px,560px); }.phrases-pagination { gap:8px; }.phrases-pagination .button { flex:1; }.phrases-pagination .button:last-child { margin-left:0; } }

/* Word workflows reuse the dense local review surfaces and the server dialog layer. */
.review-page .view-header { align-items:flex-start; }.view-summary { margin:5px 0 0; color:var(--color-text-muted); }.word-workspace { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; }.word-workspace table,.review-page .table-panel table { min-width:980px; }.word-workspace .form-panel { display:grid; align-content:start; gap:12px; }.word-workspace .form-panel label { display:grid; gap:5px; color:var(--color-text-muted); font-size:12px; }.pagination { display:flex; align-items:center; gap:8px; margin-top:12px; }.pagination-size { display:flex; align-items:center; gap:6px; }.pagination-size .button[aria-pressed="true"] { color:var(--color-primary-strong); background:var(--color-primary-soft); }.word-workspace .negative-word-match-mode { margin:0; }.word-workspace .segmented-control { width:100%; }.word-workspace .segmented-control span { min-height:36px; }.dialog-warning { margin:0; padding:9px 10px; color:var(--color-warning); background:var(--warning-soft); border:1px solid #efcf9c; border-radius:var(--radius-sm); font-size:13px; line-height:1.4; }.dialog-counts { grid-template-columns:repeat(3,minmax(0,1fr)); }.history-list { display:grid; gap:8px; }.history-entry { display:grid; gap:3px; padding:10px; background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-sm); }.history-entry p { margin:0; color:var(--color-text-muted); }.panel-status { position:fixed; z-index:50; right:18px; bottom:18px; display:flex; align-items:center; gap:10px; max-width:min(420px,calc(100vw - 36px)); padding:10px 12px; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-border-strong); border-radius:var(--radius-md); box-shadow:0 16px 40px rgb(24 34 48 / 14%); }.panel-status .icon-button { width:28px; min-height:28px; height:28px; }
.geography-header { gap:16px; }.geography-actions,.geography-bulk-toolbar { display:flex; flex-wrap:wrap; gap:8px; }.geography-actions { justify-content:flex-end; }.geography-actions a.button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }.geography-controls { margin-bottom:12px; }.geography-metrics { display:grid; grid-template-columns:repeat(7,minmax(130px,1fr)); margin:0 0 12px; overflow-x:auto; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); }.geography-metrics div { display:grid; min-width:0; min-height:70px; align-content:center; gap:5px; padding:10px 14px; border-right:1px solid var(--color-border); }.geography-metrics div:last-child { border-right:0; }.geography-metrics dt { color:var(--color-text-muted); font-size:11px; font-weight:650; text-transform:uppercase; }.geography-metrics dd { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; font-weight:680; font-variant-numeric:tabular-nums; }.geography-view .table-panel table { min-width:1000px; }.geography-view dialog label { display:grid; gap:5px; color:var(--color-text-muted); font-size:12px; }#geography-word-dialog { width:min(780px,calc(100vw - 32px)); }.geography-word-shell { width:100%; max-width:100%; max-height:min(88dvh,860px); overflow-x:hidden; overflow-y:auto; }.geography-word-shell > * { min-width:0; }.geography-word-shell .negative-word-option { display:flex; min-height:36px; align-items:center; gap:8px; border-radius:var(--radius-sm); cursor:pointer; }.geography-word-shell .negative-word-option input { width:16px; height:16px; margin:0; }.geography-word-shell .negative-word-option:has(input:checked) { color:var(--color-primary-strong); background:var(--color-primary-soft); border-color:var(--color-primary); }.geography-word-impact-scroll,.geography-impact-scroll { min-width:0; width:100%; }.geography-word-impact-scroll { max-height:min(28dvh,260px); }.geography-word-impact-scroll table { min-width:540px; }.geography-impact-scroll { max-height:min(34dvh,320px); }.geography-impact-scroll table { min-width:540px; }
@media (max-width:720px) { .geography-header .header-actions { width:100%; overflow-x:auto; }.geography-header .header-actions .button { flex:1 0 auto; min-height:40px; }.geography-metrics { grid-template-columns:repeat(7,140px); }.geography-bulk-toolbar .button { flex:1 1 100%; min-height:40px; }#geography-word-dialog { width:min(100% - 24px,780px); }.geography-word-shell .negative-word-option { min-height:40px; }.geography-word-shell .exclusion-folder-fields { grid-template-columns:1fr; }.geography-word-shell .dialog-actions { flex-wrap:wrap; min-width:0; }.geography-word-shell .dialog-actions .button { flex:1 1 100%; min-width:0; } }
@media (max-width:900px) { .word-workspace { grid-template-columns:1fr; } }
@media (max-width:720px) { .word-workspace .segmented-control span,.review-page .button,.review-page .icon-button { min-height:40px; }.review-page .table-panel table { min-width:980px; }.word-bulk-toolbar { display:flex; flex-wrap:wrap; min-width:0; gap:8px; }.word-bulk-toolbar .selection-counter { flex:1 1 100%; min-width:0; }.word-bulk-toolbar .button { flex:1 1 100%; min-width:0; white-space:normal; }.dialog-counts { grid-template-columns:1fr; }.dialog-counts > div + div { border-top:1px solid var(--color-border); border-left:0; }.panel-status { right:12px; bottom:12px; } }