/* Shared form language for every customer page: 52px fields, 12px radius, the design's focus ring. */
.kashif-scope [hidden] { display: none !important; }
.kashif-scope form label { display: flex; flex-direction: column; gap: 8px; margin: 0 0 18px; font-size: 14px; font-weight: 600; color: var(--k-ink); }
.kashif-scope input[type="email"], .kashif-scope input[type="url"], .kashif-scope input[type="password"], .kashif-scope input[type="text"], .kashif-scope select { width: 100%; height: 52px; margin: 0; padding: 0 16px; border: 1px solid var(--k-border-strong); border-radius: 12px; background: var(--k-surface); color: var(--k-ink); font: 500 16px var(--k-font-sans); }
.kashif-scope input[type="url"], .kashif-scope input[type="email"] { text-align: start; }
.kashif-scope input:focus, .kashif-scope select:focus { border-color: var(--k-pine-500); outline: 2px solid var(--k-pine-500); outline-offset: 1px; box-shadow: 0 0 0 4px rgba(19, 131, 111, 0.18); }
.kashif-scope form button[type="submit"]:not(.kashif-ghost) { min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 12px; background: var(--k-pine-900); color: #FFFFFF; font: 700 15px var(--k-font-sans); cursor: pointer; }
.kashif-scope form button[type="submit"]:not(.kashif-ghost):hover { background: var(--k-pine-700); }
.kashif-scope form button.secondary:not(.kashif-ghost) { background: var(--k-surface); color: var(--k-ink); border-color: var(--k-border-strong); font-weight: 600; }
.kashif-scope form button.secondary:not(.kashif-ghost):hover { background: var(--k-pine-50); border-color: var(--k-pine-700); }
.kashif-scope form button.kashif-ghost { min-height: 44px; padding: 0 4px; border: 0; background: transparent; color: var(--k-muted); font: 600 14px var(--k-font-sans); cursor: pointer; }
.kashif-scope form button.kashif-ghost:hover { color: var(--k-pine-700); text-decoration: underline; }
/* Alerts: the existing .ok / .error / .notice paragraphs, restyled as the design's tinted cards. */
.kashif-scope .ok, .kashif-scope .error, .kashif-scope .notice { margin: 0 0 18px; padding: 12px 16px; border-radius: var(--k-radius-md); border: 1px solid; border-inline-start-width: 4px; font-size: 14px; line-height: 1.5; font-weight: 500; }
.kashif-scope .ok { background: var(--k-success-50); border-color: var(--k-success-500); color: var(--k-success-700); }
.kashif-scope .error { background: var(--k-error-50); border-color: var(--k-error-500); color: var(--k-error-700); }
.kashif-scope .notice { background: var(--k-pine-50); border-color: var(--k-pine-500); color: var(--k-pine-900); }
.kashif-scope .muted { color: var(--k-muted); }
.kashif-scope .small { font-size: 13px; }

.kashif-auth { max-width: 1120px; margin: 0 auto; padding: clamp(32px, 6vw, 72px) clamp(20px, 4vw, 32px) clamp(56px, 8vw, 96px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: clamp(24px, 4vw, 48px); align-items: stretch; }
.kashif-auth-form { display: flex; flex-direction: column; gap: 22px; max-width: 460px; width: 100%; justify-self: center; padding-block-start: clamp(0px, 2vw, 24px); }
.kashif-auth-form h1 { font-size: clamp(34px, 4.6vw, 52px); line-height: 1.08; margin: 0; text-wrap: balance; }
.kashif-auth-form form { display: flex; flex-direction: column; margin: 0; }
.kashif-auth-form form .kashif-cta { width: 100%; min-height: 52px; font-size: 15px; font-weight: 700; border-radius: 12px; }
.kashif-auth-form p { margin: 0; }
.kashif-auth-lede { font-size: 17px; line-height: 1.6; color: var(--k-body); }
.kashif-auth-note { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: var(--k-body); }
.kashif-auth-note .kashif-icon { width: 16px; height: 16px; margin-block-start: 2px; color: var(--k-pine-500); }
.kashif-auth-form .kashif-divider { display: flex; align-items: center; gap: 14px; margin: 20px 0 18px; color: var(--k-muted); font-size: 13px; font-weight: 600; }
.kashif-divider::before, .kashif-divider::after { content: ""; flex: 1; height: 1px; background: var(--k-border); }
.kashif-auth-switch { display: flex; flex-direction: column; gap: 12px; padding-block-start: 20px; border-block-start: 1px solid var(--k-border); font-size: 15px; color: var(--k-body); }
.kashif-auth-switch a { font-weight: 700; }
.kashif-auth-agree { font-size: 13px; line-height: 1.5; color: var(--k-muted); }
.kashif-auth-icon { width: 56px; height: 56px; border-radius: 16px; background: var(--k-pine-100); color: var(--k-pine-900); display: flex; align-items: center; justify-content: center; }
.kashif-auth-icon .kashif-icon { width: 28px; height: 28px; }
.kashif-auth-icon--warn { background: var(--k-warning-50); color: var(--k-warning-700); }
.kashif-auth-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.kashif-auth-aside { background: var(--k-pine-900); color: #FFFFFF; border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; min-height: 420px; }
.kashif-auth-aside .kashif-photo { height: 220px; flex: none; position: relative; background: #0A3B34; }
.kashif-auth-aside .kashif-photo img { opacity: 0.85; }
.kashif-auth-aside-body { padding: clamp(24px, 3.5vw, 36px); display: flex; flex-direction: column; gap: 22px; flex: 1; }
.kashif-auth-aside-title { font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; letter-spacing: var(--k-track-tight); line-height: 1.15; margin: 0; color: #FFFFFF; }
.kashif-auth-aside-text { font-size: 15px; line-height: 1.6; color: var(--k-on-pine-muted); margin: 8px 0 0; }
.kashif-aside-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kashif-aside-steps li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-block-start: 1px solid rgba(255, 255, 255, 0.12); font-size: 15px; line-height: 1.5; color: var(--k-on-pine); }
.kashif-aside-steps b { width: 28px; height: 28px; border-radius: 8px; background: var(--k-signal-500); color: var(--k-pine-900); font: 600 13px var(--k-font-mono); display: flex; align-items: center; justify-content: center; flex: none; }
.kashif-aside-points { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.kashif-aside-points li { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--k-on-pine); }
.kashif-aside-points li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--k-signal-500); }
.kashif-bare-head { max-width: 1200px; margin: 0 auto; padding: 20px clamp(20px, 4vw, 32px) 0; }
.kashif-bare-foot { max-width: 760px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 32px) 48px; font-size: 13px; }
.kashif-page { max-width: 760px; margin: 0 auto; padding: clamp(40px, 7vw, 80px) clamp(20px, 4vw, 32px) clamp(56px, 8vw, 96px); display: flex; flex-direction: column; gap: 20px; }
.kashif-page h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.1; margin: 0; text-wrap: balance; }
.kashif-page p { margin: 0; line-height: 1.7; color: var(--k-body); }
.kashif-page .kashif-cta { align-self: flex-start; }

