/* ==========================================================================
   SEO Fury — WordPress Dashboard (Console) panels, redesign preview (1.6.0a)
   Shared by the free and PRO panels (.sfc). WordPress Dashboard is always
   light, so the palette is fixed here.
   ========================================================================== */

.sfc{
  /* Same light palette as editor-alpha.css (--sfe-*) and ui-alpha.css:
     --*-ok is amber text on light, --*-ok-fill is amber for bars/rings. */
  --sfc-text:#0f172a; --sfc-text-2:#475569; --sfc-muted:#64748b; --sfc-line:#e6e8f0; --sfc-line-soft:#eff1f6; --sfc-soft:#f5f6fa;
  --sfc-accent:#4f46e5; --sfc-accent-bg:#eef0ff;
  --sfc-good:#059669; --sfc-good-bg:#e7f8f0; --sfc-ok:#b45309; --sfc-ok-fill:#d97706; --sfc-ok-bg:#fef4e2;
  --sfc-bad:#dc2626; --sfc-bad-bg:#fdecec; --sfc-info:#2563eb; --sfc-info-bg:#e9f0fe;
  color:var(--sfc-text); font-size:13px; line-height:1.45;
}
.sfc a{ text-decoration:none; }
.sfc p{ margin:0; }

/* Hero: ring + verdict */
.sfc-hero{ display:flex; align-items:center; gap:16px; padding:4px 0 16px; }
.sfc-ring{ position:relative; width:76px; height:76px; flex:0 0 76px; }
.sfc-ring svg{ width:100%; height:100%; transform:rotate(-90deg); display:block; }
.sfc-ring circle{ fill:none; stroke-width:8; }
.sfc-ring .t{ stroke:var(--sfc-line-soft); }
.sfc-ring .v{ stroke:var(--sfc-accent); stroke-linecap:round; }
.sfc-ring.is-good .v{ stroke:var(--sfc-good); } .sfc-ring.is-ok .v{ stroke:var(--sfc-ok-fill); } .sfc-ring.is-bad .v{ stroke:var(--sfc-bad); }
.sfc-ring b{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.sfc-ring.is-big{ background:none; }
.sfc-eyebrow{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--sfc-muted); }
.sfc-title{ margin-top:2px; font-size:15px; font-weight:650; line-height:1.3; color:var(--sfc-text); }
.sfc-sub{ margin-top:3px; font-size:12.5px; color:var(--sfc-muted); }

