/* Local SEO Audit report styles — adapted from the auditor prototype's
   report CSS, remapped to the Suite's light theme and scoped under
   .lseo-scope so none of it leaks into (or collides with) site styles. */

/* Mode/entitlement note above the audit form: a callout box. The note
   text is always its own paragraph; an action button (the Pro add-on buy
   button) sits in .lseo-note-action on its own row below the text with a
   clear top margin — never inline in the sentence. */
.lseo-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;border-radius:10px;padding:13px 14px;font-size:14px;line-height:1.6;margin:14px 0}
.lseo-note p{margin:0}
.lseo-note-action{margin-top:12px}

/* Plans strip on local-seo.html: reuses the shared .plans/.plan cards from
   styles.css — this page shows four, so the grid gets a 4-up variant. */
.plans.lseo-plans{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.plans.lseo-plans{grid-template-columns:1fr}}
.lseo-scope .scoreRow{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.lseo-scope .ring{width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:8px solid #f59e0b;flex:none}
.lseo-scope .ring b{font-size:32px;line-height:1}
.lseo-scope .ring small{color:#64748b}
.lseo-scope .badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800}
.lseo-scope .CRITICAL{background:#fef2f2;color:#b91c1c}
.lseo-scope .WARNING{background:#fffbeb;color:#92400e}
.lseo-scope .GOOD{background:#f0fdf4;color:#15803d}
.lseo-scope .NEEDS{background:#f1f5f9;color:#64748b}
.lseo-scope .check{border-top:1px solid #e2e8f0;padding:12px 0}
.lseo-scope .check:first-of-type{border-top:0}
.lseo-scope .check h3{margin:0 0 4px;font-size:16px}
.lseo-scope .check p{margin:4px 0;color:#334155;font-size:14px;line-height:1.5}
.lseo-scope .card{border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-top:16px;background:#fff}
.lseo-scope .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px}
.lseo-scope .cell{border-radius:10px;padding:12px 6px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0}
.lseo-scope .cell b{display:block;font-size:20px}
.lseo-scope .cell small{color:#64748b;font-size:11px}
.lseo-scope .cell.g{border-color:#16a34a;background:#f0fdf4}
.lseo-scope .cell.y{border-color:#d97706;background:#fffbeb}
.lseo-scope .cell.r{border-color:#dc2626;background:#fef2f2}
.lseo-scope .task{border-left:4px solid #f59e0b;background:#f8fafc;border-radius:8px;padding:10px 12px;margin:8px 0}
.lseo-scope .task b{font-size:14px}
.lseo-scope .task p{margin:3px 0 0;color:#334155;font-size:13px}
.lseo-scope table{width:100%;border-collapse:collapse;font-size:14px}
.lseo-scope td,.lseo-scope th{padding:7px 6px;border-bottom:1px solid #e2e8f0;text-align:left}
.lseo-scope .stamp{color:#64748b;font-size:12px;margin-top:8px}
.lseo-scope .bar{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}
.lseo-scope .bar i{display:block;height:100%;background:#f59e0b}
.lseo-scope .kbd{font-size:12px;color:#64748b}
@media print{
  .lseo-scope .card{border-color:#ccc}
  /* Keep report colors (score ring, verdict pills, grid cells) in print. */
  .lseo-scope,.lseo-scope *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* Avoid splitting report blocks across pages where it can be helped. */
  .lseo-scope .card,.lseo-scope .check,.lseo-scope .task,.lseo-scope tr{break-inside:avoid}
}
/* Print / Save PDF gives the clean report only (Oct 17, 2026): when a
   report is on screen, everything else on the page (nav, hero, audit
   form, Recent audits, pricing, footer) and the report card's own button
   row are hidden, and the report card loses its screen chrome. Guarded
   by :has() on the visible report card, so printing with no report
   loaded keeps the normal page, and browsers without :has() support
   fall back to previous behavior. */
@media print{
  body:has(#lseoReportCard:not([hidden])) .site-header,
  body:has(#lseoReportCard:not([hidden])) .site-footer,
  body:has(#lseoReportCard:not([hidden])) .audit-hero,
  body:has(#lseoReportCard:not([hidden])) #lseoInputCard,
  body:has(#lseoReportCard:not([hidden])) #lseoHistoryCard,
  body:has(#lseoReportCard:not([hidden])) #lseoPlansCard,
  body:has(#lseoReportCard:not([hidden])) #lseoReportCard .actions{display:none !important}
  body:has(#lseoReportCard:not([hidden])) main.wrap{max-width:none;padding-top:0}
  body:has(#lseoReportCard:not([hidden])) #lseoReportCard{border:0;box-shadow:none;padding:0;margin:0}
}
@page{margin:14mm}

/* Recent audits (report history): one full-width row per finished audit,
   rendered as a ghost button by local-seo-ui.js. */
.lseo-history-row{display:block;width:100%;text-align:left;margin:6px 0}