/* The signed-in shell: pine sidebar from 720px; below that a top bar with a no-JS drawer and a bottom tab bar. Every entry points at something that exists (an in-page section or WhatsApp). */
body.kashif-shell-body { background: var(--k-bg); }
.kashif-shell { min-height: 100vh; display: flex; flex-direction: column; }
.kashif-side { display: none; }
.kashif-appbar { position: sticky; inset-block-start: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px clamp(16px, 4vw, 24px); background: rgba(246, 248, 247, 0.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-block-end: 1px solid var(--k-border); }
.kashif-appbar-user { display: none; font-size: 14px; color: var(--k-body); }
.kashif-appbar .kashif-menu > summary { background: var(--k-pine-900); }
.kashif-appbar .kashif-drawer { gap: 8px; }
.kashif-drawer-email { font: 500 13px var(--k-font-mono); color: var(--k-muted); padding: 4px 14px; overflow-wrap: anywhere; }
.kashif-drawer form { margin: 0; }
.kashif-drawer form button.kashif-ghost { width: 100%; justify-content: flex-start; text-align: start; padding: 0 14px; min-height: 48px; font-size: 16px; }
.kashif-shell-main { flex: 1; display: flex; flex-direction: column; min-width: 0; padding-block-end: 76px; }
.kashif-dash { width: 100%; max-width: 1040px; margin: 0 auto; padding: clamp(20px, 4vw, 40px) clamp(16px, 4vw, 32px) 24px; display: flex; flex-direction: column; gap: 20px; }
.kashif-dash h1 { font-size: clamp(26px, 3vw, 34px); line-height: 1.15; margin: 0; }
.kashif-dash-email { font: 500 13px var(--k-font-mono); color: var(--k-muted); margin: -12px 0 0; overflow-wrap: anywhere; }
.kashif-dash h2 { font-size: 20px; line-height: 1.3; letter-spacing: var(--k-track-tight); margin: 0; }
.kashif-dash h3 { font-size: 15px; font-weight: 700; margin: 0 0 8px; }
.kashif-dash p { margin: 0 0 8px; }
.kashif-tabbar { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 40; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); background: var(--k-surface); border-block-start: 1px solid var(--k-border); padding-block-end: env(safe-area-inset-bottom, 0); }
.kashif-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 60px; padding: 8px 4px; font-size: 12px; font-weight: 600; color: var(--k-muted); text-decoration: none; border-block-start: 3px solid transparent; }
.kashif-tabbar a:hover, .kashif-tabbar a[aria-current="page"] { color: var(--k-pine-900); }
.kashif-tabbar a[aria-current="page"] { border-block-start-color: var(--k-signal-500); }
.kashif-tabbar .kashif-icon { width: 22px; height: 22px; }
.kashif-shell .app-legal { margin: 8px clamp(16px, 4vw, 32px) 24px; }
@media (min-width: 720px) {
  .kashif-shell { flex-direction: row; }
  .kashif-side { display: flex; flex-direction: column; gap: 24px; flex: none; width: 248px; position: sticky; inset-block-start: 0; height: 100vh; padding: 24px 16px; background: var(--k-pine-900); color: var(--k-on-pine-muted); }
  .kashif-side .kashif-wordmark { color: #FFFFFF; }
  .kashif-side-nav { display: flex; flex-direction: column; gap: 4px; }
  .kashif-side-nav a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: var(--k-radius-md); color: var(--k-on-pine-muted); font-size: 14px; font-weight: 600; text-decoration: none; }
  .kashif-side-nav a:hover { background: rgba(255, 255, 255, 0.08); color: #FFFFFF; }
  .kashif-side-nav a[aria-current="page"] { background: rgba(200, 241, 105, 0.14); color: #FFFFFF; }
  .kashif-side-nav .kd-count { margin-inline-start: auto; }
  .kashif-side-nav .kashif-icon { width: 18px; height: 18px; }
  .kashif-side-nav a[aria-current="page"] .kashif-icon { color: var(--k-signal-500); }
  .kashif-side-foot { margin-block-start: auto; display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
  .kashif-side-foot .kashif-drawer-email { padding: 0 12px; color: var(--k-on-pine-faint); }
  .kashif-side-foot a { display: flex; align-items: center; min-height: 36px; padding: 0 12px; font-size: 14px; font-weight: 600; color: var(--k-on-pine-muted); }
  .kashif-side-foot form { margin: 0; }
  .kashif-side-foot form button.kashif-ghost { color: var(--k-on-pine-muted); padding: 0 12px; }
  .kashif-side-foot form button.kashif-ghost:hover { color: #FFFFFF; }
  .kashif-appbar .kashif-menu, .kashif-appbar .kashif-brand, .kashif-tabbar { display: none; }
  .kashif-appbar { justify-content: flex-end; }
  .kashif-appbar-user { display: block; }
  .kashif-shell-main { padding-block-end: 0; }
}

.kashif-site-card, .kashif-plan-panel, .kashif-add-card { background: var(--k-surface); border: 1px solid var(--k-border); border-radius: 20px; padding: clamp(18px, 3vw, 28px); display: flex; flex-direction: column; gap: 14px; scroll-margin-block-start: 80px; }
.kashif-site-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.kashif-scope .verified { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 3px 12px; border-radius: var(--k-radius-full); background: var(--k-success-50); color: var(--k-success-700); font-size: 12px; font-weight: 700; }
.kashif-scope .kashif-last-known { margin: 0; }
.kashif-site-card .verify { background: var(--k-pine-50); border-color: var(--k-border); border-radius: 14px; }
.kashif-site-card .verify code { background: var(--k-ink); border-radius: var(--k-radius-md); }
.kashif-site-card form { margin: 0; }
.kashif-site-card form button[type="submit"]:not(.kashif-ghost) { min-height: 44px; font-size: 14px; border-radius: var(--k-radius-md); }
.kashif-scope .kashif-report a { display: flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 14px; }
.kashif-plan-panel > p:first-of-type { font-size: 16px; font-weight: 700; color: var(--k-ink); }
.kashif-plan-panel form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.kashif-plan-panel form > p { margin: 0; color: var(--k-body); font-size: 14px; }
.kashif-plan-panel form button[name="plan"] { width: 100%; }
.kashif-plan-panel form button[name="plan"][value="yearly"] { background: var(--k-surface); color: var(--k-ink); border-color: var(--k-border-strong); }
.kashif-plan-panel form button[name="plan"][value="yearly"]:hover { background: var(--k-pine-50); border-color: var(--k-pine-700); }
.kashif-plan-panel .kashif-yearly-saving { font-weight: 600; }
@media (min-width: 560px) {
  .kashif-plan-panel form button[name="plan"] { width: auto; align-self: flex-start; }
}

/* Dashboard v2.0: the Overview, Findings and finding pages. Prefix kd- = dashboard. Logical properties only; every colour is a token. */
.kd-nav-label { min-width: 0; overflow-wrap: anywhere; }
.kd-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 7px; border-radius: var(--k-radius-full); background: var(--k-signal-500); color: var(--k-ink); font: 600 11px var(--k-font-mono); }
.kashif-tabbar a > span { display: inline-flex; align-items: center; gap: 6px; }
.kashif-tabbar .kd-count { height: 18px; min-width: 18px; padding: 0 5px; }
.kd-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; }
.kd-head-main { min-width: 0; flex: 1 1 260px; }
.kd-host { font-size: clamp(24px, 3.4vw, 34px); line-height: 1.15; font-weight: 700; letter-spacing: var(--k-track-tight); margin: 0; overflow-wrap: anywhere; }
.kd-head .verified { margin: 0; }
.kd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 6px 0 0; font: 500 13px var(--k-font-mono); color: var(--k-muted); }
.kd-date { font-family: var(--k-font-mono); white-space: nowrap; }
.kd-chip, .kd-band { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: var(--k-radius-full); font-size: 12px; font-weight: 700; line-height: 1.5; white-space: nowrap; background: var(--k-track); color: var(--k-body); }
.kd-chip--bad, .kd-band--weak { background: var(--k-error-50); color: var(--k-error-700); }
.kd-chip--warn, .kd-band--fair { background: var(--k-warning-50); color: var(--k-warning-700); }
.kd-chip--ok, .kd-band--strong { background: var(--k-success-50); color: var(--k-success-700); }
.kd-chip--info { background: var(--k-pine-100); color: var(--k-pine-900); }
.kd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.kd-banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding: 10px 16px; border: 1px solid var(--k-border-strong); border-inline-start-width: 4px; border-radius: var(--k-radius-md); color: var(--k-ink); }
.kd-banner p { margin: 0; font-size: 14px; font-weight: 500; flex: 1 1 260px; }
.kd-banner a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; font-size: 14px; color: var(--k-pine-900); }
.kd-banner--trial { background: var(--k-signal-100); border-color: var(--k-signal-600); }
.kd-banner--bill { background: var(--k-warning-50); border-color: var(--k-warning-500); }
.kd-card { background: var(--k-surface); border: 1px solid var(--k-border); border-radius: 18px; padding: clamp(16px, 2.5vw, 24px); display: flex; flex-direction: column; gap: 10px; min-width: 0; scroll-margin-block-start: 80px; }
.kd-card > :first-child { margin-block-start: 0; }
.kd-card form { margin: 0; }
.kd-h2 { font-size: 18px; line-height: 1.3; margin: 0; letter-spacing: var(--k-track-tight); }
.kd-h3 { font-size: 13px; font-weight: 700; color: var(--k-muted); margin: 0; letter-spacing: 0; }
.kashif-dash .kd-p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--k-body); }
.kashif-dash .kd-p strong { color: var(--k-ink); }
.kashif-dash .kd-sub { margin: 0; font-size: 14px; line-height: 1.5; color: var(--k-body); }
.kashif-dash .kd-note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--k-muted); }
.kashif-dash .kd-scoring-note { margin-top: 8px; }
.kd-kpis { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.kd-kpi { gap: 8px; }
.kd-kpi-title { font-size: 13px; font-weight: 700; color: var(--k-muted); margin: 0; letter-spacing: 0; }
.kashif-dash .kd-big { margin: 0; font: 600 34px/1.1 var(--k-font-mono); letter-spacing: -0.02em; color: var(--k-ink); overflow-wrap: anywhere; }
.kashif-dash .kd-crit { margin: 0; font-size: 15px; font-weight: 700; color: var(--k-error-700); }
.kd-score-body { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.kd-score-gauge { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.kd-score-meta { display: flex; flex-direction: column; gap: 6px; flex: 1 1 200px; min-width: 0; }
.kashif-dash .kd-change { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.45; }
.kd-change .kashif-icon { width: 18px; height: 18px; flex: none; margin-block-start: 1px; }
.kd-change--up { color: var(--k-success-700); }
.kd-change--down { color: var(--k-error-700); }
.kd-change--same, .kd-change--none { color: var(--k-body); }
.kd-signed { font-family: var(--k-font-mono); font-weight: 600; }
.kashif-dash .kd-placeholder { margin: 0; color: var(--k-muted); font-size: 14px; }
.kd-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 14px; font-weight: 700; }
.kd-chev { display: inline-flex; }
.kd-chev .kashif-icon { width: 16px; height: 16px; }
[dir="rtl"] .kd-chev .kashif-icon { transform: scaleX(-1); }
.kd-chev--back .kashif-icon { transform: scaleX(-1); }
[dir="rtl"] .kd-chev.kd-chev--back .kashif-icon { transform: none; }
.kd-back { margin: 0; }
.kd-start { border-color: var(--k-border-strong); border-inline-start: 6px solid var(--k-signal-500); }
.kd-eyebrow { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--k-pine-900); }
[lang="ar"] .kd-eyebrow { letter-spacing: normal; font-size: 13px; }
.kd-start-title { font-size: clamp(20px, 2.6vw, 26px); line-height: 1.25; margin: 0; letter-spacing: var(--k-track-tight); text-wrap: balance; }
.kd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block-start: 6px; }
.kd-actions form { margin: 0; }
.kd-actions form button[type="submit"]:not(.kashif-ghost), .kd-card > form button[type="submit"]:not(.kashif-ghost) { min-height: 48px; }
.kashif-cta.kd-cta { min-height: 48px; padding: 0 20px; border-radius: 12px; font-size: 15px; font-weight: 700; text-align: center; }
.kd-wins { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.kd-wins li { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 600; }
.kd-flist { list-style: none; margin: 0; padding: 0; }
.kd-flist li + li { border-block-start: 1px solid var(--k-rule); }
.kd-frow { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 4px; color: var(--k-ink); text-decoration: none; border-radius: var(--k-radius-md); }
.kashif-scope a.kd-frow, .kashif-scope a.kd-frow:hover { color: var(--k-ink); text-decoration: none; }
.kd-frow:hover { background: var(--k-pine-50); }
.kd-frow-text { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.4; display: flex; flex-direction: column; gap: 2px; }
.kd-status { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--k-ink); }
.kd-status:focus { outline: 2px solid var(--k-pine-500); outline-offset: 4px; border-radius: 6px; }
.kd-frow-status { flex: none; }
.kd-frow-area { font-size: 12px; font-weight: 500; color: var(--k-muted); }
.kd-frow .kd-chev { color: var(--k-muted); flex: none; }
.kd-history { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.kd-hrow { background: var(--k-surface); border: 1px solid var(--k-border); border-radius: 18px; padding: clamp(14px, 2.2vw, 20px); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.kd-hrow[data-state="failed"], .kd-hrow[data-state="unscored"] { border-style: dashed; }
.kd-hrow-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.kashif-dash .kd-hrow p { margin: 0; }
.kd-hrow-score { font-size: 16px; font-weight: 600; }
.kd-hrow-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.kd-hrow-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; }
.kd-hnames { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.kd-hnames li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; line-height: 1.45; min-width: 0; }
.kd-count-inline { font: 600 13px var(--k-font-mono); color: var(--k-muted); margin-inline-start: 6px; }
.kd-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.kd-col-main, .kd-col-side { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kd-areas { list-style: none; margin: 0; padding: 0; }
.kd-area { display: flex; flex-direction: column; gap: 6px; padding: 14px 0; border-block-end: 1px solid var(--k-rule); }
.kd-area:last-child { border-block-end: 0; }
.kd-area-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kd-area-name { font-size: 15px; font-weight: 600; min-width: 0; }
.kd-area-score { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.kd-area-score b { font: 600 15px var(--k-font-mono); }
.kd-area-none { font-size: 13px; color: var(--k-muted); }
.kashif-dash .kd-area-help { margin: 0; font-size: 13px; line-height: 1.5; color: var(--k-muted); }
.kd-area .kd-area-link { min-height: 44px; align-self: flex-start; }
.kashif-meter { display: block; width: 100%; height: 6px; }
.kashif-meter-track { fill: var(--k-track); }
.kashif-meter-fill { transition: none; }
.kashif-meter-fill--weak { fill: var(--k-error-500); }
.kashif-meter-fill--fair { fill: var(--k-warning-500); }
.kashif-meter-fill--strong { fill: var(--k-success-500); }
.kd-coverage { margin-block-start: 8px; padding: 12px 14px; border-radius: var(--k-radius-md); background: var(--k-warning-50); color: var(--k-warning-700); font-size: 13px; line-height: 1.5; }
.kd-coverage p { margin: 0 0 4px; }
.kd-coverage ul { margin: 0; padding-inline-start: 18px; }
.kd-trend-ends { display: flex; justify-content: space-between; gap: 12px; margin: 0; font-size: 13px; color: var(--k-body); }
.kd-trend-ends b { font-size: 16px; color: var(--k-ink); margin-inline-end: 4px; }
.kd-card .kashif-spark { width: 100%; height: 56px; margin: 4px 0; }
.kd-how { margin: 0; padding-inline-start: 22px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.55; color: var(--k-body); }
.kd-verify code { display: block; overflow-x: auto; padding: 10px 12px; margin: 0; background: var(--k-ink); color: #FFFFFF; border-radius: var(--k-radius-md); font: 500 13px var(--k-font-mono); overflow-wrap: anywhere; word-break: break-all; }
.kd-verify { margin: 0; }
.kd-live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.kd-stale { display: flex; align-items: center; min-height: 44px; padding-inline: 16px; }
.kd-stale[hidden] { display: none; }
.kd-run { border-color: var(--k-pine-500); border-inline-start-width: 4px; }
.kd-area--none .kd-area-name { color: var(--k-body); }
.kd-stepbar { display: flex; gap: 4px; }
.kd-seg { flex: 1; height: 8px; border-radius: 4px; background: var(--k-pine-100); }
.kd-seg.is-done { background: var(--k-pine-700); }
.kashif-dash .kd-step-line { margin: 0; font-size: 15px; font-weight: 600; color: var(--k-ink); }
.kashif-dash .kashif-progress.kd-step-line { margin: 0; }
.kashif-dash .kd-plan-line { color: var(--k-body); font-size: 14px; margin: 0; }
@media (min-width: 520px) {
  .kd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kd-kpi--score { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
  .kd-cols { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
}
@media (min-width: 1100px) {
  .kd-kpis { grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr)); }
  .kd-kpi--score { grid-column: auto; }
}

.kd-fa { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.kd-fa-card { gap: 12px; }
.kashif-dash .kd-fa p { margin: 0; }
.kd-fa-row { align-items: center; gap: 10px 16px; }
.kashif-dash .kd-fa-quota { font-size: 13px; line-height: 1.5; color: var(--k-muted); }
.kd-fa-result { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border: 1px solid; border-inline-start-width: 4px; border-radius: var(--k-radius-md); min-width: 0; }
.kd-fa-result--pass { background: var(--k-success-50); border-color: var(--k-success-500); color: var(--k-success-700); }
.kd-fa-result--fail { background: var(--k-error-50); border-color: var(--k-error-500); color: var(--k-error-700); }
.kashif-dash .kd-fa-result-line { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; font-weight: 700; line-height: 1.45; }
.kd-fa .kashif-icon { width: 18px; height: 18px; flex: none; margin-block-start: 2px; }
.kashif-dash .kd-fa-result-ev { font-size: 14px; line-height: 1.5; color: var(--k-ink); }
.kashif-dash .kd-fa-urls-h { font-size: 13px; font-weight: 600; color: var(--k-body); }
.kd-fa-urls { list-style: none; margin: 0; padding: 0; font: 500 13px/1.5 var(--k-font-mono); color: var(--k-ink); }
.kd-fa-urls li { overflow-wrap: anywhere; }
.kashif-dash .kd-fa-state { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid var(--k-border); border-radius: var(--k-radius-md); background: var(--k-pine-50); color: var(--k-ink); font-size: 14px; line-height: 1.55; }
.kd-fa-state .kashif-icon { color: var(--k-pine-700); }
.kd-fa-blocks { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.kd-fa-block { border: 1px solid var(--k-border-strong); border-radius: 14px; overflow: hidden; background: var(--k-surface); }
.kd-fa-block-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding-block: 8px; padding-inline: 16px 8px; background: var(--k-pine-50); border-block-end: 1px solid var(--k-border); }
.kashif-dash .kd-fa-block-title, .kd-fa-block-head > label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; flex: 1 1 160px; }
.kd-fa-block-label { font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--k-ink); }
.kd-fa-format { font-family: var(--k-font-mono); background: var(--k-surface); border: 1px solid var(--k-border); }
.kd-fa-copybtn { min-height: 44px; min-width: 88px; padding: 0 18px; border: 0; border-radius: var(--k-radius-md); background: var(--k-pine-900); color: #FFFFFF; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s ease; }
.kd-fa-copybtn:hover { background: var(--k-pine-700); }
.kd-fa-code { margin: 0; padding: 14px 16px; background: var(--k-ink); color: #FFFFFF; font: 500 13px/1.65 var(--k-font-mono); white-space: pre-wrap; overflow-wrap: anywhere; text-align: start; }
.kd-fa-code[lang] { font-family: var(--k-font-sans); font-size: 15px; }
.kd-fa-code[lang="ar"] { font-family: var(--k-font-ar); line-height: 1.9; }
.kd-fa-code code { font: inherit; color: inherit; background: none; padding: 0; }
.kd-fa-ph { padding: 1px 4px; border-radius: 4px; background: var(--k-signal-500); color: var(--k-ink); font-weight: 700; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.kd-fa-note { padding: 10px 16px 0; }
.kd-fa-phs-wrap { display: flex; flex-direction: column; gap: 6px; padding: 10px 16px; border-block-start: 1px solid var(--k-border); }
.kashif-dash .kd-fa-phs-h { font-size: 13px; font-weight: 600; color: var(--k-body); }
.kd-fa-phs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.kd-fa-phs li { font-size: 13px; line-height: 1.6; color: var(--k-body); overflow-wrap: anywhere; }
.kd-fa-ph-marker { padding: 1px 6px; border: 1px solid var(--k-signal-600); border-radius: 6px; background: var(--k-signal-100); color: var(--k-ink); font: 600 12px var(--k-font-mono); }
.kd-fa-textarea { display: block; width: 100%; min-height: 140px; margin: 0; padding: 12px 16px; border: 0; background: var(--k-surface); color: var(--k-ink); font: inherit; font-size: 15px; line-height: 1.7; resize: vertical; }
.kd-fa-textarea:focus-visible { outline: 3px solid var(--k-focus); outline-offset: -3px; }
.kd-fa-steps { margin: 0; padding-inline-start: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.7; color: var(--k-ink); }
.kd-fa-steps li { padding-inline-start: 4px; overflow-wrap: anywhere; }
.kd-fa-steps code { padding: 1px 6px; border: 1px solid var(--k-border); border-radius: 6px; background: var(--k-pine-50); color: var(--k-ink); font: 600 13px var(--k-font-mono); overflow-wrap: anywhere; }
.kd-fa-sources { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.kd-fa-sources li { overflow-wrap: anywhere; }
.kd-fa-service { display: flex; flex-wrap: wrap; gap: 10px; }
.kashif-scope .kd-fa-service a[data-service] { flex: 1 1 240px; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 18px; border: 1px solid var(--k-border-strong); border-radius: 12px; background: var(--k-surface); color: var(--k-ink); font-size: 15px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; }
.kashif-scope .kd-fa-service a[data-service]:hover { background: var(--k-pine-50); border-color: var(--k-pine-700); color: var(--k-ink); }
@media (prefers-reduced-motion: reduce) {
  .kd-fa-copybtn { transition: none; }
}

/* Long-form containers: legal and blog render inside the shared site chrome; the main keeps a readable measure. */
.kashif-scope main#content { max-width: 1200px; margin: 0 auto; padding: clamp(32px, 6vw, 72px) clamp(20px, 4vw, 32px) clamp(56px, 8vw, 96px); }
.kashif-scope main#content > h1 { font-size: clamp(34px, 4.6vw, 52px); line-height: 1.08; margin: 0 0 12px; }
.kashif-scope main#content > p { max-width: 700px; line-height: 1.7; color: var(--k-body); }
.kashif-scope main#content > article:not(.kashif-article) { background: var(--k-surface); border: 1px solid var(--k-border); border-radius: 18px; padding: 20px 24px; margin: 12px 0; max-width: 700px; }
.kashif-scope main#content > article:not(.kashif-article) h2 { font-size: 20px; line-height: 1.3; margin: 0 0 6px; letter-spacing: var(--k-track-tight); }
.kashif-scope main#content > article:not(.kashif-article) p { margin: 0; color: var(--k-body); line-height: 1.6; }
.kashif-scope .kashif-article h1 { font-size: clamp(32px, 4.4vw, 48px); line-height: 1.1; margin: 0 0 8px; }
.kashif-scope .kashif-article a { font-weight: 600; }
.kashif-scope .kashif-article blockquote { margin: 20px 0; padding: 4px 20px; border-inline-start: 4px solid var(--k-signal-500); color: var(--k-body); }
.kashif-scope .kashif-article table { border-collapse: collapse; width: 100%; font-size: 15px; }
.kashif-scope .kashif-article th, .kashif-scope .kashif-article td { padding: 10px 12px; border-block-end: 1px solid var(--k-border); text-align: start; vertical-align: top; }

.kd-cmp { container: kdcmp / inline-size; }
.kd-cmp-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.kd-cmp-host { font-weight: 700; color: var(--k-ink); overflow-wrap: anywhere; min-width: 0; }
.kashif-dash .kd-cmp-st, .kashif-dash .kd-cmp-say { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 14px; line-height: 1.5; color: var(--k-body); overflow-wrap: anywhere; min-width: 0; }
.kashif-dash .kd-cmp-say { font-size: 15px; font-weight: 600; color: var(--k-ink); }
.kd-cmp-st .kashif-icon, .kd-cmp-say .kashif-icon { width: 18px; height: 18px; flex: none; margin-block-start: 2px; color: var(--k-muted); }
[data-tone="ok"] > .kashif-icon, [data-tone="ahead"] > .kashif-icon { color: var(--k-success-700); }
[data-tone="warn"] > .kashif-icon, [data-tone="behind"] > .kashif-icon { color: var(--k-warning-700); }
[data-tone="info"] > .kashif-icon { color: var(--k-pine-700); }
.kd-cmp-groups { display: flex; flex-direction: column; }
.kd-cmp-sites-h { margin-block-start: 6px; }
.kd-cmp-group { display: flex; flex-direction: column; gap: 6px; padding-block: 14px 6px; border-block-start: 1px solid var(--k-rule); min-width: 0; }
.kashif-dash .kd-cmp-area { margin: 0; font-size: 16px; }
.kd-cmp-tally { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.kd-cmp-tally li { display: flex; flex-wrap: wrap; gap: 2px 6px; padding: 4px 10px; border-radius: var(--k-radius-md); background: var(--k-sunken); font-size: 13px; color: var(--k-body); min-width: 0; max-width: 100%; }
.kd-cmp-tname { font-weight: 700; color: var(--k-ink); min-width: 0; overflow-wrap: anywhere; }
.kd-cmp-more > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 14px; font-weight: 700; color: var(--k-pine-900); cursor: pointer; list-style: none; }
.kd-cmp-more > summary::-webkit-details-marker { display: none; }
.kd-cmp-more > summary:focus-visible { outline: 2px solid var(--k-pine-500); outline-offset: 2px; border-radius: 6px; }
.kd-cmp-more .kd-chev .kashif-icon { transition: transform 0.15s ease; }
.kd-cmp-more[open] > summary .kd-chev .kashif-icon { transform: rotate(90deg); }
.kd-cmp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.kd-cmp-table th, .kd-cmp-table td { padding: 10px 8px; border: 0; border-block-start: 1px solid var(--k-rule); text-align: start; vertical-align: top; }
.kd-cmp-table th { font: inherit; letter-spacing: normal; text-transform: none; }
.kd-cmp-table thead th { border-block-start: 0; font-size: 12px; font-weight: 700; color: var(--k-muted); overflow-wrap: anywhere; }
.kd-cmp-table tbody th { font-weight: 600; color: var(--k-ink); line-height: 1.45; }
.kd-cmp-when { display: block; font-weight: 500; }
.kd-cmp-who { display: none; }
.kd-cmp-cell { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; white-space: nowrap; }
.kd-cmp-cell .kashif-icon { width: 16px; height: 16px; flex: none; }
.kd-cmp-cell[data-r="pass"] { color: var(--k-success-700); }
.kd-cmp-cell[data-r="not-passing"] { color: var(--k-error-700); }
.kd-cmp-cell[data-r="not-measured"] { color: var(--k-muted); font-weight: 500; }
.kd-cmp-sites { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 10px; }
.kd-cmp-site { display: flex; flex-direction: column; justify-content: space-between; gap: 4px; padding: 12px 14px 4px; border: 1px solid var(--k-border); border-radius: 14px; min-width: 0; }
.kd-cmp-site-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.kd-cmp-site-txt > .kd-cmp-host { max-width: 100%; }
.kd-cmp-site form { align-self: flex-start; }
.kd-cmp-add { display: flex; flex-direction: column; gap: 8px; margin-block-start: 6px; padding-block-start: 16px; border-block-start: 1px solid var(--k-rule); }
.kashif-scope .kd-cmp-add label { margin: 0; }
.kd-cmp-add-row { display: flex; flex-wrap: wrap; gap: 10px; }
.kd-cmp-add-row input { flex: 1 1 220px; min-width: 0; }
.kashif-scope .kd-cmp-add input:disabled { background: var(--k-sunken); color: var(--k-muted); }
.kashif-scope .kd-cmp-add button[type="submit"]:not(.kashif-ghost):disabled { background: var(--k-track); color: var(--k-body); cursor: not-allowed; }
@container kdcmp (max-width: 639px) {
  .kd-cmp-table, .kd-cmp-table tbody, .kd-cmp-table tr, .kd-cmp-table th, .kd-cmp-table td { display: block; }
  .kd-cmp-table thead { display: none; }
  .kd-cmp-table tr { padding-block: 10px; border-block-start: 1px solid var(--k-rule); }
  .kd-cmp-table th, .kd-cmp-table td { padding: 3px 0; border: 0; }
  .kd-cmp-table td { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
  .kd-cmp-who { display: block; min-width: 0; overflow-wrap: anywhere; font-weight: 700; color: var(--k-ink); }
  .kd-cmp-add-row button { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .kd-cmp-more .kd-chev .kashif-icon { transition: none; }
}

.kd-gbp, .kd-gbp-checks { container: kdgbp / inline-size; }
.kd-gbp-find, .kd-gbp-results, .kd-gbp-ask { gap: 12px; }
.kd-gbp-unlink { border-style: dashed; gap: 4px; }
/* The Google Maps logo as Google ships it (98 x 18; Google asks 16 to 19 px tall), with its clear space: 10 px before, after and above, 5 below. */
.kd-gmaps-logo { display: block; flex: none; width: 98px; height: 18px; margin-block: 10px 5px; margin-inline: 10px; }
.kd-gbp-src { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; margin-block-start: 2px; padding-block-start: 4px; border-block-start: 1px solid var(--k-rule); font-size: 13px; line-height: 1.5; color: var(--k-muted); min-width: 0; }
.kd-gbp-src > span, .kd-gbp-src > p { flex: 1 1 200px; min-width: 0; }
.kashif-dash .kd-gbp-rank { margin: 0; }
.kd-gbp-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kd-gbp-row { display: flex; align-items: flex-start; gap: 4px 14px; padding-block: 10px; border-block-start: 1px solid var(--k-rule); min-width: 0; }
.kd-gbp-row:first-child { border-block-start: 0; }
.kd-gbp-rows--short .kd-gbp-row { padding-block: 6px; }
.kd-gbp-status { display: inline-flex; align-items: center; gap: 6px; flex: none; min-width: 9.5em; padding-block-start: 1px; font-size: 13px; font-weight: 700; white-space: nowrap; color: var(--k-muted); }
.kd-gbp-status .kashif-icon { width: 16px; height: 16px; flex: none; }
.kd-gbp-row[data-status="pass"] .kd-gbp-status { color: var(--k-success-700); }
.kd-gbp-row[data-status="warn"] .kd-gbp-status { color: var(--k-warning-700); }
.kd-gbp-row[data-status="fail"] .kd-gbp-status { color: var(--k-error-700); }
.kd-gbp-row-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kd-gbp-label { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--k-ink); }
.kd-gbp-why { font-size: 14px; line-height: 1.5; color: var(--k-body); }
@container kdgbp (max-width: 479px) {
  .kd-gbp-row { flex-direction: column; }
  .kd-gbp-status { min-width: 0; }
}
.kd-gbp-search { display: flex; flex-direction: column; }
.kd-gbp-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 0 16px; }
.kashif-scope .kd-gbp-search .kd-note { margin-block-end: 10px; }
.kd-gbp-cands { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.kd-gbp-cand { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; border: 1px solid var(--k-border); border-radius: 14px; min-width: 0; }
.kd-gbp-cand-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex: 1 1 240px; min-width: 0; }
.kd-gbp-cand form { flex: none; }
.kashif-dash .kd-gbp-name { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--k-ink); overflow-wrap: anywhere; }
.kashif-dash .kd-gbp-attr { margin: 0; font-size: 12px; line-height: 1.5; color: var(--k-muted); overflow-wrap: anywhere; }
.kd-gbp-attr a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.kd-gbp-live { container: kdgbplive / inline-size; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--k-border); border-radius: 14px; background: var(--k-surface); min-width: 0; }
.kd-gbp-vs { width: 100%; border-collapse: collapse; font-size: 14px; }
.kd-gbp-vs th, .kd-gbp-vs td { padding: 8px; border: 0; border-block-start: 1px solid var(--k-rule); text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.kd-gbp-vs th { font: inherit; letter-spacing: normal; text-transform: none; }
.kd-gbp-vs thead th { border-block-start: 0; font-size: 12px; font-weight: 700; color: var(--k-muted); }
.kd-gbp-vs tbody th { font-weight: 600; color: var(--k-ink); width: 9em; }
.kd-gbp-who { display: none; }
.kd-gbp-hours { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
@container kdgbplive (max-width: 559px) {
  .kd-gbp-vs, .kd-gbp-vs tbody, .kd-gbp-vs tr, .kd-gbp-vs th, .kd-gbp-vs td { display: block; }
  .kd-gbp-vs thead { display: none; }
  .kd-gbp-vs tr { padding-block: 8px; border-block-start: 1px solid var(--k-rule); }
  .kd-gbp-vs tr:first-child { border-block-start: 0; }
  .kd-gbp-vs th, .kd-gbp-vs td { padding: 2px 0; border: 0; width: auto; }
  .kd-gbp-vs td:empty { display: none; }
  .kd-gbp-who { display: block; font-size: 12px; font-weight: 700; color: var(--k-muted); }
}
/* "On Google" inside the competitor area (views/dashboard-competitors.ts): the area's own table, status and tile language. */
.kd-og { display: flex; flex-direction: column; gap: 10px; margin-block-start: 6px; padding-block-start: 16px; border-block-start: 1px solid var(--k-rule); min-width: 0; }
.kashif-dash .kd-og-h { margin: 0; font-size: 16px; color: var(--k-ink); }
.kashif-dash .kd-og-sub { margin: 8px 0 0; }
.kd-og-table tbody th { width: 9em; }
.kd-cmp-cell[data-r="band"] { color: var(--k-ink); }
.kd-og-cols, .kd-og-live, .kd-og-only, .kd-og-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.kd-og-links { grid-template-columns: minmax(0, 1fr); }
.kd-og-cols li { display: flex; flex-direction: column; gap: 4px; padding: 10px 14px; border: 1px solid var(--k-border); border-radius: 14px; min-width: 0; }
.kd-og-live-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding-block-end: 6px; border-block-end: 1px solid var(--k-rule); min-width: 0; }
.kd-og-tile { gap: 8px; padding-block-end: 4px; }
.kd-og-tile form, .kd-og-link-item form { display: flex; flex-direction: column; gap: 8px; }
.kashif-scope .kd-og-tile label, .kashif-scope .kd-og-link-item label { margin: 0; }
.kd-og-link-item { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.kd-og-link-item > .kd-cmp-host { align-self: flex-start; max-width: 100%; }
.kd-og-link-item form button.kashif-ghost { align-self: flex-start; }
.kd-og-results { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.kashif-scope .kd-og form button[type="submit"]:not(.kashif-ghost):disabled { background: var(--k-track); border-color: transparent; color: var(--k-body); cursor: not-allowed; }

.kd-gsc-intro { display: flex; flex-direction: column; gap: 2px; }
.kd-gsc-host > span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; }
.kd-kpis.kd-gsc-totals { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.kd-gsc-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.kd-gsc-q { container: kdgscq / inline-size; }
.kd-gsc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.kd-gsc-table th, .kd-gsc-table td { padding: 10px 8px; border: 0; border-block-start: 1px solid var(--k-rule); text-align: start; vertical-align: baseline; }
.kd-gsc-table th { font: inherit; letter-spacing: normal; text-transform: none; }
.kd-gsc-table thead th { border-block-start: 0; font-size: 12px; font-weight: 700; color: var(--k-muted); }
.kd-gsc-table thead th + th, .kd-gsc-table td { text-align: end; }
.kd-gsc-table tbody th { font-weight: 600; color: var(--k-ink); line-height: 1.45; overflow-wrap: anywhere; }
.kd-gsc-table tbody th .kd-chip { margin-inline-start: 6px; }
.kd-gsc-table td { white-space: nowrap; color: var(--k-body); }
.kd-gsc-table td:first-of-type { font-weight: 600; color: var(--k-ink); }
.kd-gsc-num { font-family: var(--k-font-mono); font-variant-numeric: tabular-nums; }
.kd-gsc-who { display: none; }
@container kdgscq (max-width: 559px) {
  .kd-gsc-table, .kd-gsc-table tbody { display: block; }
  .kd-gsc-table thead { display: none; }
  .kd-gsc-table tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding-block: 10px; border-block-start: 1px solid var(--k-rule); }
  .kd-gsc-table tr::after { content: ""; order: 2; flex-basis: 100%; }
  .kd-gsc-table th, .kd-gsc-table td { display: block; padding: 0; border: 0; }
  .kd-gsc-table tbody th { order: 0; flex: 1 1 0; min-width: 0; }
  .kd-gsc-table td { order: 3; font-size: 12px; color: var(--k-muted); }
  .kd-gsc-table td:first-of-type { order: 1; font-size: 15px; }
  .kd-gsc-who { display: inline; font-weight: 400; }
}
.kd-gsc-pcols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px 28px; }
.kd-gsc-pcol { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.kd-gsc-pages { list-style: none; margin: 0; padding: 0; }
.kd-gsc-pages li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding-block: 8px; border-block-start: 1px solid var(--k-rule); font-size: 14px; color: var(--k-body); }
.kd-gsc-path { min-width: 0; overflow-wrap: anywhere; font: 600 14px var(--k-font-mono); color: var(--k-ink); }
.kd-gsc-delta { margin-inline-start: auto; white-space: nowrap; }
.kd-gsc-pcol--up .kd-signed { color: var(--k-success-700); }
.kd-gsc-pcol--down .kd-signed { color: var(--k-error-700); }
.kd-gsc-terms { display: flex; flex-direction: column; gap: 8px; margin-block-start: 6px; padding-block-start: 16px; border-block-start: 1px solid var(--k-rule); }
.kashif-scope .kd-gsc-terms label { margin: 0; }
.kashif-scope .kd-gsc-terms-err { margin: 0; }
.kd-gsc-terms-row { display: flex; flex-wrap: wrap; gap: 10px; }
.kd-gsc-terms-row input { flex: 1 1 260px; min-width: 0; }
.kd-gsc-terms-row button { flex: 1 0 auto; }
@media (min-width: 560px) { .kd-gsc-terms-row button { flex-grow: 0; } }
.kd-gsc-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.kd-gsc-stats li { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--k-border); border-radius: 14px; min-width: 0; }
.kd-gsc-stat-label { font-size: 13px; font-weight: 700; color: var(--k-muted); }
.kd-gsc-stat-num { font: 600 26px/1.2 var(--k-font-mono); letter-spacing: -0.02em; color: var(--k-ink); overflow-wrap: anywhere; }
.kd-gsc-stat-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; font-weight: 600; color: var(--k-muted); }
.kd-gsc-stat-meta > span > bdi { font-family: var(--k-font-mono); }

.kd-pv { gap: 14px; }
.kd-pv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; align-items: start; }
.kd-pv-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--k-border); border-radius: 14px; background: var(--k-pine-50); }
.kd-pv-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.kd-pv-h { margin: 0; flex: 1 1 160px; min-width: 0; font-size: 15px; line-height: 1.35; color: var(--k-ink); }
.kd-pv-mock { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 14px; border: 1px solid var(--k-border); border-radius: 12px; background: var(--k-surface); overflow: hidden; }
.kd-pv-wa { padding: 0; gap: 0; }
.kd-pv-wa-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 12px; }
.kd-pv-site { display: flex; align-items: center; gap: 8px; min-width: 0; }
.kd-pv-fav { flex: none; width: 18px; height: 18px; border: 1px solid var(--k-border); border-radius: var(--k-radius-full); background: var(--k-track); }
.kd-pv-host { min-width: 0; font: 500 12px/1.4 var(--k-font-mono); color: var(--k-muted); overflow-wrap: anywhere; }
.kd-pv-title { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 600; color: var(--k-pine-700); overflow-wrap: anywhere; }
.kd-pv-desc { margin: 0; font-size: 14px; line-height: 1.5; color: var(--k-body); overflow-wrap: anywhere; }
.kd-pv-wa .kd-pv-title { font-size: 15px; color: var(--k-ink); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.kd-pv-wa .kd-pv-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.kd-pv-gap { align-self: flex-start; max-width: 100%; padding: 2px 8px; border: 1px dashed var(--k-border-strong); border-radius: 8px; font-size: 14px; font-weight: 400; color: var(--k-muted); }
.kd-pv-image { display: flex; align-items: center; justify-content: center; min-height: 96px; padding: 10px 12px; background: var(--k-sunken); color: var(--k-body); font-size: 13px; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }
.kd-pv-flags { margin: 0; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.5; color: var(--k-body); }
.kd-pv-flags li { overflow-wrap: anywhere; }

.kd-pr { gap: 8px; }
.kashif-dash .kd-pr-line { font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--k-ink); overflow-wrap: anywhere; }
.kd-pr-list { list-style: none; margin: 0; padding: 0; }
.kd-pr-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 4px; min-width: 0; }
.kd-pr-row + .kd-pr-row { border-block-start: 1px solid var(--k-rule); }
.kd-pr-row > .kd-chip { flex: none; min-width: 104px; justify-content: center; margin-block-start: 1px; }
.kd-pr-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.kashif-dash .kd-pr-label { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--k-ink); overflow-wrap: anywhere; }
.kashif-dash .kd-pr-evid { margin: 0; font-size: 14px; line-height: 1.5; color: var(--k-body); overflow-wrap: anywhere; }
.kashif-dash .kd-pr-on { margin: 0; font-size: 13px; line-height: 1.5; color: var(--k-muted); }
@media (max-width: 479px) {
  .kd-pr-row { flex-direction: column; gap: 6px; }
  .kd-pr-row > .kd-chip { min-width: 0; }
}

