:root {
  --ink: #172033;
  --muted: #687389;
  --line: #e6e9ef;
  --surface: #ffffff;
  --canvas: #f5f6f9;
  --sidebar: #111827;
  --sidebar-soft: #1e293b;
  --primary: #6d5dfc;
  --primary-dark: #5747e5;
  --mint: #1fb897;
  --amber: #e9a23b;
  --danger: #d95468;
  --shadow: 0 14px 42px rgba(30, 42, 70, .07);
  --radius: 18px;
  --section-gap: 18px;
}
html { scrollbar-gutter: stable; }

* { box-sizing: border-box; }
html { background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-width: 320px; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-shell { min-height: 100vh; }
.mobile-appbar, .mobile-menu-backdrop { display: none; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 244px; padding: 28px 18px 22px; background: var(--sidebar); color: #d9dfeb; display: flex; flex-direction: column; z-index: 10; }
.brand { color: white; display: flex; gap: 12px; align-items: center; text-decoration: none; padding: 0 10px 16px; }
.brand-mark { width: 40px; height: 40px; display: block; flex: 0 0 40px; background: url("/assets/brand-icon.svg") center / contain no-repeat; font-size: 0; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 16px; letter-spacing: .01em; }
.brand small { margin-top: 3px; color: #8894a8; font-size: 11px; }
.nav { min-height: 0; flex: 1 1 auto; display: grid; align-content: start; gap: 4px; padding-right: 4px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-color: rgba(255,255,255,.22) transparent; scrollbar-width: thin; }
.nav::-webkit-scrollbar { width: 5px; }
.nav::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(255,255,255,.22); }
.project-switcher { position: relative; margin: 0 6px 18px; }
.project-switcher>label { display: block; margin: 0 5px 6px; color: #778398; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.project-switcher-button { width: 100%; min-height: 40px; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 7px 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; color: #f5f7fb; background: #1d2738; text-align: left; font-size: 11px; font-weight: 750; transition: .18s; }
.project-switcher-button:hover,.project-switcher-button[aria-expanded="true"] { border-color: var(--primary); background: #222d40; box-shadow: 0 0 0 2px rgba(109,93,252,.16); }
.project-switcher-avatar,.project-menu-avatar { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: white; background: linear-gradient(145deg,#8173ff,#5847e5); font-size: 10px; font-weight: 850; }
.project-switcher-chevron { color: #9ca7ba; font-size: 15px; }
.project-menu { position: absolute; top: calc(100% + 8px); left: 0; width: 286px; padding: 7px; border: 1px solid #dfe3eb; border-radius: 13px; color: var(--ink); background: white; box-shadow: 0 18px 50px rgba(5,12,28,.28); z-index: 30; }
.project-menu-heading { padding: 7px 9px 6px; color: #8993a6; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.project-menu-list { display: grid; gap: 3px; max-height: 230px; overflow: auto; }
.project-menu-item,.project-menu-actions button { width: 100%; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 9px; border: 0; border-radius: 9px; color: var(--ink); background: transparent; text-align: left; }
.project-menu-item:hover,.project-menu-item.active,.project-menu-actions button:hover { background: #f2f1ff; }
.project-menu-item strong,.project-menu-item small,.project-menu-actions strong,.project-menu-actions small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.project-menu-item strong,.project-menu-actions strong { font-size: 11px; }.project-menu-item small,.project-menu-actions small { margin-top: 2px; color: var(--muted); font-size: 9px; font-weight: 500; }.project-menu-check { color: var(--primary); font-weight: 900; }
.project-menu-actions { display: grid; gap: 3px; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }.project-menu-actions button>span:first-child { width: 25px; color: var(--primary); text-align: center; font-size: 16px; font-weight: 800; }
.nav-item { position:relative; width: 100%; border: 0; background: transparent; color: #9eabba; border-radius: 12px; padding: 10px 13px; display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; align-items: center; text-align: left; transition: .18s ease; }
.nav-item:hover { color: white; background: rgba(255,255,255,.05); }
.nav-item.active { color: white; background: var(--sidebar-soft); box-shadow: inset 3px 0 var(--primary); }
.nav-item.plan-locked { padding-right:35px; }.nav-item.plan-locked .nav-counter { display:none; }.nav-lock { position:absolute; right:12px; top:50%; width:14px; height:14px; transform:translateY(-50%); color:#8e82ff; }.nav-lock svg { display:block; width:100%; height:100%; stroke:currentColor; }
.nav-icon { font-size: 18px; text-align: center; }
.nav-counter { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 99px; color: #cfcaff; background: rgba(109,93,252,.18); font-size: 11px; font-weight: 700; }
.sidebar-account { position: relative; flex: 0 0 auto; margin-top: 12px; padding: 14px 3px 0; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-account-button { width: 100%; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px; border: 1px solid transparent; border-radius: 12px; color: #eef2f8; background: transparent; text-align: left; transition: .18s ease; }
.sidebar-account-button:hover,.sidebar-account-button[aria-expanded="true"] { border-color: rgba(255,255,255,.1); background: #1d2738; }
.account-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: white; background: linear-gradient(145deg,#8173ff,#5847e5); font-size: 13px; font-weight: 850; box-shadow: 0 5px 16px rgba(109,93,252,.3); }
.sidebar-account-identity { min-width: 0; }.sidebar-account-identity strong,.sidebar-account-identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sidebar-account-identity strong { font-size: 11px; }.sidebar-account-identity small { margin-top: 3px; color: #8c98aa; font-size: 9px; }.sidebar-account-chevron { color: #8d98aa; font-size: 20px; }
.account-popover { position: absolute; left: calc(100% + 14px); bottom: 0; width: 326px; padding: 17px; border: 1px solid #dfe3eb; border-radius: 22px; color: var(--ink); background: #fff; box-shadow: 0 22px 65px rgba(5,12,28,.3); text-align: center; z-index: 50; }
.account-popover-close { position: absolute; top: 10px; right: 12px; width: 30px; height: 30px; border: 0; border-radius: 50%; color: var(--muted); background: transparent; font-size: 22px; }.account-popover-close:hover { background:#f1f3f7; }
.account-popover-email { display:block; max-width:250px; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:11px; }.account-popover-avatar { width:68px; height:68px; margin:18px auto 11px; font-size:25px; }.account-popover h3 { margin:0 0 17px; font-size:20px; }
.account-manage-button,.account-logout-button { width:100%; padding:11px 14px; border-radius:999px; font-size:12px; font-weight:800; }.account-manage-button { border:1px solid #cbc5ff; color:var(--primary-dark); background:white; }.account-manage-button+.account-manage-button { margin-top:8px; }.account-manage-button:hover { background:#f4f2ff; }.account-logout-button { margin-top:12px; border:0; color:#4f596c; background:#f1f3f7; }.account-logout-button:hover { background:#e8ebf1; }
.account-local-state { display:grid; grid-template-columns:10px 1fr; gap:9px; align-items:start; margin-top:16px; padding:13px; border-radius:13px; background:#f7f8fa; text-align:left; }.account-local-state>span { width:8px; height:8px; margin-top:3px; border-radius:50%; background:#34d399; box-shadow:0 0 0 4px rgba(52,211,153,.12); }.account-local-state strong,.account-local-state small { display:block; }.account-local-state strong { font-size:11px; }.account-local-state small { margin-top:3px; color:var(--muted); font-size:9px; }

.main { position: relative; margin-left: 244px; min-height: 100vh; padding: 31px 38px 48px; }
.main.project-switching .page-section.active { visibility: hidden; }
.main.project-switching::after { content: "Загружаем выбранный проект…"; position: absolute; inset: 120px 38px auto; min-height: 180px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 18px; color: var(--muted); background: white; box-shadow: var(--shadow); font-size: 12px; font-weight: 750; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 25px; }
.topbar h1 { margin: 4px 0 0; font-size: clamp(25px, 3vw, 34px); letter-spacing: -.035em; }
.eyebrow { margin: 0; color: #8a94a8; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.top-actions { display: flex; align-items: center; gap: 16px; }
.sync-state { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 12px; }
.sync-state > span:first-child { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); }
.button { border: 0; border-radius: 11px; padding: 11px 17px; font-weight: 750; font-size: 13px; transition: .18s ease; display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: white; background: var(--primary); box-shadow: 0 8px 20px rgba(109,93,252,.23); }
.button.primary:hover { background: var(--primary-dark); }
.button.soft { color: var(--primary-dark); background: #eeecff; }
.button.ghost { color: var(--muted); background: #f1f3f7; }
.button.danger { color: white; background: var(--danger); }
.upgrade-modal { max-width:460px; text-align:center; }.upgrade-modal .modal-content { padding:28px 28px 24px; }.upgrade-modal .upgrade-symbol { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 14px; border-radius:16px; color:white; background:linear-gradient(145deg,#8173ff,#5847e5); font-size:24px; box-shadow:0 12px 28px rgba(109,93,252,.28); }.upgrade-modal h2 { margin:0 0 9px; }.upgrade-modal .modal-content>p:not(.eyebrow) { color:var(--muted); line-height:1.55; }.upgrade-benefits { display:grid; gap:7px; margin:18px 0 22px; padding:14px; border-radius:13px; background:#f6f5ff; color:#4d5870; font-size:11px; text-align:left; }.upgrade-benefits span::before { content:"✓"; margin-right:8px; color:var(--primary); font-weight:900; }
.button.small { padding: 8px 11px; font-size: 12px; }
.button.compact { padding: 9px 12px; font-size: 11px; }
.button:disabled { cursor: default; opacity: .48; transform: none; box-shadow: none; }
.text-button { border: 0; color: var(--primary); background: transparent; font-weight: 750; }
.icon-button { width:36px; height:36px; display:grid; flex:0 0 36px; place-items:center; border:0; border-radius:50%; padding:0; background:transparent; color:#7b8597; font-size:25px; line-height:1; transition:.18s ease; }.icon-button:hover { color:var(--ink); background:#f1f3f7; }.modal-close { position:absolute; z-index:2; top:12px; right:12px; }

.page-section { display: none; }
.page-section.active { display: block; animation: reveal .22s ease; }
.projects-layout { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr); gap: var(--section-gap); }
.projects-list-card,.project-editor-card { padding: 21px; }
.projects-list { display: grid; gap: 8px; margin-top: 18px; }
.project-list-item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: #fafbfc; text-align: left; }
.project-list-item.active { border-color: #bfb8ff; background: #f3f1ff; box-shadow: inset 3px 0 var(--primary); }
.project-list-item strong,.project-list-item small { display: block; }.project-list-item small { margin-top: 4px; color: var(--muted); font-size: 9px; }.project-list-item em { color: var(--primary); font-size: 12px; font-style: normal; font-weight: 850; }
.project-form { display: grid; gap: 13px; margin-top: 18px; }.project-form label { color: #4d586d; font-size: 10px; font-weight: 750; }.project-form label input,.project-form label textarea { margin-top: 6px; font-weight: 500; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.project-form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.project-quota { margin: 4px 0 14px; color: var(--muted); font-size: 10px; line-height: 1.45; }.project-quota.limit-reached { color: var(--danger); font-weight: 750; }
.profile-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 18px; }.profile-summary>div { padding: 12px; border-radius: 11px; background: #f6f7fb; }.profile-summary span,.profile-summary strong { display: block; }.profile-summary span { color: var(--muted); font-size: 9px; }.profile-summary strong { margin-top: 5px; font-size: 18px; }.profile-summary p { grid-column: 1/-1; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.relevance-review-card { margin-top: var(--section-gap); overflow: hidden; }.relevance-review-card>.card-heading { padding: 20px 22px 10px; }.relevance-review-card>.table-wrap { max-height: 560px; overflow: auto; }.relevance-review-card thead { position: sticky; top: 0; z-index: 1; background: #fff; }.review-intro { margin: 0; padding: 0 22px 16px; color: var(--muted); font-size: 11px; }.review-reasons { max-width: 360px; white-space: normal; line-height: 1.45; }.review-actions { display: flex; gap: 6px; }
@keyframes reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.card { background: var(--surface); border: 1px solid rgba(226,229,237,.9); border-radius: var(--radius); box-shadow: var(--shadow); }
.hero-grid { display: grid; grid-template-columns: 1.45fr .75fr; gap: var(--section-gap); }
.hero-grid.managed-overview { grid-template-columns: 1fr; }
.budget-card, .pulse-card { padding: 23px; }
.card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.card-heading h2 { margin: 5px 0 0; font-size: 18px; letter-spacing: -.015em; }
.status-pill { display: inline-flex; align-items: center; white-space: nowrap; padding: 6px 9px; border-radius: 99px; background: #f1f3f7; color: #687389; font-size: 10px; font-weight: 800; }
.status-pill.success { color: #14846d; background: #e9f8f3; }
.status-pill.warning { color: #a66612; background: #fff5df; }
.status-pill.danger { color: #b73c50; background: #fdecef; }
.budget-content { display: grid; grid-template-columns: 142px 1fr; align-items: center; gap: 30px; margin-top: 20px; }
.budget-ring { --budget-angle: 0deg; width: 138px; height: 138px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--primary) var(--budget-angle), #eeeff4 0); position: relative; }
.budget-ring::before { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: white; }
.budget-ring div { z-index: 1; text-align: center; }
.budget-ring strong, .budget-ring span { display: block; }
.budget-ring strong { font-size: 28px; letter-spacing: -.04em; }
.budget-ring span { color: var(--muted); font-size: 10px; margin-top: 2px; }
.budget-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.budget-details > div { padding: 12px; border-radius: 12px; background: #f7f8fb; }
.budget-details span, .budget-details strong { display: block; }
.budget-details span { color: var(--muted); font-size: 10px; }
.budget-details strong { margin-top: 5px; font-size: 15px; }
.budget-details p { grid-column: 1 / -1; color: var(--muted); font-size: 11px; margin: 0; }
.live-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(31,184,151,.11); }
.pulse-list { display: grid; gap: 11px; margin-top: 20px; }
.pulse-list > div { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #f8f9fb; }
.metric-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; font-weight: 850; }
.metric-icon.violet { background: #efedff; color: var(--primary); }
.metric-icon.mint { background: #e7f8f4; color: #168d74; }
.metric-icon.amber { background: #fff4df; color: #b4761f; }
.pulse-list small, .pulse-list strong { display: block; }
.pulse-list small { color: var(--muted); font-size: 10px; }
.pulse-list strong { margin-top: 2px; font-size: 17px; }

.metric-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: var(--section-gap); }
.metric-grid + .table-card { margin-top: var(--section-gap); }
.metric-card { padding: 18px 19px; }
.metric-card > span, .metric-card > small { color: var(--muted); display: block; font-size: 10px; }
.metric-card strong { display: block; font-size: 24px; letter-spacing: -.04em; margin: 8px 0 5px; }
.dynamics-table-card { margin-top: var(--section-gap); }
.dynamics-table-card td:first-child { max-width: 310px; white-space: normal; }
.dynamics-bars { min-width: 118px; height: 34px; display: flex; align-items: flex-end; gap: 3px; }
.dynamics-bars i { width: 7px; min-height: 4px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, #8b7cff, var(--primary)); }
.trend-up { color: var(--mint); }
.trend-down { color: var(--danger); }
.trend-flat { color: var(--muted); }
.cloud-balance-card { background: linear-gradient(145deg, #f0eeff, #fff); }
.cloud-balance-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cloud-balance-card > div > span { color: var(--muted); font-size: 10px; }
.balance-refresh { width: 25px; height: 25px; border: 0; border-radius: 8px; color: var(--primary); background: rgba(109,93,252,.1); font-weight: 800; }
.balance-refresh:disabled { cursor: wait; opacity: .55; }
.cloud-balance-card.unavailable strong { color: #9aa2b1; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--section-gap); margin-top: var(--section-gap); }
.table-card { overflow: hidden; }
.table-card > .card-heading { padding: 21px 22px 12px; }
.table-wrap { width: 100%; overflow-x: auto; }
.table-skeleton td { pointer-events: none; }
.table-skeleton td i { display: block; width: min(100%, 120px); height: 9px; border-radius: 99px; background: linear-gradient(90deg, #eef0f7 25%, #fafbfe 45%, #eef0f7 65%); background-size: 240% 100%; animation: table-skeleton 1.15s ease-in-out infinite; }
.table-skeleton td:nth-child(2) i { width: 180px; }
@keyframes table-skeleton { to { background-position: -240% 0; } }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th { color: #8b95a8; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; font-weight: 800; background: #fafbfc; }
th, td { text-align: left; padding: 12px 15px; border-top: 1px solid var(--line); white-space: nowrap; }
td:first-child, th:first-child { padding-left: 22px; }
td:last-child, th:last-child { padding-right: 22px; }
td strong, td small { display: block; }
td small { color: var(--muted); margin-top: 3px; }
.opportunities-table { min-width: 1060px; font-size: 11px; }
.opportunities-table th, .opportunities-table td { padding: 8px 9px; vertical-align: top; }
.opportunities-table td:first-child, .opportunities-table th:first-child { width: 38px; padding-left: 14px; }
.opportunities-table td:last-child, .opportunities-table th:last-child { padding-right: 14px; }
.opportunities-table td:nth-child(2) { width: 240px; max-width: 240px; white-space: normal; }
.opportunities-table td:nth-child(3) { width: 140px; max-width: 140px; white-space: normal; line-height: 1.35; }
.opportunity-query { display: block; color: #30394c; font-size: 11px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.site-audit-card { margin-bottom: 18px; }
.site-audit-actions { display: flex; align-items: center; gap: 8px; }
.site-audit-table { table-layout: fixed; }
.site-audit-table .site-audit-url { width: 29%; }
.site-audit-table .site-audit-http { width: 76px; }
.site-audit-table .site-audit-title { width: 38%; }
.site-audit-table .site-audit-errors { width: 33%; }
.site-audit-table td { vertical-align: top; white-space: normal; }
.site-audit-row-error { background: #fffdfd; }
.site-audit-page-link { display: block; overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.site-audit-page-link:hover { color: var(--primary); }
.site-audit-title-cell { line-height: 1.45; }
.site-http { display: inline-flex; min-width: 38px; justify-content: center; padding: 4px 7px; border-radius: 8px; font-size: 10px; font-weight: 800; }
.site-http.success { color: #147a62; background: #e6f8f1; }
.site-http.error { color: #b83e53; background: #fff0f2; }
.site-audit-clean { color: #a0a7b5; }
.site-audit-issues { position: relative; }
.site-audit-issues summary { display: inline-flex; align-items: center; gap: 6px; color: #b83e53; font-size: 10px; font-weight: 800; cursor: pointer; list-style: none; }
.site-audit-issues summary::-webkit-details-marker { display: none; }
.site-audit-issues summary::before { content: "▶"; color: #8f98aa; font-size: 8px; transition: transform .15s ease; }
.site-audit-issues[open] summary::before { transform: rotate(90deg); }
.site-audit-issues summary b { min-width: 20px; padding: 2px 6px; border-radius: 99px; color: #b83e53; background: #fff0f2; text-align: center; font-size: 9px; }
.site-audit-issue-list { display: grid; gap: 7px; margin-top: 10px; padding: 10px; border: 1px solid #ebeef4; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(17,24,39,.08); }
.site-audit-issue { display: grid; grid-template-columns: 7px 1fr; gap: 8px; white-space: normal; }
.site-audit-issue i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: #e0a22d; }
.site-audit-issue.error i { background: #d64f60; }
.site-audit-issue strong, .site-audit-issue span { display: block; }
.site-audit-issue strong { color: var(--ink); font-size: 10px; }
.site-audit-issue span { margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.site-audit-issue-list footer { display: flex; flex-wrap: wrap; gap: 6px 12px; padding-top: 7px; border-top: 1px solid var(--line); color: var(--muted); font-size: 8px; }
.site-candidate { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-quality-card { margin: 18px 0; overflow: hidden; }
.site-quality-card > .card-heading { padding: 20px 22px 10px; }
.site-quality-head-actions { display: flex; align-items: center; gap: 10px; }
.quality-strategy-switch { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #f5f6fa; }
.quality-strategy-switch button { padding: 6px 10px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; font-size: 9px; font-weight: 750; cursor: pointer; }
.quality-strategy-switch button.active { color: #fff; background: var(--primary); box-shadow: 0 3px 9px rgba(109,93,252,.22); }
.site-quality-scores { display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)); gap: 12px; padding: 10px 22px 20px; border-bottom: 1px solid var(--line); }
.quality-score { display: grid; justify-items: center; gap: 8px; text-align: center; }
.quality-score strong { box-sizing: border-box; display: grid; width: 50px; height: 50px; place-items: center; border: 3px solid #d9dee8; border-radius: 50%; color: #7b8496; background: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 17px; font-weight: 500; line-height: 1; }
.quality-score[data-tone="good"] strong { color: #0c9f45; border-color: #20c968; background: #fff; }
.quality-score[data-tone="warning"] strong { color: #b06d00; border-color: #f9ab00; background: #fff; }
.quality-score[data-tone="bad"] strong { color: #d93025; border-color: #ff4e42; background: #fff; }
.quality-score span { color: #3f485a; font-size: 10px; line-height: 1.35; }
.agent-quality strong { width: auto; min-width: 62px; height: 34px; padding: 0 13px; border: 0; border-radius: 99px; background: #edf1f7; font-family: inherit; font-weight: 800; }
.agent-quality[data-tone="good"] strong { color: #129454; background: #e4f8ee; }
.agent-quality[data-tone="warning"] strong { color: #a16b08; background: #fff4d9; }
.agent-quality[data-tone="bad"] strong { color: #c53b48; background: #fff0f2; }
.site-quality-details { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 18px 22px 22px; }
.site-quality-details h3 { margin: 0 0 10px; font-size: 12px; }
.quality-list { display: grid; gap: 8px; }
.quality-list > p { margin: 0; color: var(--muted); font-size: 10px; }
.quality-list article { display: grid; grid-template-columns: 8px 1fr; gap: 9px; align-items: start; padding: 9px 10px; border-radius: 9px; background: #f7f8fb; }
.quality-list article i { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: #98a1b3; }
.quality-list article i.good { background: #22c875; }.quality-list article i.warning { background: #f3b53f; }.quality-list article i.bad { background: #ef6573; }
.quality-list article strong, .quality-list article span { display: block; }
.quality-list article strong { font-size: 10px; }.quality-list article span { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.metric-breakdown { position: relative; min-width: 72px; }
.metric-breakdown summary { display: inline-flex; align-items: center; gap: 5px; color: var(--primary); font-size: 14px; font-weight: 850; cursor: pointer; list-style: none; }
.metric-breakdown summary::-webkit-details-marker { display: none; }
.metric-breakdown summary::before { content: "▶"; color: var(--primary); font-size: 8px; transition: transform .15s ease; }
.metric-breakdown[open] summary::before { transform: rotate(90deg); }
.metric-breakdown > div { position: absolute; z-index: 20; top: calc(100% + 5px); right: 0; width: 270px; display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 12px 32px rgba(17,24,39,.16); }
.metric-breakdown span { display: flex; justify-content: space-between; gap: 10px; font-size: 9px; white-space: nowrap; }
.metric-breakdown b { color: var(--muted); font-weight: 600; }
.metric-breakdown em { color: var(--ink); font-style: normal; font-weight: 750; }
.metric-breakdown .metric-total { margin-top: 3px; padding-top: 4px; border-top: 1px solid var(--line); }
.row-action { border: 0; color: var(--primary); background: transparent; font-weight: 800; }
.progress-cell { min-width: 130px; }
.progress-meta { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; margin-bottom: 5px; }
.progress-track { height: 6px; border-radius: 99px; background: #eceef3; overflow: hidden; }
.progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--primary); }
.live-progress-card { margin: 0 0 14px; padding: 13px 16px; border-color: #dcd8ff; background: linear-gradient(145deg, #f7f5ff, #fff); box-shadow: none; }
.live-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.live-progress-head > span { display: flex; align-items: center; gap: 8px; }
.live-progress-head i { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(31,184,151,.12); animation: live-pulse 1.4s ease-in-out infinite; }
.live-progress-head strong { font-size: 11px; }
.live-progress-head b { color: var(--primary-dark); font-size: 12px; }
.live-progress-track { height: 8px; }
.live-progress-track span { transition: width .35s ease; background: linear-gradient(90deg, var(--primary), #8a7dff); }
.live-progress-track span.indeterminate { position: relative; overflow: hidden; }
.live-progress-track span.indeterminate::after { content: ""; position: absolute; inset: 0; width: 38%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent); animation: progress-shimmer 1.15s ease-in-out infinite; }
.live-progress-card small { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }
.site-audit-live-progress:not(.hidden) + .metric-grid { margin-top: 0; }
@keyframes live-pulse { 50% { opacity: .42; transform: scale(.78); } }

.section-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
.section-toolbar p { color: var(--muted); margin: 0; font-size: 13px; }
.serp-run-status { color: var(--muted); font-size: 11px; white-space: nowrap; }
.serp-run-status.running { color: var(--primary-dark); font-weight: 700; }
.mini-spinner, .button-spinner { display: inline-block; width: 11px; height: 11px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -2px; animation: spin .7s linear infinite; }
.button-spinner { width: 13px; height: 13px; margin-right: 6px; }
.button.is-loading { cursor: progress; }
.scope-note, .count-label { display: inline-block; color: #8b6f2a; background: #fff4db; border-radius: 99px; padding: 6px 9px; font-size: 10px; margin-top: 8px; }
.filters { display: flex; gap: 9px; }
input, select, textarea { width: 100%; color: var(--ink); border: 1px solid #dfe3eb; background: white; border-radius: 10px; padding: 10px 12px; outline: none; transition: .16s; }
input:focus, select:focus, textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(109,93,252,.1); }
.filters input { width: 230px; }
.filters select { width: 180px; }
.discovery-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.discovery-guide { margin: 0 0 14px; padding: 0; overflow: hidden; box-shadow: none; }
.discovery-guide summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 16px; cursor: pointer; list-style: none; background: linear-gradient(145deg, #f4f2ff, #fff); }
.discovery-guide summary::-webkit-details-marker { display: none; }
.discovery-guide summary > span:first-child { display: flex; align-items: baseline; gap: 10px; }
.discovery-guide summary strong { color: var(--primary-dark); font-size: 12px; }
.discovery-guide summary small { color: var(--muted); font-size: 10px; }
.discovery-guide-toggle { color: var(--primary); font-size: 10px; font-weight: 800; white-space: nowrap; }
.discovery-guide:not([open]) .discovery-guide-toggle { font-size: 0; }
.discovery-guide:not([open]) .discovery-guide-toggle::after { content: "Показать"; font-size: 10px; }
.discovery-guide-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-top: 1px solid var(--line); background: var(--line); }
.discovery-guide-steps article { min-width: 0; display: flex; gap: 9px; padding: 12px 13px; background: white; }
.discovery-guide-steps article > b { flex: 0 0 23px; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: var(--primary-dark); background: #efedff; font-size: 10px; }
.discovery-guide-steps strong { display: block; margin: 1px 0 5px; font-size: 11px; }
.discovery-guide-steps p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.discovery-guide-steps em { color: #4d586d; font-style: normal; font-weight: 750; }
.discovery-guide-result { display: flex; gap: 7px; padding: 10px 16px; border-top: 1px solid var(--line); color: #566078; background: #fafbff; font-size: 10px; line-height: 1.45; }
.discovery-guide-result strong { color: var(--ink); }
.discovery-guide-links { display: flex; gap: 7px; padding: 0 16px 12px; background: #fafbff; }
.discovery-explainer { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; margin: 14px 0; padding: 14px 17px; color: #566078; background: linear-gradient(145deg, #f4f2ff, #fff); box-shadow: none; font-size: 11px; line-height: 1.5; }
.discovery-explainer strong { color: var(--primary-dark); white-space: nowrap; }
.discovery-actions { margin: 0 0 10px; }
.discovery-filterbar { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 8px 10px; box-shadow: none; }
.discovery-filterbar input { min-width: 230px; flex: 1; }
.discovery-filterbar select { min-width: 180px; }
.quality-tier.review { background: #fff3d7; color: #95620d; }
.quality-tier.noise { background: #eef1f6; color: #718096; }
.discovery-table-card .table-wrap { max-height: calc(100vh - 390px); overflow: auto; }
.discovery-table-card th { position: sticky; top: 0; z-index: 2; }
.discovery-table-card td:nth-child(2) { max-width: 330px; white-space: normal; }
.discovery-source { display: inline-flex; padding: 4px 7px; border-radius: 99px; color: #566078; background: #eef0f4; font-size: 9px; font-weight: 750; }
.discovery-source.association { color: var(--primary-dark); background: #efedff; }
.discovery-source.root { color: #147a62; background: #e6f8f1; }
.discovery-score { color: var(--primary-dark); font-weight: 850; }
.cluster-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cluster-exclusions { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.6fr) auto; gap: 12px; align-items: center; margin-bottom: 14px; padding: 14px 16px; }
.cluster-exclusions strong, .cluster-exclusions small { display: block; }
.cluster-exclusions small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.cluster-exclusions input { width: 100%; }
.cluster-card { padding: 19px; }
.cluster-card-head { display: flex; justify-content: space-between; gap: 12px; }
.cluster-card-actions { display: flex; align-items: flex-start; gap: 8px; }
.cluster-delete { display: inline-grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; padding: 0; border: 1px solid #e4e7ef; border-radius: 9px; color: #8a94a8; background: #fff; cursor: pointer; transition: .16s ease; }
.cluster-delete svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cluster-delete:hover { border-color: #f1b8bd; color: #c53b48; background: #fff4f5; }
.cluster-delete:disabled { opacity: .45; cursor: wait; }
.cluster-card h3 { margin: 0; font-size: 15px; }
.cluster-card .score { color: var(--primary); font-size: 17px; font-weight: 850; }
.cluster-card .top-query { margin: 14px 0; padding: 11px; border-radius: 10px; background: #f6f7fa; color: #4d586d; font-size: 11px; line-height: 1.45; }
.cluster-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 12px; color: var(--muted); font-size: 10px; }
.cluster-keywords { display: grid; gap: 6px; margin: 12px 0; }
.cluster-keyword { width: 100%; border: 1px solid #e6e9f0; background: #f8f9fb; color: #4d586d; border-radius: 9px; padding: 8px 10px; text-align: left; font-size: 10px; cursor: pointer; }
.cluster-keyword:hover { border-color: #bfc7f8; background: #f2f3ff; color: var(--primary); }
.intent-tag { display: inline-flex; padding: 5px 8px; border-radius: 99px; background: #efedff; color: var(--primary-dark); font-size: 9px; font-weight: 800; }
.plan-action, .plan-category { display: inline-flex; padding: 4px 7px; border-radius: 99px; font-size: 8px; font-weight: 800; white-space: nowrap; }
.plan-action.create { color: #147a62; background: #e6f8f1; }
.plan-action.update { color: #8b641d; background: #fff3d6; }
.plan-category.quick_win { color: #147a62; background: #e6f8f1; }
.plan-category.strategic { color: var(--primary-dark); background: #efedff; }
.plan-category.experiment { color: #6c7486; background: #eef0f4; }
.plan-url { display: block; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--primary-dark); }
.plan-reasons-trigger { min-width: 76px; padding: 0; border: 0; color: var(--primary); background: transparent; font-size: 10px; font-weight: 750; text-align: left; white-space: nowrap; }
.plan-reasons-popover { position: fixed; z-index: 90; max-height: min(320px, calc(100vh - 24px)); overflow-y: auto; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 18px 45px rgba(17,24,39,.2); }
.plan-reasons-popover > strong { display: block; margin-bottom: 9px; font-size: 11px; }
.plan-reasons-popover ul { margin: 0; padding-left: 18px; }
.plan-reasons-popover li { margin: 0 0 7px; color: #4d586d; font-size: 10px; line-height: 1.45; }
.plan-reasons-popover li:last-child { margin-bottom: 0; }
.content-plan-toolbar { align-items: center; margin-bottom: 9px; }
.content-plan-toolbar > div:first-child { min-width: 0; display: grid; gap: 5px; }
.content-plan-toolbar > div:first-child p { line-height: 1.35; white-space: normal; }
.content-plan-toolbar .scope-note { max-width: 100%; width: fit-content; overflow: hidden; margin-top: 0; padding: 5px 8px; text-overflow: ellipsis; white-space: nowrap; }
.content-plan-actions { align-items: center; flex-wrap: nowrap; justify-content: flex-end; }
.content-plan-actions .count-label { margin-top: 0; }
.export-actions { display: flex; gap: 7px; }
.main:has(.page-section[data-section="content-plan"].active) { padding-bottom: 15px; }
.page-section[data-section="content-plan"].active { display: flex; min-height: calc(100vh - 125px); flex-direction: column; }
.content-plan-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 0; }
.content-plan-metrics .metric-card { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 9px; padding: 9px 12px; border-radius: 13px; box-shadow: none; }
.content-plan-metrics .metric-card > span { grid-column: 2; align-self: end; }
.content-plan-metrics .metric-card > strong { grid-row: 1 / 3; align-self: center; margin: 0; font-size: 20px; }
.content-plan-metrics .metric-card > small { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plan-bulk-toolbar { display: flex; align-items: center; gap: 8px; margin-top: 9px; padding: 6px 10px; border-radius: 13px; box-shadow: none; }
.plan-selection-summary { min-width: 105px; display: flex; align-items: baseline; gap: 5px; }
.plan-selection-summary strong { color: var(--primary-dark); font-size: 18px; }
.plan-selection-summary span { color: var(--muted); font-size: 10px; }
.plan-selection-actions, .plan-bulk-actions { display: flex; align-items: center; gap: 7px; }
.plan-bulk-actions { margin-left: auto; }
.plan-bulk-actions label { color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.plan-bulk-actions select { width: 150px; padding: 7px 28px 7px 10px; font-size: 10px; }
.content-plan-card { display: flex; min-height: 390px; flex: 1 1 390px; flex-direction: column; margin-top: 9px; }
.content-plan-table-wrap { min-height: 0; flex: 1; overflow: auto; scrollbar-gutter: stable; }
.content-plan-table { min-width: 1160px; table-layout: fixed; font-size: 11px; }
.content-plan-table .col-select { width: 42px; }
.content-plan-table .col-number { width: 48px; }
.content-plan-table .col-status { width: 132px; }
.content-plan-table .col-priority { width: 112px; }
.content-plan-table .col-action { width: 94px; }
.content-plan-table .col-format { width: 96px; }
.content-plan-table .col-page { width: 230px; }
.content-plan-table .col-architecture { width: 180px; }
.content-plan-table .col-query { width: 250px; }
.content-plan-table .col-demand { width: 82px; }
.content-plan-table .col-score { width: 92px; }
.content-plan-table .col-reasons { width: 92px; }
.content-plan-table th { position: sticky; top: 0; z-index: 3; box-shadow: 0 1px 0 var(--line); }
.content-plan-table th, .content-plan-table td { padding: 8px 9px; }
.content-plan-table td:first-child, .content-plan-table th:first-child { padding-left: 14px; padding-right: 4px; }
.content-plan-table td:last-child, .content-plan-table th:last-child { padding-right: 16px; }
.content-plan-table td { vertical-align: top; }
.content-plan-table td small { margin-top: 2px; font-size: 9px; }
.content-plan-table tr.is-selected td { background: #f4f2ff; }
.plan-checkbox { width: 17px; height: 17px; margin: 0; padding: 0; border-radius: 5px; accent-color: var(--primary); cursor: pointer; }
.content-plan-table .plan-page-cell, .content-plan-table .plan-query-cell, .content-plan-table .plan-architecture-cell { white-space: normal; }
.content-plan-table .plan-page-cell strong, .content-plan-table .plan-query-cell strong { line-height: 1.28; }
.content-plan-table .numeric-cell { text-align: right; }
.plan-status-select { width: 122px; min-width: 122px; padding: 6px 28px 6px 9px; font-size: 10px; }
.content-plan-table .plan-url { max-width: 225px; margin-top: 4px; font-size: 9px; }
.plan-links { position: relative; margin-top: 4px; }
.plan-links summary { color: var(--primary); cursor: pointer; font-size: 9px; font-weight: 750; }
.plan-links ul { position: absolute; z-index: 25; right: 0; width: 360px; margin: 6px 0 0; padding: 14px 14px 14px 28px; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 12px 32px rgba(17,24,39,.16); }
.plan-links li { margin-bottom: 8px; color: #4d586d; font-size: 10px; line-height: 1.4; }
.plan-links li:last-child { margin-bottom: 0; }
.plan-links b, .plan-links span { display: block; }
.plan-links span { color: var(--muted); margin-top: 2px; }
.content-plan-table-wrap::-webkit-scrollbar { width: 11px; height: 11px; }
.content-plan-table-wrap::-webkit-scrollbar-thumb { background: #c8ceda; border: 3px solid white; border-radius: 99px; }
.content-plan-table-wrap::-webkit-scrollbar-track { background: white; }
.plan-pagination { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 10px 5px 14px; border-top: 1px solid var(--line); background: #fafbfc; color: var(--muted); font-size: 10px; }
.plan-pagination > div { display: flex; align-items: center; gap: 7px; }
.plan-pagination label { font-weight: 650; white-space: nowrap; }
.plan-pagination select { width: 62px; padding: 6px 24px 6px 8px; font-size: 10px; }
.plan-pagination .button { min-width: 31px; padding: 7px 9px; }
.plan-pagination strong { min-width: 38px; color: var(--ink); text-align: center; }

.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.oauth-admin { margin-bottom:16px; overflow:hidden; }
.oauth-admin>.card-heading { padding:22px; align-items:flex-start; }
.oauth-admin>.card-heading p:not(.eyebrow) { max-width:720px; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.55; }
.analytics-admin-body { display:grid; gap:18px; padding:0 22px 22px; border-top:1px solid var(--line); }
.analytics-notice { display:flex; align-items:center; gap:12px; margin-top:18px; padding:12px 14px; border-radius:11px; color:#2d6a91; background:#e9f7ff; font-size:10px; line-height:1.5; }
.analytics-notice span { flex:0 0 24px; width:24px; height:24px; display:grid; place-items:center; border-radius:7px; color:white; background:#35a9e7; font-weight:850; }
.analytics-notice p { margin:0; }
.analytics-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; }
.analytics-fields label { display:grid; gap:6px; min-width:0; color:var(--muted); font-size:10px; font-weight:750; }
.analytics-fields input { width:100%; border:1px solid var(--line); border-radius:10px; padding:11px 12px; color:var(--ink); background:var(--surface); outline:none; }
.analytics-fields input:focus { border-color:#9b91ff; box-shadow:0 0 0 3px rgba(109,93,252,.1); }
.analytics-fields small,.analytics-admin-footer small { color:var(--muted); font-size:9px; font-weight:500; }
.analytics-admin-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.oauth-provider-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }
.tbank-tls-body { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr); border-top:1px solid var(--line); }
.tbank-tls-control,.tbank-tls-result { padding:20px 22px; min-width:0; }
.tbank-tls-control { border-right:1px solid var(--line); }
.tbank-tls-control>p { margin:10px 0 16px; color:var(--muted); font-size:11px; line-height:1.55; }
.tbank-tls-result { display:grid; gap:9px; align-content:start; color:var(--muted); font-size:11px; }
.tbank-tls-endpoint,.tbank-tls-certificate { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface-soft); }
.tbank-tls-endpoint strong,.tbank-tls-certificate strong { color:var(--ink); overflow-wrap:anywhere; }
.tbank-tls-endpoint small,.tbank-tls-certificate small { grid-column:1/-1; overflow-wrap:anywhere; }
.oauth-provider-card { min-width:0; padding:22px; }
.oauth-provider-card+.oauth-provider-card { border-left:1px solid var(--line); }
.oauth-provider-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.oauth-provider-head h3 { margin:0 0 5px; font-size:17px; }
.oauth-provider-head p { margin:0; color:var(--muted); font-size:10px; line-height:1.45; }
.oauth-toggle { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; font-weight:800; cursor:pointer; }
.oauth-toggle input { position:relative; width:36px; height:20px; margin:0; appearance:none; border:0; border-radius:99px; background:#dfe3ec; cursor:pointer; transition:background .15s; }
.oauth-toggle input::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(17,24,39,.22); transition:transform .15s; }
.oauth-toggle input:checked { background:var(--primary); }
.oauth-toggle input:checked::after { transform:translateX(16px); }
.oauth-fields { display:grid; gap:12px; }
.oauth-fields label { display:grid; gap:6px; color:var(--muted); font-size:10px; font-weight:750; }
.oauth-fields input { width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 11px; background:var(--surface); color:var(--ink); outline:none; }
.oauth-fields input:focus { border-color:#9b91ff; box-shadow:0 0 0 3px rgba(109,93,252,.1); }
.oauth-redirect { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.oauth-redirect code { min-width:0; overflow:hidden; padding:10px 11px; border:1px solid var(--line); border-radius:10px; background:#f7f8fb; color:#465169; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.oauth-provider-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.oauth-provider-footer small { color:var(--muted); font-size:9px; }
.provider-auth { display:grid; gap:10px; }
.yandexid-button,.vkid-one-tap { min-height:44px; }
.yandexid-button>div,.vkid-one-tap>div { width:100%!important; }
.yandexid-fallback { position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:0 48px; border-radius:10px; background:#000; color:#fff; font-weight:700; text-align:center; text-decoration:none; }
.yandexid-fallback:hover { background:#1a1a1a; }
.yandexid-fallback-icon { position:absolute; left:12px; display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:#fc3f1d; color:#fff; font-size:15px; font-weight:800; }
.vkid-one-tap { min-height:44px; }
.settings-card { padding: 22px; }
.settings-card dl { margin: 18px 0 0; }
.settings-card dl > div { display: grid; grid-template-columns: 1fr 1.4fr; gap: 14px; padding: 11px 0; border-top: 1px solid var(--line); }
.settings-card dt { color: var(--muted); font-size: 11px; }
.settings-card dd { margin: 0; font-size: 11px; text-align: right; overflow-wrap: anywhere; }
.help-card { background: linear-gradient(145deg, #f0eeff, #f7f6ff); box-shadow: none; }
.help-card p:last-child { color: #5f6880; line-height: 1.65; font-size: 12px; }

.empty-state { padding: 38px 20px; text-align: center; color: var(--muted); }
.empty-state span { font-size: 29px; color: #aab2c1; }
.empty-state h3 { color: var(--ink); font-size: 15px; margin: 10px 0 4px; }
.empty-state p { margin: 0; font-size: 11px; }
.hidden { display: none !important; }
.notice { border: 1px solid #f1c9cf; background: #fff2f4; color: #a53b4e; border-radius: 12px; padding: 11px 14px; margin-bottom: 16px; font-size: 12px; }
.free-plan-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:var(--section-gap); padding:14px 16px; border:1px solid #d8d2ff; border-radius:14px; background:linear-gradient(135deg,#f4f2ff,#fbfaff); box-shadow:0 10px 28px rgba(76,61,183,.07); }
.free-plan-banner > div { min-width:0; }.free-plan-banner strong,.free-plan-banner span { display:block; }.free-plan-banner strong { color:#33266f; font-size:12px; }.free-plan-banner span { margin-top:4px; color:#667087; font-size:11px; line-height:1.45; }.free-plan-banner .button { flex:0 0 auto; }

.modal { position:fixed; inset:0; margin:auto; width: min(600px, calc(100vw - 28px)); max-height:calc(100dvh - 28px); overflow:auto; border: 0; border-radius: 19px; padding: 0; color: var(--ink); box-shadow: 0 28px 90px rgba(17,24,39,.25); }
.modal::backdrop { background: rgba(17,24,39,.48); backdrop-filter: blur(3px); }
.modal > form, .modal > .modal-content, .modal > #runDetailsContent { padding: 24px; }
.modal-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 19px; }
.modal-head h2 { margin: 5px 0 0; }
.modal label { display: block; color: #3f485b; font-size: 11px; font-weight: 800; margin-top: 14px; }
.modal label > span { float: right; color: #98a0af; font-weight: 500; }
.modal label input, .modal label select, .modal label textarea { margin-top: 7px; font-weight: 500; }
.modal .checkbox-label { display: flex; gap: 9px; align-items: center; }
.modal .checkbox-label input { width: auto; margin: 0; }
.modal textarea { resize: vertical; min-height: 130px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cost-preview { margin-top: 17px; padding: 13px 14px; border-radius: 12px; background: #f5f4ff; display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; }
.cost-preview span { color: #6c7390; font-size: 10px; }
.cost-preview strong { color: var(--primary-dark); font-size: 12px; }
.cost-preview small { grid-column: 1 / -1; color: #858da0; font-size: 9px; }
.modal-description { color: var(--muted); font-size: 13px; line-height: 1.45; }
.competition-plan { margin-top: 16px; border: 1px solid var(--line); border-radius: 12px; padding: 13px 14px; color: var(--muted); font-size: 12px; }
.competition-plan strong { display: block; color: var(--ink); margin-bottom: 4px; }
.competition-plan small { display: block; margin-top: 6px; line-height: 1.45; }
.serp-live-progress { margin-top: 16px; padding: 14px; border-radius: 12px; background: #f5f4ff; }
.serp-live-progress > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 9px; font-size: 12px; }
.serp-live-progress small { display: block; color: var(--muted); margin-top: 8px; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes progress-shimmer { from { transform: translateX(-110%); } to { transform: translateX(270%); } }
.geo-explainer { padding: 12px 14px; border: 1px solid #e2defe; border-radius: 12px; background: #faf9ff; color: var(--muted); font-size: 10px; line-height: 1.55; }
.geo-explainer strong { display: block; color: var(--primary-dark); margin-bottom: 3px; }
.geo-explainer p { margin: 0; }
.geo-plan-preview { margin-top: 14px; max-height: 126px; overflow: auto; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcff; color: var(--muted); font-size: 10px; line-height: 1.55; }
.geo-plan-preview strong { color: var(--ink); }
.region-resolution { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.35; }
.region-resolution.resolved { color: var(--success); }
.region-resolution.error { color: var(--danger); }
.run-scope { display: inline-flex; margin-top: 4px; padding: 2px 7px; border-radius: 999px; background: #e9e5ff; color: var(--primary-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.geo-results { margin-top: 16px; max-height: 280px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.geo-results table { font-size: 10px; }
.selection-preview { margin-top: 14px; padding: 12px 14px; border: 1px solid #e5e1ff; border-radius: 12px; background: #faf9ff; }
.selection-preview strong, .selection-preview span, .selection-preview small { display: block; }
.selection-preview strong { color: var(--primary-dark); font-size: 12px; }
.selection-preview span { margin-top: 4px; color: #5f6880; font-size: 10px; }
.selection-preview small { margin-top: 4px; color: #8a94a8; font-size: 9px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; }
.modal-wide { width: min(860px, calc(100vw - 28px)); }
.site-audit-report-modal { width:min(1040px,calc(100vw - 28px)); background:#eef1f6; }
.site-audit-report-modal .site-audit-report-shell { padding:20px; }
.site-audit-report-modal .modal-head { position:sticky; top:-20px; z-index:4; margin:-20px -20px 18px; padding:18px 20px; border-bottom:1px solid #dfe3ea; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.site-audit-report-content { color:#1b2435; }
.audit-report-paper { width:min(850px,100%); margin:0 auto; border:1px solid #e0e4eb; border-radius:5px; background:#fff; box-shadow:0 18px 48px rgba(20,30,50,.1); }
.audit-report-cover { display:flex; justify-content:space-between; gap:28px; padding:34px 38px; border-bottom:1px solid #e6e9ef; background:linear-gradient(135deg,#fff 58%,#f3f1ff); }
.audit-report-cover>div:first-child { min-width:0; }
.audit-report-cover span,.audit-report-cover p { color:#737d91; font-size:10px; }
.audit-report-cover h1 { margin:9px 0 7px; overflow-wrap:anywhere; font-size:25px; letter-spacing:-.035em; }
.audit-report-cover p { margin:0; line-height:1.5; }
.audit-report-score { flex:0 0 116px; display:grid; grid-template-columns:auto auto; align-content:center; justify-content:center; min-height:110px; border:1px solid #dfe4ec; border-radius:18px; background:#fff; text-align:center; box-shadow:0 8px 24px rgba(30,40,70,.07); }
.audit-report-score strong { font-size:38px; line-height:1; }.audit-report-score>span { align-self:end; padding-bottom:4px; color:#9299a8; font-size:11px; }.audit-report-score small { grid-column:1/-1; max-width:90px; margin-top:6px; color:#7f8797; font-size:8px; line-height:1.35; }
.audit-report-score.good strong { color:#15945a; }.audit-report-score.warning strong { color:#ba7b12; }.audit-report-score.bad strong { color:#ce4351; }
.audit-report-summary,.audit-report-section { padding:25px 38px; border-bottom:1px solid #e7eaf0; }
.audit-report-summary h2,.audit-report-section h3 { margin:0 0 15px; font-size:16px; }
.audit-report-summary>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.audit-report-summary article { min-width:0; padding:11px 12px; border-radius:10px; background:#f6f8fb; }
.audit-report-summary article span,.audit-report-summary article strong { display:block; }.audit-report-summary article span { color:#8991a0; font-size:8px; text-transform:uppercase; letter-spacing:.05em; }.audit-report-summary article strong { margin-top:5px; overflow:hidden; color:#3b4558; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.audit-report-summary p { margin:13px 0 0; color:#687287; font-size:9px; line-height:1.55; }.audit-report-summary p+p { margin-top:5px; }.audit-report-summary p b { color:#414b5f; }
.audit-report-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.audit-report-check { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:9px; align-items:start; min-width:0; padding:11px 12px; border:1px solid #e6e9ef; border-radius:10px; background:#fff; }
.audit-report-check>i { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:#fff; background:#8993a6; font-size:10px; font-style:normal; font-weight:900; }.audit-report-check.pass>i { background:#23b875; }.audit-report-check.warning>i { background:#e5a72f; }.audit-report-check.fail>i { background:#e55c69; }.audit-report-check.info>i { background:#7586b5; }
.audit-report-check strong,.audit-report-check span { display:block; }.audit-report-check strong { font-size:10px; }.audit-report-check span { margin-top:3px; color:#7d8698; font-size:8px; line-height:1.45; }.audit-report-check>b { max-width:145px; overflow:hidden; padding:5px 7px; border-radius:7px; color:#556075; background:#f3f5f8; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.audit-report-page-issues>p { margin:-8px 0 13px; color:#7d8698; font-size:9px; }.audit-report-aggregate { display:flex; justify-content:space-between; gap:18px; padding:11px 0; border-top:1px solid #eceef3; }.audit-report-aggregate:first-child { border-top:0; }.audit-report-aggregate strong,.audit-report-aggregate span { display:block; }.audit-report-aggregate strong { font-size:10px; }.audit-report-aggregate span { max-width:610px; margin-top:3px; color:#7b8495; font-size:8px; line-height:1.45; }.audit-report-aggregate>b { flex:0 0 auto; align-self:center; padding:5px 8px; border-radius:99px; color:#9b6914; background:#fff3d9; font-size:8px; }.audit-report-aggregate.error>b { color:#b63d4b; background:#ffedf0; }.audit-report-clean { padding:14px; border-radius:10px; color:#147a51; background:#e8f8f0; font-size:10px; }
.confirm-modal { width: min(430px, calc(100vw - 28px)); }
.confirm-modal p { color: var(--muted); line-height: 1.6; font-size: 12px; }
.details-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 15px 0 20px; }
.details-summary > div { padding: 12px; border-radius: 11px; background: #f6f7fa; }
.details-summary small, .details-summary strong { display: block; }
.details-summary small { color: var(--muted); font-size: 9px; }
.details-summary strong { margin-top: 4px; font-size: 16px; }
.details-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 17px; }
.subsection-toolbar { margin-top: 24px; }
.table-note { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.seed-list { max-height: 350px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.seed-row { padding: 10px 12px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.seed-row:first-child { border-top: 0; }
.seed-row strong, .seed-row small { display: block; }
.seed-row strong { font-size: 11px; }
.seed-row small { color: var(--danger); margin-top: 3px; font-size: 9px; white-space: normal; }
.toast { position: fixed; right: 24px; bottom: 24px; max-width: 360px; color: white; background: #20283a; border-radius: 12px; padding: 12px 15px; font-size: 11px; box-shadow: 0 15px 40px rgba(17,24,39,.25); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s; z-index: 100; }
.toast.visible { opacity: 1; transform: none; }
.toast.error { background: #b83e53; }
.auth-gate { position: fixed; inset: 0; z-index: 1000; height: 100dvh; display: flex; align-items: flex-start; justify-content: center; padding: 20px; overflow-y: auto; overscroll-behavior: contain; background: #f5f6f9; }
.auth-gate.hidden { display: none; }
.auth-gate > :not(.hidden) { margin-block: auto; }
.auth-pending .app-shell { visibility: hidden; }
.auth-checking { display:grid; justify-items:center; gap:12px; color:var(--ink); }.auth-checking .brand-mark { width:54px; height:54px; border-radius:17px; font-size:20px; }.auth-checking>strong { font-size:18px; }.auth-checking>small { color:var(--muted); font-size:10px; }.auth-spinner { width:24px; height:24px; margin-top:5px; border:3px solid #dedbf9; border-top-color:var(--primary); border-radius:50%; animation:auth-spin .75s linear infinite; }@keyframes auth-spin { to { transform:rotate(360deg); } }
.auth-card { width: min(420px,100%); padding: 34px; border-radius: 22px; background: white; box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.auth-card h1 { margin: 10px 0; font-size: 25px; }.auth-card p { color: var(--muted); line-height: 1.55; }.auth-card label { display: grid; gap: 7px; margin: 22px 0 14px; font-size: 11px; font-weight: 800; }.auth-card small { display:block; min-height:18px; margin-top:10px; color:var(--danger); }
.auth-card #inviteIdentity { overflow-wrap:anywhere; }
.auth-card #loginSubmit { width:100%; min-height:44px; margin-top:2px; }
.password-input { position:relative; display:block; }
.password-input input { width:100%; padding-right:44px; }
.password-visibility { position:absolute; top:50%; right:6px; display:grid; width:32px; height:32px; padding:0; transform:translateY(-50%); place-items:center; border:0; border-radius:8px; color:#8b94a5; background:transparent; }
.password-visibility::after { content:""; position:absolute; width:21px; height:2px; border-radius:2px; background:currentColor; opacity:0; transform:rotate(-45deg) scaleX(.65); transition:opacity .15s ease,transform .15s ease; }
.password-visibility:hover,.password-visibility[aria-pressed="true"] { color:#6253e8; background:#f1efff; }
.password-visibility[aria-pressed="true"]::after { opacity:1; transform:rotate(-45deg) scaleX(1); }
.password-visibility svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.auth-card p.auth-legal { margin:12px 0 0; color:#8b94a5; font-size:10px; line-height:1.5; text-align:center; }
.auth-legal a { color:#727c90; text-decoration:underline; text-underline-offset:2px; }
.auth-forgot { display:block; width:fit-content; margin:8px auto 0; padding:0; color:#8b94a5; font-size:11px; font-weight:500; }.auth-forgot:hover { color:#687387; }
#passwordResetRequestSubmit,#passwordResetCompleteSubmit { width:100%; min-height:44px; }
.auth-back-login { display:block; width:fit-content; margin:12px auto 0; padding:0; color:#8b94a5; font-size:11px; font-weight:500; }.auth-back-login:hover { color:#687387; }.auth-card small.auth-success,#passwordResetRequestResult.auth-success { color:var(--mint); }
.auth-tabs { display:flex; gap:5px; padding:4px; border-radius:11px; background:#f1f3f8; }.auth-tabs button { flex:1; padding:9px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-weight:800; }.auth-tabs button.active { background:white; color:var(--primary-dark); box-shadow:0 2px 8px rgba(20,30,55,.08); }.auth-divider { display:flex; align-items:center; gap:10px; margin:18px 0 12px; color:var(--muted); font-size:10px; }.auth-divider::before,.auth-divider::after { content:""; flex:1; height:1px; background:var(--line); }
.account-summary-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:16px; align-items:stretch; }
.account-summary-card { min-width:0; min-height:150px; padding:22px; display:flex; flex-direction:column; justify-content:space-between; }
.account-summary-main { display:flex; gap:14px; align-items:flex-start; min-width:0; }.account-summary-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(145deg,#8173ff,#5847e5); font-weight:850; box-shadow:0 7px 20px rgba(109,93,252,.25); }.account-summary-main>div { min-width:0; }.account-summary-card h2 { margin:6px 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:21px; }.account-summary-card p { margin:0; color:var(--muted); line-height:1.5; }.account-summary-main p:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-summary-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; }.account-summary-footer .button { padding:8px 12px; }.account-summary-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.account-wallet-card { flex-direction:row; align-items:flex-end; gap:18px; }.account-balance { display:block; margin:7px 0 4px; font-size:32px; line-height:1.1; letter-spacing:-.035em; }.account-summary-note { flex:0 0 auto; padding:6px 9px; border-radius:9px; color:#8b6f2a; background:#fff4db; font-size:9px; font-weight:750; }
.wallet-topup { display:grid; justify-items:end; gap:9px; }.wallet-topup-control { display:grid; grid-template-columns:110px auto; gap:7px; }.wallet-topup-control input { min-width:0; border:1px solid var(--line); border-radius:10px; padding:8px 10px; }.plan-card .button { align-self:flex-start; margin-top:13px; }
.account-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin:24px 2px 10px; }.account-section-heading h2 { margin:5px 0 0; font-size:19px; }.account-section-heading>p { max-width:520px; margin:0; color:var(--muted); font-size:11px; text-align:right; line-height:1.5; }
.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }.plan-card { position:relative; min-height:360px; padding:24px; display:flex; flex-direction:column; overflow:hidden; transition:transform .18s,box-shadow .18s,border-color .18s; }.plan-card:hover { transform:translateY(-3px); border-color:#c9c2ff; box-shadow:0 18px 45px rgba(55,43,145,.12); }.plan-card-managed-wallet { grid-column:span 2; border:2px solid #7666ff; background:linear-gradient(180deg,#fbfaff 0,#fff 35%); }.plan-card-byok-enterprise { grid-column:span 1; }.plan-ribbon { position:absolute; top:0; right:20px; padding:7px 12px; border-radius:0 0 10px 10px; color:white; background:var(--primary); font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }.plan-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }.plan-card h2 { margin:5px 0 0; font-size:21px; }.plan-mode { color:#8c96a9; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.plan-card .plan-price { display:flex; align-items:baseline; gap:5px; margin:20px 0 18px; font-size:27px; line-height:1.1; }.plan-card .plan-price small { margin:0; font-size:11px; font-weight:700; }.plan-benefits { display:grid; gap:11px; margin:0 0 22px; padding:0; list-style:none; color:#445069; font-size:11px; line-height:1.35; }.plan-benefits li { position:relative; padding-left:21px; }.plan-benefits li::before { content:"✓"; position:absolute; left:0; top:-1px; width:15px; height:15px; display:grid; place-items:center; border-radius:50%; color:#5544e7; background:#eeebff; font-size:9px; font-weight:900; }.plan-card-action { margin-top:auto; }.plan-card-action>.button,.plan-card-action>a.button { width:100%; min-height:42px; display:flex; align-items:center; justify-content:center; text-decoration:none; }.plan-topup { display:grid; grid-template-columns:1fr auto; gap:8px; }.plan-topup input { min-width:0; border:1px solid var(--line); border-radius:10px; padding:10px; }.free-plan-card { background:#fafbfc; }
.current-plan-panel { margin-top:22px; padding:25px 28px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-color:#cbc4ff; background:linear-gradient(110deg,#f8f6ff,#fff 55%); }.current-plan-copy { min-width:0; }.current-plan-copy>div:nth-child(2) { display:flex; align-items:center; gap:10px; margin:5px 0 8px; }.current-plan-copy h2 { margin:0; font-size:24px; }.current-plan-copy>p:not(.eyebrow) { margin:0; color:var(--muted); }.current-plan-meta { display:flex; flex-wrap:wrap; gap:18px; margin-top:13px; color:#4f5870; font-size:10px; font-weight:750; }.current-plan-meta span::before { content:"✓"; margin-right:6px; color:var(--primary); }.current-plan-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.plan-picker-modal { width:min(1120px,calc(100vw - 28px)); }.plan-picker-modal .modal-content { max-height:min(850px,calc(100vh - 48px)); overflow:auto; padding:26px; }.plan-dialog-grid { grid-template-columns:repeat(3,minmax(240px,1fr)); }.plan-dialog-grid .plan-card { min-height:340px; grid-column:span 1; }.plan-change-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0 12px; }.plan-change-summary>div { padding:13px; border-radius:11px; background:#f6f7fb; }.plan-change-summary span,.plan-change-summary strong { display:block; }.plan-change-summary span { color:var(--muted); font-size:9px; }.plan-change-summary strong { margin-top:5px; font-size:14px; }.plan-change-notice,.retention-warning { padding:13px 14px; border-radius:12px; color:#6d5622; background:#fff5dc; font-size:10px; line-height:1.55; }.retention-warning { margin:14px 0 18px; color:#694b14; }.retention-warning p { margin:5px 0 0; color:inherit; }.retention-warning strong { color:#47320d; }
.enterprise-modal { width:min(720px,calc(100vw - 28px)); }.enterprise-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }.enterprise-form-grid label { min-width:0; }.enterprise-email-field,.enterprise-resources-field { grid-column:1/-1; }.enterprise-resources-field textarea { min-height:120px; }
.billing-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; margin-top:16px; }.account-settings-card { min-width:0; padding:22px; }.account-card-description { min-height:34px; margin:12px 0 16px; color:var(--muted); font-size:11px; line-height:1.55; }.account-settings-card label,.admin-user-form label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:750; }.account-settings-card input,.account-settings-card textarea,.admin-user-form input,.admin-control select,.admin-control input { width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 11px; color:var(--ink); background:var(--surface); outline:none; transition:border-color .15s,box-shadow .15s; }.account-settings-card input:focus,.account-settings-card textarea:focus,.admin-user-form input:focus,.admin-control select:focus,.admin-control input:focus { border-color:#9b91ff; box-shadow:0 0 0 3px rgba(109,93,252,.1); }.account-settings-card textarea { resize:vertical; min-height:78px; }
.mcp-connection-card,.mcp-key-create-card,.mcp-keys-card { padding:24px; margin-bottom:16px; }.mcp-endpoint-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; }.mcp-endpoint-row label,.mcp-key-form label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:750; }.mcp-endpoint-row input,.mcp-key-form input,.mcp-key-form select { width:100%; min-height:40px; border:1px solid var(--line); border-radius:10px; padding:10px 11px; color:var(--ink); background:var(--surface); outline:none; }.mcp-endpoint-row input[readonly] { background:#f7f8fc; color:#48536a; }.mcp-key-form { display:grid; grid-template-columns:minmax(220px,1.25fr) minmax(180px,1fr) minmax(180px,1fr) minmax(145px,.7fr) auto; gap:12px; align-items:end; margin-top:18px; }.mcp-key-form .button { min-height:40px; }.mcp-secret-result { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(260px,1.5fr) auto; gap:12px; align-items:center; margin-top:18px; padding:15px; border:1px solid #b9e9d7; border-radius:12px; background:#f0fbf7; }.mcp-secret-result strong,.mcp-secret-result small { display:block; }.mcp-secret-result small { margin-top:4px; color:var(--muted); }.mcp-secret-result code { overflow:auto; padding:10px; border-radius:8px; background:#182131; color:#eaf1ff; white-space:nowrap; }.mcp-keys-table td:first-child strong,.mcp-keys-table td:first-child small { display:block; }.mcp-keys-table td:first-child small { margin-top:3px; color:var(--muted); }.mcp-keys-table .revoked { color:var(--muted); text-decoration:line-through; }
.account-pricing-rates { margin:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; }.account-pricing-rates>div { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:45px; padding:10px 12px; border-top:1px solid var(--line); }.account-pricing-rates>div:first-child { border-top:0; }.account-pricing-rates dt { color:var(--muted); font-size:10px; }.account-pricing-rates dd { margin:0; color:var(--ink); font-size:10px; font-weight:800; text-align:right; }.byok-settings-card { grid-column:1/-1; }
.admin-plan-select { width:100%; border:1px solid var(--line); border-radius:10px; padding:9px 10px; color:var(--ink); background:var(--surface); outline:none; }.admin-plan-select:focus { border-color:#9b91ff; box-shadow:0 0 0 3px rgba(109,93,252,.1); }
.account-inline-control { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:end; padding:14px; border-radius:13px; background:#f7f8fb; }.account-inline-control .button { min-height:39px; }.project-budget-heading,.project-budget-row { display:grid; grid-template-columns:minmax(0,1fr) 144px 94px; gap:9px; align-items:center; }.project-budget-heading { margin-top:18px; padding:0 10px 7px; color:#919bad; font-size:9px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.project-budget-list { min-height:54px; overflow:hidden; border:1px solid var(--line); border-radius:12px; }.project-budget-row { min-height:54px; padding:8px 10px; border-top:1px solid var(--line); }.project-budget-row:first-child { border-top:0; }.project-budget-row>span { min-width:0; }.project-budget-row strong,.project-budget-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.project-budget-row strong { font-size:11px; }.project-budget-row small { margin-top:3px; color:var(--muted); font-size:9px; }.project-budget-empty { min-height:54px; display:grid; place-items:center; padding:12px; color:var(--muted); font-size:10px; }
.byok-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.byok-key-json { grid-column:1/-1; }.account-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }.account-result { min-height:39px; margin-top:12px; padding:10px 12px; border-radius:10px; color:var(--muted); background:#f7f8fb; font-size:10px; line-height:1.45; }
.billing-ledger,.admin-console { margin-top:16px; overflow:hidden; }.billing-ledger>.card-heading,.admin-console>.card-heading { padding:20px 22px 14px; }.billing-ledger>.card-heading .scope-note { margin-top:0; }.account-ledger-table { min-width:680px; }.account-ledger-table th:last-child,.account-ledger-table td:last-child { width:150px; text-align:right; }.ledger-positive { color:var(--success); }.ledger-negative { color:var(--danger); }
.payment-status-cell { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.oauth-field-hint { display:block; margin-top:5px; color:var(--muted); font-size:9px; font-weight:500; }
.oauth-configuration-error { color:var(--danger) !important; font-weight:750; }
.admin-user-form { display:grid; grid-template-columns:minmax(180px,1fr) minmax(240px,1fr) auto; gap:10px; align-items:end; padding:0 22px 18px; }.admin-user-form .button { min-height:39px; }.admin-users-table-wrap { border-top:1px solid var(--line); }.admin-users-table { min-width:1180px; table-layout:fixed; }.admin-users-table th:nth-child(1) { width:220px; }.admin-users-table th:nth-child(2) { width:130px; }.admin-users-table th:nth-child(3) { width:180px; }.admin-users-table th:nth-child(4) { width:100px; }.admin-users-table th:nth-child(5) { width:110px; }.admin-users-table th:nth-child(6) { width:360px; }.admin-users-table td { vertical-align:top; }.admin-users-table td>small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }.admin-control { display:grid; grid-template-columns:130px 78px minmax(0,1fr); gap:6px; min-width:0; }.admin-control .review-actions { grid-column:1/-1; display:grid; grid-template-columns:100px repeat(2,auto); justify-content:start; }.contact-stack strong,.contact-stack small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.contact-stack small { margin-top:3px; color:var(--muted); font-size:9px; }
.admin-invite-result { margin:0 22px 18px; padding:11px 13px; border:1px solid #ddd8ff; border-radius:11px; color:var(--muted); background:#f8f7ff; font-size:10px; line-height:1.5; }.admin-invite-result a { color:var(--primary-dark); font-weight:800; overflow-wrap:anywhere; }
.project-menu-item.frozen,.project-list-item.frozen { opacity:.62; cursor:not-allowed; background:#f5f6f9; }.project-menu-item.frozen .project-menu-avatar { color:#778197; background:#e6e9ef; }.project-list-item.frozen em { color:#72809a; }

@media (max-width: 1050px) {
  .hero-grid, .content-grid, .projects-layout { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .cluster-grid { grid-template-columns: 1fr 1fr; }
  .cluster-exclusions { grid-template-columns: 1fr; }
  .site-quality-scores { grid-template-columns: repeat(3, 1fr); }
  .site-quality-details { grid-template-columns: 1fr; }
  .site-quality-card > .card-heading, .site-quality-head-actions { align-items: flex-start; }
  .site-quality-head-actions { flex-direction: column; }
  .account-summary-grid,.billing-settings-grid { grid-template-columns:1fr; }.byok-settings-card { grid-column:auto; }.plans-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.plan-card-managed-wallet,.plan-card-byok-enterprise { grid-column:span 1; }
  .account-summary-card { min-height:0; }.account-wallet-card { align-items:center; }
}

@media (max-width: 1250px) and (min-width: 761px) {
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .discovery-guide-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-plan-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .content-plan-toolbar { align-items: stretch; flex-direction: column; gap: 8px; }
  .content-plan-toolbar .scope-note { max-width: 100%; }
  .content-plan-actions { justify-content: flex-end; }
}

@media (max-width: 760px) {
  body.mobile-menu-open { overflow: hidden; }
  .oauth-provider-grid { grid-template-columns:1fr; }
  .analytics-fields { grid-template-columns:1fr; }.analytics-admin-footer { align-items:stretch; flex-direction:column; }.analytics-admin-footer .button { width:100%; }
  .tbank-tls-body { grid-template-columns:1fr; }.tbank-tls-control { border-right:0; border-bottom:1px solid var(--line); }
  .oauth-provider-card+.oauth-provider-card { border-left:0; border-top:1px solid var(--line); }
  .account-summary-grid,.plans-grid,.admin-user-form { grid-template-columns:1fr; }.plan-card,.plan-card-managed-wallet,.plan-card-byok-enterprise { min-height:0; grid-column:span 1; }.current-plan-panel { align-items:flex-start; flex-direction:column; }.current-plan-actions { width:100%; justify-content:stretch; }.current-plan-actions .button { flex:1; }.plan-change-summary { grid-template-columns:1fr; }
  .mcp-key-form,.mcp-secret-result { grid-template-columns:1fr; }.mcp-endpoint-row { grid-template-columns:1fr; }.mcp-endpoint-row .button { width:100%; }
  .account-wallet-card { align-items:flex-start; flex-direction:column; }.wallet-topup { justify-items:start; width:100%; }.wallet-topup-control { width:100%; grid-template-columns:minmax(0,1fr) auto; }.account-section-heading { align-items:flex-start; flex-direction:column; gap:6px; }.account-section-heading>p { text-align:left; }.billing-settings-grid { display:block; }.billing-settings-grid>article+article { margin-top:16px; }.byok-fields { grid-template-columns:1fr; }.byok-key-json { grid-column:auto; }.project-budget-heading { display:none; }.project-budget-row { grid-template-columns:minmax(0,1fr) minmax(132px,.75fr); }.project-budget-row .button { grid-column:1/-1; }.account-card-actions { display:grid; }.account-inline-control { grid-template-columns:1fr; }.admin-user-form { padding:0 16px 16px; }
  .mobile-appbar { position:fixed; inset:0 0 auto; z-index:40; height:64px; display:flex; align-items:center; justify-content:space-between; padding:8px 15px; color:#fff; background:var(--sidebar); box-shadow:0 7px 22px rgba(8,15,30,.2); }
  .mobile-appbar .brand { min-width:0; padding:0; }
  .mobile-appbar .brand-mark { width:36px; height:36px; flex-basis:36px; }
  .mobile-appbar .brand strong { font-size:15px; }
  .mobile-appbar .brand small { margin-top:1px; font-size:9px; }
  .mobile-menu-toggle { width:44px; height:44px; display:grid; place-content:center; gap:5px; padding:0; border:1px solid rgba(255,255,255,.12); border-radius:12px; color:#fff; background:#1d2738; }
  .mobile-menu-toggle span { width:20px; height:2px; border-radius:99px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .mobile-menu-backdrop { position:fixed; inset:0; z-index:50; display:block; border:0; background:rgba(7,13,25,.58); opacity:0; pointer-events:none; transition:opacity .2s ease; }
  body.mobile-menu-open .mobile-menu-backdrop { opacity:1; pointer-events:auto; }
  .sidebar { position:fixed; inset:0 auto 0 0; z-index:60; width:min(88vw,340px); height:100dvh; padding:20px 16px 16px; overflow-y:auto; overscroll-behavior:contain; visibility:hidden; box-shadow:20px 0 55px rgba(4,9,20,.28); transform:translateX(-105%); transition:transform .22s ease,visibility 0s linear .22s; }
  .sidebar.mobile-open { visibility:visible; transform:translateX(0); transition-delay:0s; }
  .sidebar>.brand { padding:0 6px 18px; }
  .sidebar>.brand small { display:block; }
  .project-switcher { margin:0 0 14px; }
  .project-menu { width:100%; }
  .nav { grid-template-columns:1fr; gap:4px; overflow:visible; }
  .nav-item { min-height:42px; padding:9px 12px; grid-template-columns:24px minmax(0,1fr) auto; justify-items:stretch; font-size:11px; gap:8px; }
  .nav-item.active { box-shadow:inset 3px 0 var(--primary); }
  .nav-counter { display:grid; }
  .sidebar-account { display:block; margin-top:16px; }
  .account-popover { left:0; bottom:calc(100% + 8px); width:100%; }
  .main { margin-left:0; padding:86px 15px 35px; }
  .topbar { align-items: flex-end; }
  .sync-state { display: none; }
  .top-actions .button { font-size: 0; padding: 11px 13px; }
  .top-actions .button span { font-size: 18px; }
  .free-plan-banner { align-items:stretch; flex-direction:column; gap:12px; }
  .free-plan-banner .button { width:100%; }
  .hero-grid, .metric-grid, .cluster-grid, .settings-grid { grid-template-columns: 1fr; }
  .budget-content { grid-template-columns: 1fr; justify-items: center; }
  .budget-details { width: 100%; }
  .content-grid { display: block; }
  .section-toolbar { align-items: stretch; flex-direction: column; }
  .filters { display: grid; grid-template-columns: 1fr; }
  .filters input, .filters select { width: 100%; }
  .form-grid { grid-template-columns: 1fr; }
  .details-summary { grid-template-columns: 1fr 1fr; }
  .discovery-metrics { grid-template-columns: 1fr 1fr; }
  .discovery-guide summary > span:first-child { display: grid; gap: 3px; }
  .discovery-guide-steps { grid-template-columns: 1fr; }
  .discovery-guide-result { display: block; }
  .discovery-guide-result strong { display: block; margin-bottom: 3px; }
  .discovery-guide-links { display: grid; }
  .discovery-explainer { grid-template-columns: 1fr; }
  .content-plan-toolbar { align-items: stretch; }
  .content-plan-toolbar > div:first-child { display: block; }
  .content-plan-toolbar > div:first-child p { white-space: normal; }
  .content-plan-toolbar .scope-note { margin-top: 8px; }
  .content-plan-actions { display: grid; grid-template-columns: 1fr auto; }
  .content-plan-actions .count-label { align-self: center; }
  .content-plan-actions #saveContentPlan { grid-column: 1 / -1; }
  .content-plan-metrics { grid-template-columns: 1fr 1fr; }
  .page-section[data-section="content-plan"].active { display: block; min-height: 0; }
  .plan-bulk-toolbar { align-items: stretch; flex-direction: column; }
  .discovery-filterbar { align-items: stretch; flex-direction: column; }
  .discovery-filterbar input, .discovery-filterbar select { min-width: 0; width: 100%; }
  .plan-selection-summary { min-width: 0; }
  .plan-selection-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .plan-bulk-actions { display: grid; grid-template-columns: 1fr auto; margin-left: 0; }
  .plan-bulk-actions label { grid-column: 1 / -1; }
  .plan-bulk-actions select { width: 100%; }
  .content-plan-card { display: block; min-height: 0; }
  .content-plan-table-wrap { max-height: none; }
  .plan-pagination { align-items: stretch; flex-direction: column; }
  .plan-pagination > div { justify-content: space-between; }
  .site-quality-card > .card-heading { align-items:stretch; flex-direction:column; gap:12px; }
  .site-quality-head-actions { width:100%; align-items:center; flex-direction:row; justify-content:space-between; }
  .quality-strategy-switch { flex:0 0 auto; }
  .site-audit-actions { flex-wrap:wrap; }
  .plan-dialog-grid { grid-template-columns:1fr; }
  .enterprise-form-grid { grid-template-columns:1fr; }
  .enterprise-email-field,.enterprise-resources-field { grid-column:auto; }
  .plan-picker-modal .modal-content { padding:18px; }
  .settings-card dl > div { grid-template-columns:1fr; gap:5px; }
  .metric-breakdown > div { right:auto; left:0; width:min(270px,calc(100vw - 60px)); }
  .plan-links ul { right:auto; left:0; width:min(320px,calc(100vw - 60px)); }

  .table-wrap { overscroll-behavior-x:contain; scrollbar-width:thin; }
  th,td { padding:10px; }
  td:first-child,th:first-child { padding-left:14px; }
  td:last-child,th:last-child { padding-right:14px; }
  .relevance-table { min-width:440px; }
  .relevance-table :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(5)) { display:none; }
  .recent-runs-table { min-width:390px; }
  .recent-runs-table :is(th,td):is(:nth-child(2),:nth-child(3)) { display:none; }
  .discovery-table { min-width:500px; }
  .discovery-table :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(7),:nth-child(8)) { display:none; }
  .runs-table { min-width:500px; }
  .runs-table :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(5)) { display:none; }
  .site-coverage-table { min-width:520px; }
  .site-coverage-table :is(th,td):is(:nth-child(2),:nth-child(5),:nth-child(6)) { display:none; }
  .site-coverage-table :is(th,td):is(:nth-child(1),:nth-child(4)) { white-space:normal; }
  .dynamics-table { min-width:390px; }
  .dynamics-table :is(th,td):is(:nth-child(2),:nth-child(4),:nth-child(5),:nth-child(7)) { display:none; }
  .niche-map-table { min-width:500px; }
  .niche-map-table :is(th,td):is(:nth-child(2),:nth-child(4),:nth-child(6)) { display:none; }
  .opportunities-table { min-width:520px; table-layout:auto; }
  .opportunities-table :is(th,td):is(:nth-child(1),:nth-child(3),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9)) { display:none; }
  .opportunities-table :is(th,td):nth-child(2) { width:230px; max-width:230px; }
  .content-plan-table { min-width:690px; table-layout:auto; }
  .content-plan-table col:is(:nth-child(2),:nth-child(5),:nth-child(6),:nth-child(8),:nth-child(10),:nth-child(12)),
  .content-plan-table :is(th,td):is(:nth-child(2),:nth-child(5),:nth-child(6),:nth-child(8),:nth-child(10),:nth-child(12)) { display:none; }
  .content-plan-table :is(th,td):nth-child(7) { min-width:190px; }
  .content-plan-table :is(th,td):nth-child(9) { min-width:190px; }
  .site-audit-table col:nth-child(3),.site-audit-table :is(th,td):nth-child(3) { display:none; }
  .site-audit-table .site-audit-url { width:42%; }
  .site-audit-table .site-audit-errors { width:auto; }
  .site-audit-table :is(th,td) { padding-left:9px; padding-right:9px; }
  .site-audit-table :is(th,td):first-child { padding-left:14px; }
  .site-audit-table :is(th,td):last-child { padding-right:14px; }
  .account-ledger-table { min-width:410px; }
  .wallet-ledger-table :is(th,td):nth-child(3),.payment-orders-table :is(th,td):nth-child(2) { display:none; }
  .admin-users-table { min-width:820px; table-layout:auto; }
  .admin-users-table :is(th,td):is(:nth-child(2),:nth-child(4)) { display:none; }
  .admin-users-table :is(th,td):nth-child(6) { min-width:360px; }
  .geo-results table { min-width:460px; }
}

@media (max-width: 480px) {
  .upgrade-modal .modal-content { padding:26px 18px 18px; }
  .upgrade-modal .modal-actions,.confirm-modal .modal-actions { display:grid; grid-template-columns:1fr; }
  .upgrade-modal .modal-actions .button,.confirm-modal .modal-actions .button { width:100%; }
}

/* Full wordmark is used on light authentication surfaces; the dark sidebar uses the transparent brand symbol. */
.auth-gate .auth-card > .brand-mark,
.auth-gate .auth-checking > .brand-mark {
  width: 184px;
  height: 58px;
  display: block;
  border-radius: 0;
  background-color: transparent;
  background-image: url("/assets/logo-seotab.png");
  background-repeat: no-repeat;
  background-position: center -21px;
  background-size: 184px 92px;
  box-shadow: none;
  font-size: 0;
  mix-blend-mode: multiply;
}

.auth-gate .auth-card > .eyebrow,
.auth-gate .auth-checking > .brand-mark + strong {
  display: none;
}

.onboarding-layer { position:fixed; inset:0; z-index:2000; }
.onboarding-spotlight { position:fixed; z-index:1; border:2px solid #8e82ff; border-radius:14px; background:transparent; box-shadow:0 0 0 9999px rgba(8,14,28,.7),0 0 0 5px rgba(142,130,255,.2),0 12px 35px rgba(0,0,0,.24); pointer-events:none; transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease; }
.onboarding-tooltip { position:fixed; z-index:2; width:min(360px,calc(100vw - 28px)); max-height:calc(100vh - 28px); overflow:auto; padding:20px; border:1px solid rgba(255,255,255,.16); border-radius:18px; color:#162033; background:#fff; box-shadow:0 24px 70px rgba(3,8,22,.38); }
.onboarding-progress { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#8993a6; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.onboarding-progress button { padding:4px 0; border:0; color:#7a8498; background:transparent; font:inherit; text-transform:none; letter-spacing:0; }.onboarding-progress button:hover { color:var(--primary); }
.onboarding-icon { width:38px; height:38px; display:grid; place-items:center; margin:15px 0 11px; border-radius:12px; color:#fff; background:linear-gradient(145deg,#8173ff,#5847e5); box-shadow:0 8px 22px rgba(109,93,252,.28); font-size:18px; }
.onboarding-tooltip h2 { margin:0; font-size:20px; letter-spacing:-.02em; }.onboarding-tooltip>p { min-height:54px; margin:9px 0 15px; color:#657088; font-size:12px; line-height:1.55; }
.onboarding-dots { display:flex; gap:5px; margin-bottom:16px; }.onboarding-dots span { width:6px; height:6px; border-radius:999px; background:#dfe2ea; transition:width .18s ease,background .18s ease; }.onboarding-dots span.active { width:18px; background:var(--primary); }
.onboarding-actions { display:flex; justify-content:flex-end; gap:8px; }.onboarding-actions .button { min-width:92px; }
body.onboarding-active { overflow:hidden; }
.page-help-button { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #d9dce6; border-radius:50%; color:#7063ea; background:#fff; box-shadow:0 5px 15px rgba(47,39,121,.08); font-size:15px; font-weight:900; transition:.18s ease; }.page-help-button:hover { border-color:#9f95ff; color:#fff; background:var(--primary); box-shadow:0 8px 20px rgba(109,93,252,.24); transform:translateY(-1px); }.page-help-button:focus-visible { outline:3px solid rgba(109,93,252,.2); outline-offset:2px; }

@media (max-width: 720px) {
  .onboarding-tooltip { padding:17px; border-radius:16px; }
  .onboarding-tooltip>p { min-height:0; }
  .onboarding-icon { margin-top:12px; }
  .site-audit-report-modal .site-audit-report-shell { padding:10px; }
  .site-audit-report-modal .modal-head { top:-10px; margin:-10px -10px 10px; padding:14px; }
  .audit-report-cover { align-items:flex-start; padding:22px 18px; }
  .audit-report-cover h1 { font-size:19px; }
  .audit-report-score { flex-basis:86px; min-height:90px; }.audit-report-score strong { font-size:29px; }
  .audit-report-summary,.audit-report-section { padding:20px 18px; }
  .audit-report-summary>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-report-checks { grid-template-columns:1fr; }
  .audit-report-check>b { max-width:110px; }
}