/* Stat tiles */
.sfc-tiles{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.sfc-tiles.is-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (min-width:1600px){ .sfc-tiles.is-4{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
.sfc-tile{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; padding:12px; border:1px solid var(--sfc-line);
  border-radius:12px; background:#fff; color:inherit; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:box-shadow .15s, border-color .15s;
}
a.sfc-tile:hover{ border-color:#c7cbe0; box-shadow:0 8px 20px -10px rgba(16,24,40,.25); color:inherit; }
.sfc-val{ font-size:22px; font-weight:700; letter-spacing:-.02em; line-height:1.15; font-variant-numeric:tabular-nums; }
.sfc-val.is-bad{ color:var(--sfc-bad); } .sfc-val.is-ok{ color:var(--sfc-ok); } .sfc-val.is-good{ color:var(--sfc-good); }
.sfc-lbl{ font-size:12px; color:var(--sfc-muted); }
.sfc-delta{ margin-top:2px; font-size:11.5px; font-weight:600; }
.sfc-delta.is-up{ color:var(--sfc-good); } .sfc-delta.is-down{ color:var(--sfc-bad); } .sfc-delta.is-flat{ color:var(--sfc-muted); }

/* Icon chip */
.sfc-ico.dashicons{
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:28px; height:28px; margin-bottom:6px;
  border-radius:8px; font-size:16px; line-height:1; background:var(--sfc-accent-bg); color:var(--sfc-accent);
}
.sfc-ico.is-good{ background:var(--sfc-good-bg); color:var(--sfc-good); }
.sfc-ico.is-ok{ background:var(--sfc-ok-bg); color:var(--sfc-ok); }
.sfc-ico.is-bad{ background:var(--sfc-bad-bg); color:var(--sfc-bad); }
.sfc-ico.is-info{ background:var(--sfc-info-bg); color:var(--sfc-info); }
.sfc-ico.is-muted{ background:var(--sfc-soft); color:var(--sfc-muted); }

/* Meter */
.sfc-meter{ height:6px; border-radius:999px; background:var(--sfc-line-soft); overflow:hidden; }
.sfc-meter i{ display:block; height:100%; border-radius:inherit; background:var(--sfc-accent); }
.sfc-meter.is-good i{ background:var(--sfc-good); } .sfc-meter.is-ok i{ background:var(--sfc-ok-fill); } .sfc-meter.is-bad i{ background:var(--sfc-bad); }
.sfc-meter-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px; font-size:12.5px; font-weight:600; color:var(--sfc-text-2); }
.sfc-meter-head b{ font-size:14px; color:var(--sfc-text); }

/* List rows */
.sfc-list{ margin:0 0 14px; padding:0; list-style:none; border:1px solid var(--sfc-line); border-radius:12px; overflow:hidden; background:#fff; }
.sfc-row{ display:flex; align-items:center; gap:10px; margin:0; padding:9px 12px; border-top:1px solid var(--sfc-line); }
.sfc-row:first-child{ border-top:0; }
.sfc-row .sfc-ico{ width:24px; height:24px; font-size:14px; margin:0; border-radius:7px; }
.sfc-row-text{ flex:1; min-width:0; }
.sfc-row-text strong{ display:block; font-weight:600; color:var(--sfc-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sfc-row-text span{ display:block; font-size:12px; color:var(--sfc-muted); }
.sfc-row-text a{ color:var(--sfc-text); font-weight:600; }
.sfc-row-text a:hover{ color:var(--sfc-accent); }
.sfc-badge{ min-width:26px; padding:2px 8px; border-radius:999px; background:var(--sfc-soft); text-align:center; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--sfc-text-2); }
.sfc-badge.is-bad{ background:var(--sfc-bad-bg); color:var(--sfc-bad); } .sfc-badge.is-ok{ background:var(--sfc-ok-bg); color:var(--sfc-ok); } .sfc-badge.is-good{ background:var(--sfc-good-bg); color:var(--sfc-good); }
.sfc-pill{ flex:0 0 auto; padding:4px 11px; border:1px solid #c7d2fe; border-radius:999px; font-size:12px; font-weight:600; color:#4338ca; white-space:nowrap; }
.sfc-pill:hover{ background:var(--sfc-accent-bg); border-color:transparent; color:var(--sfc-accent); }
.sfc-url{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; color:var(--sfc-text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.sfc-section{ margin:0 0 8px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--sfc-muted); }
.sfc-note{ margin:0 0 12px !important; font-size:12px; color:var(--sfc-muted); }
.sfc-block{ margin-bottom:14px; padding:12px; border:1px solid var(--sfc-line); border-radius:12px; background:#fff; }

/* Footer buttons */
.sfc-foot{ display:flex; flex-wrap:wrap; gap:8px; margin:0 !important; }
.sfc-foot .button{ border-radius:8px; }
.sfc-foot .button-primary{ background:#4f46e5; border-color:#4338ca; color:#fff; }
.sfc-foot .button-primary:hover{ background:#4338ca; border-color:#3730a3; color:#fff; }

/* Empty / all-clear state */
.sfc-empty{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:14px 8px 6px; }
.sfc-empty .sfc-ico{ width:44px; height:44px; font-size:24px; border-radius:50%; margin:0 0 2px; }
.sfc-empty p{ max-width:340px; color:var(--sfc-text-2); }
.sfc-empty .sfc-foot{ justify-content:center; margin-top:6px !important; }

/* Every SEO Fury panel: brand buttons */
#dashboard-widgets [id^="seo_fury_"] .button{ border-radius:8px; }
#dashboard-widgets [id^="seo_fury_"] .button-primary{ background:#4f46e5; border-color:#4338ca; color:#fff; }
#dashboard-widgets [id^="seo_fury_"] .button-primary:hover{ background:#4338ca; border-color:#3730a3; }
/* Secondary buttons in the plugin's widgets: indigo like the rest of the plugin, not WordPress blue. */
#dashboard-widgets [id^="seo_fury_"] .button:not(.button-primary){ color:#4338ca; border-color:#c7d2fe; background:#fff; }
#dashboard-widgets [id^="seo_fury_"] .button:not(.button-primary):hover{ color:#3730a3; border-color:#4f46e5; background:#eef2ff; }

/* No icons on tiles and list rows (same as the plugin screens); the empty
   state keeps its illustration icon. */
.sfc-tile .sfc-ico, .sfc-row .sfc-ico{ display:none; }