/* BlinkMetrics visual system — matched to KelvinForbes.com (November 2026).
   Presentation only: no tracking, user data, authentication or report logic changes.
   App's optional existing dark mode is preserved. */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap");

:root:not([data-theme="dark"]){
  color-scheme:light;
  --bg:#f7f9fc;
  --bg2:#f0f5fa;
  --panel:#ffffff;
  --panel2:#f0f5fa;
  --text:#142033;
  --muted:#52667e;
  --line:#d9e3ee;
  --accent:#1760b1;
  --accent2:#1c65ae;
  --accent-soft:#145b9f;
  --good:#167b60;
  --warn:#a55b0a;
  --shadow:0 6px 24px rgba(16,42,73,.045);
  --radius:16px;
}
html:not([data-theme="dark"]){background:#f7f9fc}
html:not([data-theme="dark"]) body{
  background:#f7f9fc;
  color:#142033;
  font-family:"DM Sans",Arial,ui-sans-serif,system-ui,sans-serif;
  font-weight:450;
  -webkit-font-smoothing:antialiased;
}
html:not([data-theme="dark"]) :is(h1,h2,h3,h4,strong){color:inherit}
html:not([data-theme="dark"]) :is(h1,h2,h3){letter-spacing:-.035em}
html:not([data-theme="dark"]) a{color:var(--accent)}
html:not([data-theme="dark"]) :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #8eb9ed;
  outline-offset:3px;
}
html:not([data-theme="dark"]) :is(button,input,select,textarea){font-family:inherit}
html:not([data-theme="dark"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  color:#142033;
  background-color:#fff;
  border-color:#c9d8e8;
}
html:not([data-theme="dark"]) :is(input,select,textarea)::placeholder{color:#76879a;opacity:1}
html:not([data-theme="dark"]) :is(input,select,textarea):focus{
  border-color:#1760b1;
  box-shadow:0 0 0 3px rgba(23,96,177,.12);
}
html:not([data-theme="dark"]) :is(button,a){-webkit-tap-highlight-color:rgba(23,96,177,.12)}
html:not([data-theme="dark"]) ::selection{background:#c6ddf6;color:#142033}

/* Public sales pages: clean white / charcoal / blue, no violet gradients. */
html:not([data-theme="dark"]) .sales-nav{
  background:rgba(255,255,255,.95);
  border-bottom:1px solid #d9e3ee;
  box-shadow:none;
  backdrop-filter:blur(14px);
}
html:not([data-theme="dark"]) .sales-brand{color:#142033;text-decoration:none}
html:not([data-theme="dark"]) .sales-brand strong{font-size:16px;font-weight:800;letter-spacing:-.035em}
html:not([data-theme="dark"]) :is(.sales-brand>span,.shot-mark,.feature-icon){
  background:#1760b1;
  color:#fff;
  box-shadow:none;
}
html:not([data-theme="dark"]) .sales-nav nav>a{color:#405774}
html:not([data-theme="dark"]) .sales-nav nav>a:hover{color:#145b9f}
html:not([data-theme="dark"]) :is(.sales-nav .nav-cta,.button.primary,.sample-copy-button){
  background:#1760b1;
  color:#fff;
  border:1px solid #1760b1;
  box-shadow:0 6px 15px rgba(23,96,177,.14);
}
html:not([data-theme="dark"]) :is(.sales-nav .nav-cta,.button.primary,.sample-copy-button):hover{
  background:#10477f;border-color:#10477f;color:#fff;
}
html:not([data-theme="dark"]) .button.secondary{
  background:#fff;color:#175eaa;border:1px solid #c8d7e6;
}
html:not([data-theme="dark"]) :is(.eyebrow,.panel-kicker,.shot-kicker){
  color:#1a5fa8;
  font-weight:800;
  letter-spacing:.10em;
}
html:not([data-theme="dark"]) .hero{min-height:620px}
html:not([data-theme="dark"]) .hero h1{
  color:#142033;
  font-size:clamp(43px,6.1vw,76px);
  line-height:1.03;
  letter-spacing:-.06em;
  font-weight:800;
}
html:not([data-theme="dark"]) .hero-lead{
  color:#263c55;
  font-weight:550;
  line-height:1.47;
}
html:not([data-theme="dark"]) :is(.hero-support,.section-copy>p,.trial-note,.audience-card p){
  color:#52667e;
}
html:not([data-theme="dark"]) :is(.hero-support strong,.trial-note strong){color:#243a52}
html:not([data-theme="dark"]) .product-shot{
  transform:none;
  background:#fff;
  border:1px solid #d9e3ee;
  box-shadow:0 20px 50px rgba(16,42,73,.09);
  border-radius:19px;
}
html:not([data-theme="dark"]) .shot-top{background:#fff;border-color:#d9e3ee;color:#142033}
html:not([data-theme="dark"]) .shot-top em{
  background:#eaf5ee;
  color:#167b60;
  border-color:#c8e5d5;
}
html:not([data-theme="dark"]) .shot-layout aside{
  background:#f4f7fb;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) .shot-layout aside span{color:#587088}
html:not([data-theme="dark"]) .shot-layout aside b{
  color:#145b9f;
  background:#e1eefc;
}
html:not([data-theme="dark"]) .shot-main{background:#fff}
html:not([data-theme="dark"]) :is(.shot-metrics div,.shot-task,.sample-finding){
  background:#f7f9fc;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) :is(.shot-task i,.sample-finding i){
  color:#145b9f;background:#e1eefc;
}
html:not([data-theme="dark"]) :is(.shot-metrics span,.shot-task span,.shot-layout aside span,.sample-finding span){
  color:#657586;
}
html:not([data-theme="dark"]) :is(.shot-task strong,.shot-metrics strong,.shot-main h2){color:#142033}
html:not([data-theme="dark"]) .shot-export{
  background:#eaf3fc;
  color:#155fa9;
  border-color:#c8d7e6;
}
html:not([data-theme="dark"]) .proof-strip{
  background:#f0f5fa;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) .proof-grid div{border-color:#c8d7e6}
html:not([data-theme="dark"]) .proof-grid strong{color:#142033}
html:not([data-theme="dark"]) .proof-grid span{color:#53677e}
html:not([data-theme="dark"]) :is(.feature-wrap,.export-section){
  background:#f0f5fa;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) :is(.question-grid article,.feature-grid article,.honesty-grid article,.audience-card,.sample-report){
  background:#fff;
  color:#142033;
  border:1px solid #d9e3ee;
  box-shadow:0 5px 18px rgba(16,42,73,.035);
}
html:not([data-theme="dark"]) :is(.question-grid article p,.feature-grid article p,.honesty-grid article p,.steps article p,.sample-findings p){
  color:#53677e;
}
html:not([data-theme="dark"]) :is(.question-grid article>span,.steps article>span){
  color:#1760b1;
}
html:not([data-theme="dark"]) .feature-icon{background:#eaf3fc;color:#1760b1}
html:not([data-theme="dark"]) :is(.audience-card,.sample-report){border-radius:18px}
html:not([data-theme="dark"]) :is(.sample-score,.sample-finding,.sample-report-head){
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) .sample-score{background:#eaf3fc;color:#145b9f}
html:not([data-theme="dark"]) .sample-finding{background:#f7f9fc}
html:not([data-theme="dark"]) .sample-report-head span{color:#60748c}
html:not([data-theme="dark"]) .sample-copy-status{color:#586a7e}
html:not([data-theme="dark"]) .final-cta{
  background:#eaf3fc;
  border-top:1px solid #d9e3ee;
}
html:not([data-theme="dark"]) .sales-footer{
  background:#fff;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) :is(.sales-footer,.footer-inner div span,.sales-footer p,.sales-footer small){color:#52667e}
html:not([data-theme="dark"]) .footer-inner div strong{color:#142033}

/* Analytics workspace: match KelvinForbes.com's quiet enterprise palette. */
html:not([data-theme="dark"]) .sidebar{
  background:#fff;
  border-right:1px solid #d9e3ee;
  backdrop-filter:none;
}
html:not([data-theme="dark"]) .brand-name{color:#142033;font-weight:800}
html:not([data-theme="dark"]) .brand-sub{color:#60748c}
html:not([data-theme="dark"]) :is(.brand-mark,.site-avatar,.auth-mark){
  background:#1760b1;
  color:#fff;
  box-shadow:none;
}
html:not([data-theme="dark"]) .brand-mark{border-radius:12px}
html:not([data-theme="dark"]) .side-nav{gap:4px}
html:not([data-theme="dark"]) .nav-item{
  border-radius:10px;
  color:#50657b;
  font-weight:700;
}
html:not([data-theme="dark"]) .nav-item:hover{
  background:#f0f5fa;color:#145b9f;
}
html:not([data-theme="dark"]) .nav-item.active{
  color:#145b9f;
  background:#eaf3fc;
  box-shadow:inset 3px 0 0 #1760b1;
}
html:not([data-theme="dark"]) .sidebar-footer{color:#586a7e}
html:not([data-theme="dark"]) .sidebar-footer a{color:#145b9f!important}
html:not([data-theme="dark"]) :is(.source-pill,.source-badge){
  color:#405774;
  background:#f0f5fa;
  border-color:#d9e3ee;
}
html:not([data-theme="dark"]) .status-dot{box-shadow:none}
html:not([data-theme="dark"]) .main{color:#142033}
html:not([data-theme="dark"]) .topbar h1{
  color:#142033;
  font-weight:800;
  font-size:clamp(30px,3.5vw,44px);
  letter-spacing:-.055em;
}
html:not([data-theme="dark"]) .topbar p{color:#52667e}
html:not([data-theme="dark"]) :is(.select-wrap select,.period-group,.theme-metrics){
  background-color:#fff;
  color:#142033;
  border-color:#c9d8e8;
}
html:not([data-theme="dark"]) .period-group button{color:#52667e}
html:not([data-theme="dark"]) .period-group button.active{
  background:#1760b1;
  color:#fff;
}
html:not([data-theme="dark"]) :is(.context-strip,.export-bar){
  background:#fff;
  border-color:#d9e3ee;
  box-shadow:none;
}
html:not([data-theme="dark"]) :is(.context-label,.context-meta,.metric-label,.metric-meta,.panel-kicker,.legend){
  color:#60748c;
}
html:not([data-theme="dark"]) :is(.metric-card,.panel,.site-card,.managed-site-card){
  background:#fff;
  border:1px solid #d9e3ee;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(16,42,73,.035);
}
html:not([data-theme="dark"]) .metric-value{font-weight:800;color:#142033}
html:not([data-theme="dark"]) .metric-card:hover{border-color:#bed0e5}
html:not([data-theme="dark"]) :is(.metric-card h3,.panel h2,.table-main strong,.table-value,.site-cell strong){color:#142033}
html:not([data-theme="dark"]) :is(.panel-head,.table-row,.site-table td){border-color:#d9e3ee}
html:not([data-theme="dark"]) .legend-dot{background:#1760b1}
html:not([data-theme="dark"]) :is(.gridline){stroke:#e3eaf2}
html:not([data-theme="dark"]) .chart-line{stroke:#1760b1}
html:not([data-theme="dark"]) .chart-dots circle{stroke:#1760b1;fill:#fff}
html:not([data-theme="dark"]) .chart-labels text{fill:#657586}
html:not([data-theme="dark"]) .donut:after{background:#fff}
html:not([data-theme="dark"]) :is(.device-row,.table-main span,.site-table th,.mini-note){color:#586a7e}
html:not([data-theme="dark"]) .rank{color:#53677e;border-color:#d9e3ee}
html:not([data-theme="dark"]) .bar-meta{color:#405774}
html:not([data-theme="dark"]) .bar-track{background:#e8eef4}
html:not([data-theme="dark"]) .bar-track span{background:#1760b1}
html:not([data-theme="dark"]) :is(.search-kpis div,.site-card,.add-site-form input,.data-chip,.upload-card,.psi-diagnostic,.psi-snippet,.psi-urls code,.setup-steps li,.backlink-metric,.opp-card){
  background:#f7f9fc;
  border-color:#d9e3ee;
  color:#142033;
}
html:not([data-theme="dark"]) :is(.site-table th,.opp-table th){color:#52667e}
html:not([data-theme="dark"]) :is(.source-badge,.data-chip,.psi-diagnostic-top span){color:#405774}
html:not([data-theme="dark"]) :is(.psi-snippet,.psi-urls code){color:#405774}
html:not([data-theme="dark"]) :is(.text-button,.setup-steps li:before){color:#175eaa}
html:not([data-theme="dark"]) .setup-steps li:before{background:#e1eefc}
html:not([data-theme="dark"]) .owner-exclusion{background:#eaf5ee;border-color:#b8dac8}
html:not([data-theme="dark"]) .owner-exclusion strong{color:#167b60}
html:not([data-theme="dark"]) .delta.up{color:#167b60}
html:not([data-theme="dark"]) .delta.down{color:#b42338}
html:not([data-theme="dark"]) .managed-site-tools a{color:#145b9f}
html:not([data-theme="dark"]) .managed-site-tools button{background:#fff;color:#344054;border-color:#d9e3ee}
html:not([data-theme="dark"]) .source-pill .status-dot{background:#167b60}

/* Research tools: inline page styles previously used fixed dark backgrounds. */
html:not([data-theme="dark"]) :is(.field input,.field select,.audit-field select,.opp-field select,.backlink-field select,.keyword-fields input,.keyword-fields select,.account-form input,.auth-card input){
  background:#fff;
  color:#142033;
  border:1px solid #c9d8e8;
}
html:not([data-theme="dark"]) :is(.field label,.audit-field label,.opp-field label,.backlink-field label,.account-form label,.auth-card label){color:#405774}
html:not([data-theme="dark"]) :is(.keyword-form,.audit-controls,.opp-controls,.backlink-controls){color:#142033}
html:not([data-theme="dark"]) :is(.backlink-metric,.opp-card,.keyword-card,.audit-card,.insight-card,.result-card,.stat-card){
  background:#fff;
  border-color:#d9e3ee;
  color:#142033;
}
html:not([data-theme="dark"]) .score-ring:after{background:#fff}
html:not([data-theme="dark"]) .score-ring{background:conic-gradient(var(--good) 0 var(--score,0%),#e3eaf2 var(--score,0%) 100%)}
html:not([data-theme="dark"]) :is(.primary-button,.opp-button,.auth-card button,.account-form button[type="submit"],.sample-copy-button){
  background:#1760b1;
  border-color:#1760b1;
  color:#fff;
  box-shadow:none;
}
html:not([data-theme="dark"]) :is(.primary-button,.opp-button,.auth-card button,.account-form button[type="submit"]):hover{background:#10477f}
html:not([data-theme="dark"]) :is(.secondary-button,.clear-button,.export-actions button,.site-restore-button){
  background:#fff;
  color:#175eaa;
  border:1px solid #c8d7e6;
}
html:not([data-theme="dark"]) :is(.secondary-button,.clear-button,.export-actions button):hover{background:#eaf3fc}
html:not([data-theme="dark"]) .export-actions button:first-child{color:#145b9f;background:#eaf3fc;border-color:#c8d7e6}

/* Owner sign-in + member sign-in: same accessible white card design. */
html:not([data-theme="dark"]) .auth-gate{background:rgba(20,32,51,.42);backdrop-filter:blur(8px)}
html:not([data-theme="dark"]) :is(.auth-card,.account-shell){
  background:#fff;
  border:1px solid #d9e3ee;
  border-radius:18px;
  box-shadow:0 18px 65px rgba(16,42,73,.12);
  color:#142033;
}
html:not([data-theme="dark"]) :is(.auth-copy,.account-lead){color:#52667e}
html:not([data-theme="dark"]) .account-tabs{background:#f0f5fa;border-color:#d9e3ee}
html:not([data-theme="dark"]) .account-tabs button{color:#52667e}
html:not([data-theme="dark"]) .account-tabs button.active{background:#fff;color:#145b9f;box-shadow:0 1px 5px rgba(16,42,73,.09)}
html:not([data-theme="dark"]) :is(.auth-error,.account-error){color:#a52637}

/* Consistent compact responsive spacing and legible contrast. */
@media(max-width:760px){
  html:not([data-theme="dark"]) .hero{min-height:0}
  html:not([data-theme="dark"]) .hero h1{font-size:clamp(39px,9vw,54px)}
  html:not([data-theme="dark"]) .main{padding:24px 15px 44px}
  html:not([data-theme="dark"]) .metric-card{border-radius:13px}
  html:not([data-theme="dark"]) .panel{border-radius:14px}
  html:not([data-theme="dark"]) .topbar{gap:16px}
}
@media(prefers-reduced-motion:reduce){
  html:not([data-theme="dark"]) *{scroll-behavior:auto!important}
}

/* Detailed views: keep even rarely used states readable on white. */
html:not([data-theme="dark"]) :is(.export-card,.rank-history-row,.rank-history-card,.saved-keyword,.intent-chip,.click-result,.subscore,.meta-pill,.severity-card,.plan-progress-card,.plan-task,.plan-chip,.plan-guidance>div,.history-change,.audit-history-row,.friendly-benefits div,.advanced-source,.backlink-change-grid>div,.content-opportunity,.content-metrics span,.serp-feature-block,.serp-features span,.serp-related span,.serp-result,.competitor-subpanel,.saved-competitor){
  background:#fff;
  border-color:#d9e3ee;
  color:#142033;
}
html:not([data-theme="dark"]) :is(.rank-history-card,.subscore,.meta-pill,.plan-chip,.content-metrics span,.serp-features span,.serp-related span){background:#f0f5fa}
html:not([data-theme="dark"]) :is(.connection-badge,.rank-history-row,.plan-progress,.plan-toolbar button,.plan-button,.paste-actions button,.track-result,.rank-remove,.save-result,.secondary-action,.big-action.secondary){
  background:#eaf3fc;
  border-color:#c8d7e6;
  color:#145b9f;
}
html:not([data-theme="dark"]) .plan-progress{background:#d9e3ee}
html:not([data-theme="dark"]) :is(.backlink-textarea,.list-inline input,.serp-controls input,.competitor-controls input,.backlink-field input){
  background:#fff;
  color:#142033;
  border-color:#c9d8e8;
}
html:not([data-theme="dark"]) :is(.account-message,.error-inline,.danger-button){
  background:#fff0f1;
  border-color:#f3c3c8;
  color:#9b2337;
}
html:not([data-theme="dark"]) .competitor-warning span,
html:not([data-theme="dark"]) .export-card i{
  background:#fff5df;
  color:#875110;
}
html:not([data-theme="dark"]) :is(.content-metrics strong,.saved-keyword strong,.serp-result strong){color:#142033}
html:not([data-theme="dark"]) .sales-footer a{color:#145b9f}
html:not([data-theme="dark"]) .text-button:hover,
html:not([data-theme="dark"]) .managed-site-tools a:hover{color:#10477f;text-decoration:underline}

/* Standalone browser-data export page. Keep its storage/export behaviour intact. */
html:not([data-theme="dark"]) .blinkmetrics-migrate{
  background:#f7f9fc;
  color:#142033;
}
html:not([data-theme="dark"]) .blinkmetrics-migrate main{
  background:#fff;
  color:#142033;
  border:1px solid #d9e3ee;
  border-radius:18px;
  box-shadow:0 10px 36px rgba(16,42,73,.07);
}
html:not([data-theme="dark"]) .blinkmetrics-migrate p{color:#52667e}
html:not([data-theme="dark"]) .blinkmetrics-migrate a{color:#145b9f}
html:not([data-theme="dark"]) .blinkmetrics-migrate :is(button,a.btn){
  background:#1760b1;
  color:#fff;
}