.kashif-dash.kd-dl { max-width: none; padding: 0; }
.kd-dl h1 { overflow-wrap: anywhere; }
.kd-dl-lang { display: inline-flex; align-items: center; align-self: flex-end; min-height: 44px; font-size: 14px; font-weight: 700; }
.kd-dl-url { padding: 10px 12px; border: 1px solid var(--k-border); border-radius: var(--k-radius-md); background: var(--k-pine-50); font: 500 13px/1.5 var(--k-font-mono); color: var(--k-ink); overflow-wrap: anywhere; }
.kd-dl-url code { font: inherit; }
.kd-dl-facts { margin: 0; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.5; color: var(--k-body); }
.kd-dlo-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kd-dlo-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding-block: 12px; border-block-start: 1px solid var(--k-border); min-width: 0; }
.kd-dlo-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 220px; overflow-wrap: anywhere; }
.kashif-dash .kd-dlo-title { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--k-ink); }
.kd-dlo-state { font-size: 14px; line-height: 1.5; color: var(--k-body); }
.kd-dlo-row form { margin: 0; }
.kd-dlo-row button { min-height: 44px; }

.kd-gsc-w > .kd-h3 { margin-block: 14px 2px; }
.kd-gsc-table td.kd-gsc-where { white-space: normal; }

@media (prefers-reduced-motion: reduce) {
  .kashif-scope form button[type="submit"]:not(.kashif-ghost) { transition: none; }
}