/* ═══════════════════════════════════════════════════════
   SEO Intelligence Suite Pro v5.2 — Tabbed Design
   Brand: #fc1d55 · White · Dark Navy #0f1923
   ═══════════════════════════════════════════════════════ */
:root {
  --p:      #fc1d55;
  --p2:     #e8004a;
  --p-lt:   #ff6b8a;
  --p-grd:  linear-gradient(135deg,#fc1d55 0%,#ff6b35 100%);
  --p-grd2: linear-gradient(135deg,#fc1d55 0%,#c2006b 100%);
  --p-grd3: linear-gradient(135deg,#ff6b35 0%,#fc1d55 50%,#c2006b 100%);
  --dark:   #0f1923;
  --dark2:  #1a2535;
  --good:   #00c48c;
  --warn:   #f59e0b;
  --bad:    #ef4444;
  --info:   #3b82f6;
  --txt:    #1a0a14;
  --muted:  #7a6070;
  --border: #edd8df;
  --surf:   #fdf5f7;
  --radius: 16px;
  --rad-sm: 10px;
  --rad-xs: 7px;
  --shadow: 0 2px 16px rgba(252,29,85,.09);
  --shadow2:0 8px 40px rgba(252,29,85,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── Base ─────────────────────────────────────────────── */
.seo-wrap,.seo-frontend-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--txt);line-height:1.6}
.seo-wrap{max-width:1300px}

/* ════ ADMIN PANEL ════════════════════════════════════════ */
.seo-admin-header{background:var(--p-grd);border-radius:var(--radius);padding:26px 32px;display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:22px;box-shadow:var(--shadow2)}
.seo-logo{display:flex;align-items:center;gap:14px}
.seo-logo-icon{font-size:2.4rem;line-height:1}
.seo-logo h1{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}
.seo-logo p{font-size:.83rem;opacity:.85}
.seo-header-stats{display:flex;gap:16px}
.seo-hstat{text-align:center;background:rgba(255,255,255,.18);border-radius:var(--rad-sm);padding:10px 18px}
.seo-hstat-n{display:block;font-size:1.7rem;font-weight:900}
.seo-hstat-l{display:block;font-size:.7rem;opacity:.85;margin-top:1px}

.seo-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px;margin-bottom:18px;border:1px solid var(--border)}
.seo-card-title{font-size:.98rem;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.seo-card-sub{font-size:.82rem;color:var(--muted);margin-bottom:16px}
.seo-form-card{background:linear-gradient(135deg,#fff 0%,#fff5f7 100%)}

.seo-form-row{display:flex;gap:10px;flex-wrap:wrap}
.seo-input-flex{flex:1;min-width:200px}
.seo-input-group{position:relative;display:flex;align-items:center;width:100%}
.seo-input-pre{position:absolute;left:13px;font-size:.95rem;pointer-events:none;z-index:1}
.seo-input{width:100%;padding:12px 14px 12px 40px;border:2px solid var(--border);border-radius:var(--rad-sm);font-size:.92rem;transition:border .18s,box-shadow .18s;background:#fff;outline:none;color:var(--txt)}
.seo-input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(252,29,85,.12)}
.seo-input::placeholder{color:#c0a0a8}

.seo-btn-primary{background:var(--p-grd);color:#fff;border:none;border-radius:var(--rad-sm);padding:12px 22px;font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 16px rgba(252,29,85,.35)}
.seo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(252,29,85,.45)}
.seo-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}
.btn-arrow{font-size:1rem;transition:transform .18s}
.seo-btn-primary:hover .btn-arrow{transform:translateX(3px)}
.seo-btn-primary .spin,.seo-search-btn .spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.seo-error-bar,.seo-frontend-error{background:#fff0f3;border:1px solid #ffc1cc;border-left:4px solid var(--p);border-radius:var(--rad-xs);padding:10px 14px;margin-top:10px;font-size:.84rem;color:#c0003a}

/* Progress */
.seo-progress-card,.seo-progress-wrap{background:linear-gradient(135deg,#fff5f7,#fff);border-radius:var(--radius);padding:22px 26px;border:1px solid var(--border);box-shadow:var(--shadow)}
.seo-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.seo-progress-title{font-weight:700;font-size:.9rem;color:var(--txt)}
.seo-progress-title span{color:var(--p);font-weight:800}
.seo-progress-pct{font-size:1.1rem;font-weight:900;color:var(--p)}
.seo-progress-bar-wrap{height:8px;background:var(--border);border-radius:8px;overflow:hidden;margin-bottom:12px}
.seo-progress-bar{height:100%;background:var(--p-grd);border-radius:8px;width:0%;transition:width .35s ease}
.seo-progress-steps{display:flex;flex-wrap:wrap;gap:7px}
.seo-step{display:flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:.72rem;font-weight:600;background:var(--surf);border:1px solid var(--border);color:var(--muted);transition:all .3s}
.seo-step.done{background:#e8fff5;border-color:#a0f0cc;color:#00663a}
.seo-step.active{background:#fff0f4;border-color:#ffc1cc;color:var(--p);font-weight:800}
.seo-step-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.seo-step.active .seo-step-dot{animation:pulse .8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Recent */
.seo-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:11px;margin-top:4px}
.seo-recent-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--rad-sm);padding:13px;cursor:pointer;transition:transform .18s,box-shadow .18s}
.seo-recent-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.seo-recent-domain{font-size:.8rem;font-weight:700;color:var(--txt);margin-bottom:3px;word-break:break-all}
.seo-recent-meta{font-size:.7rem;color:var(--muted);margin-bottom:7px}
.seo-empty{text-align:center;color:var(--muted);padding:22px;font-size:.86rem}
.seo-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:800}
.seo-badge-excellent{background:#e0fff2;color:#006640}
.seo-badge-good{background:#e0f0ff;color:#003d99}
.seo-badge-warn{background:#fff5e0;color:#7a4a00}
.seo-badge-poor{background:#ffe0e6;color:#99000d}

/* ════ FRONTEND HERO ══════════════════════════════════════ */
.seo-frontend-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.seo-hero{background:var(--p-grd3);border-radius:20px;padding:52px 40px 44px;text-align:center;color:#fff;box-shadow:0 12px 48px rgba(252,29,85,.28);margin-bottom:24px;position:relative;overflow:hidden}
.seo-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:700;margin-bottom:16px}
.seo-hero h2{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:10px;line-height:1.15}
.seo-hero p{font-size:.98rem;opacity:.92;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}
.seo-search-box{max-width:620px;margin:0 auto 22px;background:rgba(255,255,255,.96);border-radius:50px;padding:6px 6px 6px 22px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);overflow:hidden}
.seo-search-icon{font-size:1.1rem;flex-shrink:0;opacity:.6}
.seo-search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--txt);outline:none;padding:6px 0}
.seo-search-input::placeholder{color:#bbb}
.seo-search-btn{background:var(--p-grd2);color:#fff;border:none;border-radius:40px;padding:11px 24px;font-size:.9rem;font-weight:800;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;transition:transform .18s,box-shadow .18s;flex-shrink:0;box-shadow:0 4px 16px rgba(252,29,85,.4)}
.seo-search-btn:hover{transform:scale(1.04)}
.seo-search-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.seo-trust{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;font-size:.78rem;font-weight:600;opacity:.94}
.seo-trust-sep{opacity:.4}
.seo-feat-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}
.seo-feat-pill{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:5px 13px;font-size:.74rem;font-weight:600}
.seo-frontend-error{background:#fff0f3;border:1px solid #ffc1cc;border-left:4px solid var(--p);border-radius:var(--rad-xs);padding:10px 14px;margin:10px auto;font-size:.84rem;color:#c0003a;max-width:620px;text-align:left}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:900px){
  .dev-cols{grid-template-columns:1fr}
}
@media(max-width:768px){
  .seo-admin-header{flex-direction:column;gap:14px;text-align:center;padding:20px 18px}
  .seo-header-stats{justify-content:center}
  .seo-form-row{flex-direction:column}
  .seo-hero{padding:28px 16px 22px}
  .seo-hero h2{font-size:1.55rem}
  .seo-search-box{border-radius:16px;flex-direction:column;padding:12px;gap:10px;align-items:stretch;max-width:100%}
  .seo-search-icon{display:none}
  .seo-search-input{font-size:.95rem;padding:12px 16px;border:2px solid rgba(252,29,85,.25);border-radius:10px;background:#fff;width:100%;box-sizing:border-box;color:#1a0a14}
  .seo-search-btn{width:100%;justify-content:center;border-radius:10px!important;padding:14px 16px;font-size:.95rem;white-space:normal}
  .seo-trust{gap:6px 10px;font-size:.72rem;margin-bottom:14px}
  .seo-trust-sep{display:none}
  .seo-trust span{background:rgba(255,255,255,.15);border-radius:20px;padding:3px 10px}
  .dev-cta-btns{flex-direction:column}
  .dev-banner{flex-direction:column;gap:12px;text-align:center}
  .dev-banner-url{display:none}
}
@media(max-width:480px){
}

/* ════════════════════════════════════════════════════════════════════
   SEO POPUP — LEFT-SIDEBAR DESIGN (Screenshot 1 style)
   Fully scoped under #seo-popup-modal and #seop
   ════════════════════════════════════════════════════════════════════ */

/* ── OVERLAY ── */
#seo-popup-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(20,10,30,.72) !important;
  z-index: 999990 !important;
  display: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
#seo-popup-overlay.active { display: block !important; }

/* ── MODAL SHELL ── */
#seo-popup-modal {
  position: fixed !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%,-50%) !important;
  z-index: 999999 !important;
  width: 96% !important; max-width: 1380px !important;
  height: 90vh !important;
  max-height: 90vh !important;
  min-height: 500px !important;
  background: #F4F6FB !important;
  border-radius: 20px !important;
  box-shadow: 0 32px 80px rgba(61,68,101,.22), 0 0 0 1px rgba(249,70,135,.12) !important;
  display: none !important;
  flex-direction: row !important;
  overflow: hidden !important;
  font-family: 'DM Sans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
#seo-popup-modal.active {
  display: flex !important;
  animation: seopopIn .3s cubic-bezier(.34,1.3,.64,1) forwards !important;
}
@keyframes seopopIn {
  from { opacity:0; transform: translate(-50%,-50%) scale(.93) translateY(16px); }
  to   { opacity:1; transform: translate(-50%,-50%) scale(1) translateY(0); }
}

/* ── BODY — split into sidebar + main ── */
#seo-popup-body {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* ════════════════════════════════════════════════════════════════════
   #seop — POPUP INNER SCOPE
   ════════════════════════════════════════════════════════════════════ */
#seop {
  --pk-pink: #F94687; --pk-pink2: #EA7A9A; --pk-pink-bg: #fef0f4; --pk-pink-mid: #f9c4d4;
  --pk-green: #2BC155; --pk-blue: #3B82F6; --pk-orange: #F97316; --pk-red: #ef4444;
  --pk-purple: #8B5CF6; --pk-yellow: #F59E0B; --pk-teal: #14B8A6;
  --pk-bg: #F4F6FB; --pk-card: #fff; --pk-border: #EDEDED;
  --pk-text: #2d3554; --pk-t2: #6b7280; --pk-t3: #a0aec0;
  --pk-r: 12px; --pk-rs: 8px;
  --pk-sh: 0 2px 16px rgba(0,0,0,.06);
  --pk-sh2: 0 8px 32px rgba(249,70,135,.12);
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  min-height: 0 !important;
}
#seop *, #seop *::before, #seop *::after { box-sizing: border-box !important; }
#seop a { text-decoration: none !important; color: inherit !important; }
#seop button { cursor: pointer !important; font-family: inherit !important; border: none !important; background: none !important; }
/* SVG global reset — prevent WP theme from filling/coloring icons */
#seop svg { display: inline-block !important; vertical-align: middle !important; overflow: visible !important; }
#seop svg:not([fill]) { fill: none !important; }
#seop svg path, #seop svg line, #seop svg polyline, #seop svg circle, #seop svg rect, #seop svg polygon { vector-effect: non-scaling-stroke; }
#seop ul { list-style: none; }
#seop::-webkit-scrollbar { display: none; }

/* ── SIDEBAR ── */
#seop .pk-sb {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 100% !important;
  background: #fff !important;
  border-right: 1px solid #EDEDED !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex-shrink: 0 !important;
}
#seop .pk-sb::-webkit-scrollbar { width: 3px; }
#seop .pk-sb::-webkit-scrollbar-thumb { background: #f9c4d4; border-radius: 6px; }

/* Sidebar header */
#seop .pk-sb-logo {
  padding: 16px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid #EDEDED !important;
  flex-shrink: 0 !important;
  min-height: 64px !important;
}
#seop .pk-sb-logo-icon {
  width: 32px; height: 32px; border-radius: 9px;
  background: linear-gradient(135deg,#EA7A9A,#F94687);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
#seop .pk-sb-logo-icon svg { width: 16px !important; height: 16px !important; fill: #fff !important; stroke: none !important; }
#seop .pk-sb-logo-text { font-family: 'Poppins',sans-serif; font-size: 16px; font-weight: 700; color: #2d3554; }
#seop .pk-sb-logo-text span { color: #F94687; }
#seop .pk-sb-logo-sub { font-size: 10px; color: #a0aec0; margin-top: 1px; }

/* Score widget */
#seop .pk-sb-score {
  padding: 18px 16px 14px !important;
  border-bottom: 1px solid #EDEDED !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  gap: 6px !important;
}
#seop .pk-sb-circle {
  width: 84px; height: 84px;
  position: relative;
  margin-bottom: 8px;
}
#seop .pk-sb-circle svg { transform: rotate(-90deg); }
#seop .pk-sb-circle-inner {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  line-height: 1;
}
#seop .pk-ring-num { font-family: 'Poppins',sans-serif; font-size: 24px; font-weight: 800; color: #2d3554; }
#seop .pk-ring-denom { font-size: 10px; color: #a0aec0; }
#seop .pk-score-lbl {
  font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  padding: 3px 10px; border-radius: 20px; margin-bottom: 10px;
}
#seop .pk-score-lbl.critical { color: #ef4444; background: #fee2e2; }
#seop .pk-score-lbl.good     { color: #16a34a; background: #dcfce7; }
#seop .pk-score-lbl.warn     { color: #F97316; background: #ffedd5; }
#seop .pk-counts {
  display: grid; grid-template-columns: 1fr 1fr; gap: 5px; width: 100%;
}
#seop .pk-count {
  background: #F4F6FB; border-radius: 8px; padding: 7px;
  text-align: center; border: 1px solid #EDEDED;
}
#seop .pk-count-val { font-family: 'Poppins',sans-serif; font-size: 16px; font-weight: 700; line-height: 1; }
#seop .pk-count-val.cv-r { color: #ef4444; }
#seop .pk-count-val.cv-o { color: #F97316; }
#seop .pk-count-val.cv-y { color: #F59E0B; }
#seop .pk-count-val.cv-g { color: #2BC155; }
#seop .pk-count-lbl { font-size: 10px; color: #a0aec0; margin-top: 2px; text-transform: uppercase; letter-spacing: .4px; }

/* Nav sections */
#seop .pk-nav-section { padding: 12px 10px 4px !important; }
#seop .pk-nav-lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #a0aec0; padding: 0 5px; margin-bottom: 3px; }
#seop .pk-nav-link {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 9px 12px !important; border-radius: 8px !important;
  font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important;
  transition: all .14s !important; cursor: pointer !important; width: 100% !important;
  text-align: left !important; position: relative !important; line-height: 1.4 !important;
}
#seop .pk-nav-link:hover { background: #fef0f4; color: #F94687; }
#seop .pk-nav-link.active {
  background: linear-gradient(135deg,#EA7A9A,#F94687);
  color: #fff; font-weight: 600;
  box-shadow: 0 4px 12px rgba(249,70,135,.25);
}
#seop .pk-nav-link.active svg { stroke: #fff !important; }
#seop .pk-nav-link svg {
  width: 15px !important; height: 15px !important;
  stroke: currentColor !important; fill: none !important;
  stroke-width: 2 !important; stroke-linecap: round !important;
  stroke-linejoin: round !important; flex-shrink: 0 !important;
}
#seop .pk-nav-badge {
  margin-left: auto; font-size: 10px; font-weight: 700;
  min-width: 17px; height: 17px; border-radius: 20px;
  display: flex; align-items: center; justify-content: center; padding: 0 4px;
}
#seop .pk-nav-link.active .pk-nav-badge { background: rgba(255,255,255,.25); color: #fff; }
#seop .pk-nav-link:not(.active) .pk-nav-badge { background: #fef0f4; color: #F94687; }

/* Sidebar footer */
#seop .pk-sb-footer {
  margin-top: auto; padding: 12px;
  border-top: 1px solid #EDEDED; flex-shrink: 0;
}
#seop .pk-user-row {
  display: flex; align-items: center; gap: 9px;
  padding: 9px; border-radius: 8px; background: #fef0f4;
}
#seop .pk-user-av {
  width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg,#EA7A9A,#F94687);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; color: #fff; flex-shrink: 0;
}
#seop .pk-user-name { font-size: 12px; font-weight: 600; color: #2d3554; }
#seop .pk-user-role { font-size: 11px; color: #a0aec0; }

/* ── MAIN CONTENT AREA ── */
#seop .pk-main {
  flex: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Header bar */
#seop .pk-hdr {
  height: 58px !important; min-height: 58px !important;
  background: #fff !important;
  border-bottom: 1px solid #EDEDED !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 0 22px !important; flex-shrink: 0 !important;
  gap: 12px !important;
}
#seop .pk-hdr-left { display: flex; flex-direction: column; }
#seop .pk-hdr-title { font-family: 'Poppins',sans-serif; font-size: 16px; font-weight: 700; line-height: 1.2; color: #2d3554; }
#seop .pk-hdr-sub { font-size: 11px; color: #a0aec0; margin-top: 1px; }
#seop .pk-hdr-right { display: flex; align-items: center; gap: 8px; }
#seop .pk-hdr-url-pill {
  display: flex; align-items: center; gap: 5px;
  background: #F4F6FB; border: 1px solid #EDEDED;
  border-radius: 8px; padding: 5px 10px;
  font-size: 11px; color: #6b7280;
  max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#seop .pk-hdr-url-pill svg { width: 12px; height: 12px; stroke: #F94687; fill: none; stroke-width: 2; flex-shrink: 0; }
#seop .pk-hdr-btn {
  display: flex; align-items: center; gap: 5px;
  padding: 6px 12px; border-radius: 8px;
  font-size: 11px; font-weight: 600; transition: all .14s; cursor: pointer;
}
#seop .pk-hdr-btn.outline { border: 1px solid #EDEDED; color: #6b7280; background: #fff; }
#seop .pk-hdr-btn.outline:hover { border-color: #F94687; color: #F94687; }
#seop .pk-hdr-btn.primary {
  background: linear-gradient(135deg,#EA7A9A,#F94687);
  color: #fff; box-shadow: 0 4px 10px rgba(249,70,135,.25);
}
#seop .pk-close-btn {
  width: 30px; height: 30px; border-radius: 8px;
  background: #F4F6FB; border: 1px solid #EDEDED;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: #6b7280;
  cursor: pointer; transition: all .14s;
}
#seop .pk-close-btn:hover { background: #fee2e2; color: #ef4444; border-color: #fecaca; }

/* Close btn (original) also styled */
#seo-popup-close {
  display: none !important;
}

/* ── PANELS SCROLL AREA ── */
#seop .pk-panels-wrap {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  background: #F4F6FB !important;
  height: 100% !important;
}
#seop .pk-panels-wrap::-webkit-scrollbar { width: 4px; }
#seop .pk-panels-wrap::-webkit-scrollbar-thumb { background: #f9c4d4; border-radius: 6px; }
body.seo-modal-open { overflow: hidden !important; }

/* ── PANEL ── */
#seop .pk-panel { display: none !important; padding: 22px 24px !important; animation: pkFadeUp .22s ease both !important; }
#seop .pk-panel.active { display: block !important; }
@keyframes pkFadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

/* ── STAT GRID ── */
#seop .pk-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 16px; }
#seop .pk-sc {
  background: #fff; border-radius: 12px; padding: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,.06); border: 1px solid #EDEDED;
  position: relative; overflow: hidden; transition: transform .18s, box-shadow .18s;
}
#seop .pk-sc:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(249,70,135,.12); }
#seop .pk-sc::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#EA7A9A,#F94687); }
#seop .pk-sc.cp { --c1: #EA7A9A; --c2: #F94687; }
#seop .pk-sc.cg { --c1: #2BC155; --c2: #14B8A6; }
#seop .pk-sc.cb { --c1: #3B82F6; --c2: #8B5CF6; }
#seop .pk-sc.co { --c1: #F97316; --c2: #F59E0B; }
#seop .pk-sc.cr { --c1: #ef4444; --c2: #f97316; }
#seop .pk-sc-icon { width: 36px; height: 36px; border-radius: 9px; display:flex; align-items:center; justify-content:center; margin-bottom:8px; }
#seop .pk-sc-icon svg { width: 17px !important; height: 17px !important; fill:none !important; stroke:currentColor !important; stroke-width:2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
#seop .pk-sc.cp .pk-sc-icon { background:#fef0f4; color:#F94687; }
#seop .pk-sc.cg .pk-sc-icon { background:#dcfce7; color:#16a34a; }
#seop .pk-sc.cb .pk-sc-icon { background:#dbeafe; color:#2563eb; }
#seop .pk-sc.co .pk-sc-icon { background:#ffedd5; color:#ea580c; }
#seop .pk-sc.cr .pk-sc-icon { background:#fee2e2; color:#dc2626; }
#seop .pk-sc-val { font-family:'Poppins',sans-serif; font-size:22px; font-weight:700; line-height:1; color:#2d3554; }
#seop .pk-sc-lbl { font-size:11px; color:#a0aec0; margin-top:2px; }
#seop .pk-sc-chg { display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:600; margin-top:7px; padding:2px 7px; border-radius:20px; }
#seop .pk-sc-chg.up  { background:#dcfce7; color:#16a34a; }
#seop .pk-sc-chg.dn  { background:#fee2e2; color:#dc2626; }
#seop .pk-sc-chg.neu { background:#f3f4f6; color:#6b7280; }

/* ── CARDS ── */
#seop .pk-card { background:#fff; border-radius:12px; box-shadow:0 2px 16px rgba(0,0,0,.06); border:1px solid #EDEDED; }
#seop .pk-card-h { display:flex; align-items:flex-start; justify-content:space-between; padding:14px 16px 0; flex-wrap:wrap; gap:6px; }
#seop .pk-card-t { font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; color:#2d3554; }
#seop .pk-card-s { font-size:11px; color:#a0aec0; margin-top:2px; }
#seop .pk-card-b { padding:12px 16px 16px; }

/* ── GRIDS ── */
#seop .pk-g2  { display:grid; grid-template-columns:1fr 1fr;     gap:14px; margin-bottom:14px; }
#seop .pk-g3  { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; margin-bottom:14px; }
#seop .pk-g65 { display:grid; grid-template-columns:1.8fr 1fr;   gap:14px; margin-bottom:14px; }
#seop .pk-g60 { display:grid; grid-template-columns:1.5fr 1fr;   gap:14px; margin-bottom:14px; }
#seop .pk-sec { margin-bottom:14px; }
#seop .chart-h-lg  { position:relative !important; height:220px !important; min-height:220px !important; width:100% !important; }
#seop .chart-h-md  { position:relative !important; height:180px !important; min-height:180px !important; width:100% !important; }
#seop .chart-h-sm  { position:relative !important; height:140px !important; min-height:140px !important; width:100% !important; }

/* ── BADGES ── */
#seop .pk-bd { display:inline-flex; align-items:center; padding:2px 8px; border-radius:20px; font-size:10px; font-weight:600; }
#seop .pk-bd-g { background:#dcfce7; color:#16a34a; }
#seop .pk-bd-p { background:#fef0f4; color:#F94687; }
#seop .pk-bd-o { background:#ffedd5; color:#ea580c; }
#seop .pk-bd-b { background:#dbeafe; color:#2563eb; }
#seop .pk-bd-r { background:#fee2e2; color:#dc2626; }
#seop .pk-bd-v { background:#ede9fe; color:#7c3aed; }
#seop .pk-bd-gr { background:#f3f4f6; color:#6b7280; }

/* ── PROGRESS ── */
#seop .prog-bar  { height:5px; background:#f3f4f6; border-radius:10px; overflow:hidden; }
#seop .prog-fill { height:100%; border-radius:10px; transition:width 1.2s cubic-bezier(.4,0,.2,1); width:0; }

/* ── METRIC ROWS ── */
#seop .pk-mr  { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid #EDEDED; }
#seop .pk-mr:last-child { border-bottom:none; }
#seop .pk-mr-lbl { font-size:12px; color:#6b7280; display:flex; align-items:center; gap:7px; }
#seop .pk-mdot   { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
#seop .pk-mr-val { font-size:13px; font-weight:700; color:#2d3554; }

/* ── DONUT LEGEND ── */
#seop .donut-legend { display:flex; flex-direction:column; gap:7px; justify-content:center; }
#seop .donut-row    { display:flex; align-items:center; gap:7px; }
#seop .donut-swatch { width:9px; height:9px; border-radius:3px; flex-shrink:0; }
#seop .donut-lbl    { font-size:12px; color:#6b7280; flex:1; }
#seop .donut-val    { font-size:12px; font-weight:700; color:#2d3554; }

/* ── TABLE ── */
#seop .pk-tw { overflow-x:auto; }
#seop table  { width:100%; border-collapse:collapse; }
#seop thead th { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#a0aec0; padding:8px 12px; border-bottom:1px solid #EDEDED; text-align:left; white-space:nowrap; }
#seop tbody td { padding:10px 12px; border-bottom:1px solid #EDEDED; font-size:12px; color:#2d3554; }
#seop tbody tr:last-child td { border-bottom:none; }
#seop tbody tr:hover td { background:#fef0f4; }

/* ── CHECKS GRID ── */
#seop .checks-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px; }
#seop .check-card { padding:11px 13px; border-radius:8px; border-left:3px solid; }
#seop .check-card.pass { border-left-color:#2BC155; background:#f0fdf4; border:1px solid #bbf7d0; }
#seop .check-card.warn { border-left-color:#F97316; background:#fffbeb; border:1px solid #fde68a; }
#seop .check-name { font-size:12px; font-weight:600; color:#2d3554; margin-bottom:3px; }
#seop .check-val  { font-size:12px; color:#2d3554; font-weight:500; margin-bottom:3px; word-break:break-word; }
#seop .check-meta { font-size:11px; color:#6b7280; line-height:1.4; }

/* ── SIGNAL BARS ── */
#seop .pk-signal-row { display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid #EDEDED; }
#seop .pk-signal-row:last-child { border-bottom:none; }
#seop .pk-signal-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
#seop .pk-signal-lbl { font-size:12px; color:#6b7280; flex:1; }
#seop .pk-signal-bar { flex:2; height:5px; background:#f3f4f6; border-radius:10px; overflow:hidden; }
#seop .pk-signal-fill { height:100%; border-radius:10px; }
#seop .pk-signal-val { font-size:12px; font-weight:700; min-width:32px; text-align:right; }

/* ── SEVERITY ROWS ── */
#seop .pk-sev-row { display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid #EDEDED; }
#seop .pk-sev-row:last-child { border-bottom:none; }
#seop .pk-sev-lbl { display:flex; align-items:center; gap:7px; font-size:12px; color:#6b7280; }
#seop .pk-sev-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
#seop .pk-sev-num { font-family:'Poppins',sans-serif; font-size:15px; font-weight:700; }

/* ── TECH CHECKS ── */
#seop .pk-tc { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:8px; background:#F4F6FB; margin-bottom:6px; border:1px solid #EDEDED; }
#seop .pk-tc-icon { width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#seop .pk-tc-icon svg { width:14px; height:14px; stroke-width:2; stroke-linecap:round; fill:none; }
#seop .pk-tc.pass .pk-tc-icon { background:#dcfce7; color:#16a34a; }
#seop .pk-tc.pass .pk-tc-icon svg { stroke:#16a34a; }
#seop .pk-tc.fail .pk-tc-icon { background:#fee2e2; color:#dc2626; }
#seop .pk-tc.fail .pk-tc-icon svg { stroke:#dc2626; }
#seop .pk-tc.warn .pk-tc-icon { background:#ffedd5; color:#ea580c; }
#seop .pk-tc.warn .pk-tc-icon svg { stroke:#ea580c; }
#seop .pk-tc-label { font-size:12px; font-weight:500; flex:1; }
#seop .pk-tc-detail { font-size:11px; color:#a0aec0; margin-top:2px; }

/* ── ALERT ITEMS ── */
#seop .pk-alert { display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-radius:8px; margin-bottom:7px; border-left:3px solid #EDEDED; }
#seop .pk-alert.critical { --ac:#ef4444;    background:#fef2f2; }
#seop .pk-alert.warning  { --ac:#F97316; background:#fff7ed; }
#seop .pk-alert.info     { --ac:#3B82F6;   background:#eff6ff; }
#seop .pk-alert.success  { --ac:#2BC155;  background:#f0fdf4; }
#seop .pk-alert-dot { width:7px; height:7px; border-radius:50%; background:#EDEDED; flex-shrink:0; margin-top:4px; }
#seop .pk-alert-t { font-size:12px; font-weight:600; color:#2d3554; }
#seop .pk-alert-b { font-size:11px; color:#6b7280; margin-top:2px; line-height:1.5; }

/* ── AI INSIGHTS ── */
#seop .pk-ai-card {
  background:linear-gradient(135deg,#fef0f4,#fff);
  border:1px solid #f9c4d4;
  border-radius:8px; padding:13px; margin-bottom:9px;
}
#seop .pk-ai-head { display:flex; align-items:center; gap:7px; margin-bottom:5px; }
#seop .pk-ai-icon { width:26px; height:26px; border-radius:6px; background:#fef0f4; display:flex; align-items:center; justify-content:center; }
#seop .pk-ai-icon svg { width:13px; height:13px; stroke:#F94687; fill:none; stroke-width:2; stroke-linecap:round; }
#seop .pk-ai-title { font-size:12px; font-weight:600; color:#2d3554; flex:1; }
#seop .pk-ai-priority { padding:2px 8px; border-radius:20px; font-size:10px; font-weight:700; text-transform:uppercase; }
#seop .pk-ai-body { font-size:12px; color:#6b7280; line-height:1.6; }

/* ── PLAN TASKS ── */
#seop .pk-week { margin-bottom:14px; }
#seop .pk-week-hd { display:flex; align-items:center; gap:9px; margin-bottom:8px; }
#seop .pk-week-num {
  width:26px; height:26px; border-radius:50%;
  background:linear-gradient(135deg,#EA7A9A,#F94687);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:10px; font-weight:700; flex-shrink:0;
}
#seop .pk-week-title { font-size:12px; font-weight:600; color:#2d3554; }
#seop .pk-week-sub { font-size:11px; color:#a0aec0; }
#seop .pk-task {
  display:flex; align-items:flex-start; gap:9px;
  padding:8px 11px; background:#F4F6FB; border-radius:8px;
  margin-bottom:5px; border:1px solid #EDEDED;
}
#seop .pk-task-chk {
  width:17px; height:17px; border-radius:5px; border:2px solid #EDEDED;
  flex-shrink:0; margin-top:1px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .14s;
}
#seop .pk-task-chk.done { background:#2BC155; border-color:#2BC155; }
#seop .pk-task-chk.done::after { content:'✓'; color:#fff; font-size:10px; font-weight:700; }
#seop .pk-task-text { font-size:12px; line-height:1.5; flex:1; }
#seop .pk-task-text strong { font-weight:600; display:block; margin-bottom:2px; }

/* ── SUGGESTIONS (AI Panel) ── */
#seop .sugg-group { margin-bottom:16px; }
#seop .sugg-head { font-size:12px; font-weight:700; color:#2d3554; margin-bottom:8px; padding-bottom:6px; border-bottom:1px solid #EDEDED; }
#seop .sugg-card { background:#fff; border:1px solid #EDEDED; border-radius:8px; padding:11px 13px; margin-bottom:7px; }
#seop .sugg-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:5px; }
#seop .sugg-title { font-size:12px; font-weight:600; color:#2d3554; flex:1; }
#seop .sugg-tags { display:flex; gap:4px; flex-wrap:wrap; flex-shrink:0; }
#seop .stag { padding:2px 7px; border-radius:20px; font-size:10px; font-weight:600; }
#seop .tag-High,.tag-Critical { background:#fee2e2; color:#dc2626; }
#seop .tag-Medium { background:#ffedd5; color:#ea580c; }
#seop .tag-Low { background:#dcfce7; color:#16a34a; }
#seop .tag-effort { background:#f3f4f6; color:#6b7280; }
#seop .sugg-desc { font-size:11px; color:#6b7280; line-height:1.5; margin-bottom:5px; }
#seop .sugg-action { font-size:11px; color:#2d3554; background:#f0fdf4; padding:5px 8px; border-radius:5px; margin-bottom:4px; }
#seop .sugg-gain { font-size:11px; color:#16a34a; font-weight:600; }

/* ── BRAND ── */
#seop .brand-sigs-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px; }
#seop .brand-sig-card {
  display:flex; align-items:flex-start; gap:10px; padding:12px 13px;
  border-radius:var(--pk-r); border:1px solid var(--pk-border);
  background:#fff; transition:transform .15s, box-shadow .15s;
  position:relative; overflow:hidden;
}
#seop .brand-sig-card:hover { transform:translateY(-2px); box-shadow:var(--pk-sh2); }
#seop .brand-sig-card.sig-pass { border-top:3px solid #2BC155; }
#seop .brand-sig-card.sig-fail { border-top:3px solid #ef4444; background:#fffafa; }
#seop .brand-sig-icon-wrap {
  width:34px; height:34px; border-radius:8px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:16px;
}
#seop .brand-sig-card.sig-pass .brand-sig-icon-wrap { background:#f0fdf4; }
#seop .brand-sig-card.sig-fail .brand-sig-icon-wrap { background:#fff5f5; }
#seop .brand-sig-label { font-size:12px; font-weight:700; color:#2d3554; margin-bottom:2px; line-height:1.3; }
#seop .brand-sig-desc  { font-size:10px; color:#a0aec0; line-height:1.4; }
#seop .brand-sig-status {
  margin-left:auto; flex-shrink:0; width:20px; height:20px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700;
}
#seop .brand-sig-card.sig-pass .brand-sig-status { background:#dcfce7; color:#16a34a; }
#seop .brand-sig-card.sig-fail .brand-sig-status { background:#fee2e2; color:#ef4444; }

/* Social grid */
#seop .social-grid { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
#seop .social-card {
  display:flex; align-items:center; gap:7px;
  padding:7px 12px; border-radius:20px; font-size:11px; font-weight:600;
  border:1px solid var(--pk-border); background:#fff;
  transition:transform .15s, box-shadow .15s;
}
#seop .social-card:hover { transform:translateY(-1px); box-shadow:var(--pk-sh); }
#seop .social-card.sc-on  { background:#f0fdf4; border-color:#bbf7d0; color:#15803d; }
#seop .social-card.sc-off { background:#F4F6FB; color:#a0aec0; }
#seop .social-card-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
#seop .social-card.sc-on  .social-card-dot { background:#2BC155; box-shadow:0 0 0 2px rgba(43,193,85,.2); }
#seop .social-card.sc-off .social-card-dot { background:#d1d5db; }
#seop .auth-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin:10px 0; }
#seop .auth-card { background:#F4F6FB; border-radius:8px; padding:12px; text-align:center; border:1px solid #EDEDED; }
#seop .auth-num  { font-family:'Poppins',sans-serif; font-size:20px; font-weight:800; color:#2d3554; }
#seop .auth-lbl  { font-size:11px; color:#a0aec0; margin:3px 0; }
#seop .auth-bar  { height:4px; background:#f3f4f6; border-radius:10px; overflow:hidden; }
#seop .auth-fill { height:100%; background:linear-gradient(90deg,#EA7A9A,#F94687); border-radius:10px; transition:width 1.2s; width:0; }

/* ── DEVELOPER TAB ── */
#seop .dev-banner { background:linear-gradient(135deg,#EA7A9A,#F94687); color:#fff; border-radius:12px; padding:20px; display:flex; align-items:center; gap:16px; margin-bottom:16px; position:relative; overflow:hidden; }
#seop .dev-banner::before { content:''; position:absolute; right:-30px; top:-30px; width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,.07); }
#seop .dev-banner-tag { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; opacity:.8; margin-bottom:3px; }
#seop .dev-banner-name { font-family:'Poppins',sans-serif; font-size:18px; font-weight:700; }
#seop .dev-banner-sub { font-size:11px; opacity:.75; margin-top:3px; }
#seop .dev-banner-url { font-size:12px; opacity:.8; margin-top:4px; }
#seop .dev-banner-btn { margin-left:auto; background:rgba(255,255,255,.9); color:#F94687; padding:9px 16px; border-radius:8px; font-size:12px; font-weight:700; cursor:pointer; white-space:nowrap; z-index:1; position:relative; text-decoration:none; }
#seop .dev-cols { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
#seop .dev-box { background:#fff; border:1px solid #EDEDED; border-radius:12px; padding:16px; }
#seop .dev-box-title { font-size:13px; font-weight:600; margin-bottom:10px; color:#2d3554; }
#seop .dev-about-text { font-size:12px; color:#6b7280; line-height:1.6; margin-bottom:8px; }
#seop .dev-skills { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
#seop .dev-skill { padding:3px 9px; border-radius:20px; font-size:11px; background:#F4F6FB; border:1px solid #EDEDED; }
#seop .dev-skill.pink { background:#fef0f4; color:#F94687; border-color:#f9c4d4; }
#seop .dev-person { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
#seop .dev-avatar { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#EA7A9A,#F94687); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
#seop .dev-person-info h4 { font-size:13px; font-weight:600; margin-bottom:4px; }
#seop .dev-person-info p { font-size:11px; color:#6b7280; line-height:1.5; }
#seop .dev-link-row { display:flex; gap:8px; padding:5px 0; border-bottom:1px solid #EDEDED; font-size:12px; }
#seop .dev-link-row:last-child { border-bottom:none; }
#seop .dev-link-lbl { color:#a0aec0; min-width:70px; }
#seop .dev-link-val a { color:#F94687; }
#seop .dev-cta { background:linear-gradient(135deg,#fef0f4,#fff); border:1px solid #f9c4d4; border-radius:12px; padding:18px; }
#seop .dev-cta h3 { font-size:15px; font-weight:700; margin-bottom:6px; }
#seop .dev-cta p { font-size:12px; color:#6b7280; line-height:1.6; margin-bottom:12px; }
#seop .dev-services { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; }
#seop .dev-service { background:#fff; border:1px solid #EDEDED; border-radius:8px; padding:11px; }
#seop .dev-service-icon { font-size:18px; margin-bottom:5px; }
#seop .dev-service-name { font-size:12px; font-weight:600; color:#2d3554; margin-bottom:2px; }
#seop .dev-service-desc { font-size:11px; color:#a0aec0; }

/* ── SECTION HEADER ── */
#seop .pk-sec-h {
  font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; color:#2d3554;
  margin:14px 0 10px; padding-bottom:7px; border-bottom:2px solid #fef0f4;
  display:flex; align-items:center; gap:7px;
}

/* ── CACHED NOTICE ── */
#seop .cached-notice { background:#F4F6FB; border-bottom:1px solid #EDEDED; padding:7px 20px; font-size:11px; color:#6b7280; display:flex; align-items:center; gap:6px; }
#seop .cached-notice a { color:#F94687; font-weight:600; }

/* ── METRIC GRID (overview) ── */
#seop .metric-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; margin-bottom:14px; }
#seop .metric-card { background:#fff; border:1px solid #EDEDED; border-radius:8px; padding:11px 13px; text-align:center; transition:transform .15s; }
#seop .metric-card:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(249,70,135,.12); }
#seop .metric-card.g { border-top:3px solid #2BC155; }
#seop .metric-card.b { border-top:3px solid #ef4444; }
#seop .metric-card.w { border-top:3px solid #F97316; }
#seop .metric-card.p { border-top:3px solid #F94687; }
#seop .metric-card.bl { border-top:3px solid #3B82F6; }
#seop .metric-icon { font-size:18px; margin-bottom:4px; }
#seop .metric-val { font-family:'Poppins',sans-serif; font-size:14px; font-weight:700; color:#2d3554; }
#seop .metric-lbl { font-size:10px; color:#a0aec0; margin-top:2px; }

/* ── KW CLOUD ── */
#seop .kw-cloud { display:flex; flex-wrap:wrap; gap:6px; }
#seop .kw-tag { padding:3px 9px; border-radius:20px; font-size:11px; background:#fef0f4; color:#F94687; border:1px solid #f9c4d4; }

/* ── ROADMAP PHASES ── */
#seop .phases { display:flex; flex-direction:column; gap:14px; }
#seop .phase { background:#fff; border:1px solid #EDEDED; border-radius:12px; overflow:hidden; }
#seop .phase-head { display:flex; align-items:center; gap:12px; padding:13px 16px; background:linear-gradient(135deg,#EA7A9A,#F94687); color:#fff; }
#seop .phase-period { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; opacity:.85; min-width:60px; }
#seop .phase-title { font-size:13px; font-weight:600; }
#seop .phase-obj { font-size:11px; opacity:.8; margin-top:2px; }
#seop .phase-tasks { padding:12px 16px; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:7px; }
#seop .phase-task-card { display:flex; align-items:flex-start; gap:8px; padding:8px 10px; background:#F4F6FB; border-radius:8px; border:1px solid #EDEDED; }
#seop .phase-task-num { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#EA7A9A,#F94687); color:#fff; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; flex-shrink:0; }
#seop .phase-task-name { font-size:11px; color:#2d3554; line-height:1.4; margin-bottom:4px; }
#seop .phase-task-tags { display:flex; gap:4px; flex-wrap:wrap; }
#seop .phase-task-tag { padding:1px 6px; border-radius:10px; font-size:9px; font-weight:600; }
#seop .ptag-high { background:#fee2e2; color:#dc2626; }
#seop .ptag-medium { background:#ffedd5; color:#ea580c; }
#seop .ptag-low { background:#dcfce7; color:#16a34a; }
#seop .ptag-tech { background:#dbeafe; color:#2563eb; }
#seop .ptag-content { background:#fef9c3; color:#a16207; }
#seop .ptag-links { background:#ede9fe; color:#7c3aed; }
#seop .ptag-brand { background:#fef0f4; color:#F94687; }
#seop .ptag-local { background:#d1fae5; color:#065f46; }
#seop .phase-kpi { padding:8px 16px; background:#F4F6FB; border-top:1px solid #EDEDED; font-size:11px; color:#6b7280; }

/* ── WEEKS (30-day plan) ── */
#seop .weeks { display:flex; flex-direction:column; gap:12px; }
#seop .week { background:#fff; border:1px solid #EDEDED; border-radius:12px; overflow:hidden; }
#seop .week-head { background:linear-gradient(135deg,#EA7A9A,#F94687); color:#fff; padding:11px 16px; }
#seop .week-title { font-size:13px; font-weight:600; }
#seop .week-goal  { font-size:11px; opacity:.8; margin-top:2px; }
#seop .week-tasks { padding:10px 14px; display:flex; flex-direction:column; gap:6px; }
#seop .task { display:flex; align-items:flex-start; gap:9px; padding:8px 10px; border-radius:8px; border-left:3px solid #6b7280; }
#seop .task.p-critical { --tdot:#ef4444;    background:#fef2f2; border-left-color:#ef4444; }
#seop .task.p-high     { --tdot:#F97316;  background:#fff7ed; border-left-color:#F97316; }
#seop .task.p-medium   { --tdot:#F59E0B;  background:#fefce8; border-left-color:#F59E0B; }
#seop .task.p-low      { --tdot:#2BC155;   background:#f0fdf4; border-left-color:#2BC155; }
#seop .task-dot { width:8px; height:8px; border-radius:50%; background:#6b7280; flex-shrink:0; margin-top:4px; }
#seop .task-name { font-size:12px; font-weight:500; flex:1; color:#2d3554; }
#seop .task-time { font-size:11px; color:#a0aec0; margin-top:2px; }
#seop .task-badge { flex-shrink:0; padding:2px 7px; border-radius:20px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
#seop .tb-critical { background:#fee2e2; color:#dc2626; }
#seop .tb-high     { background:#ffedd5; color:#ea580c; }
#seop .tb-medium   { background:#fef9c3; color:#a16207; }
#seop .tb-low      { background:#dcfce7; color:#16a34a; }

/* ── INSIGHT BOX ── */
#seop .insight-box { background:#fef0f4; border:1px solid #f9c4d4; border-radius:8px; padding:13px 16px; margin-bottom:14px; font-size:12px; color:#2d3554; line-height:1.7; }
#seop .ai-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:9px; margin-bottom:14px; }
#seop .ai-card { background:#fff; border:1px solid #EDEDED; border-radius:8px; padding:13px; transition:transform .15s; }
#seop .ai-card:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(249,70,135,.12); }
#seop .ai-card-title { font-size:12px; font-weight:600; color:#2d3554; margin-bottom:6px; }
#seop .ai-card-body  { font-size:11px; color:#6b7280; line-height:1.5; }
#seop .ai-card.c-health   { border-top:3px solid #2BC155; }
#seop .ai-card.c-priority { border-top:3px solid #ef4444; }
#seop .ai-card.c-niche    { border-top:3px solid #3B82F6; }
#seop .ai-card.c-quickwin { border-top:3px solid #F97316; }
#seop .ai-card.c-authority{ border-top:3px solid #8B5CF6; }

/* Stat mini sparklines */
#seop .stat-mini-chart { position:absolute; bottom:14px; right:14px; width:60px; height:28px; }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  #seo-popup-modal { flex-direction:column !important; width:99% !important; max-height:96vh !important; border-radius:14px !important; }
  #seop { flex-direction:column !important; }
  #seop .pk-sb { width:100% !important; min-width:0 !important; max-height:160px; border-right:none !important; border-bottom:1px solid #EDEDED; }
  #seop .pk-sb-score { display:none; }
  #seop .pk-nav-section { padding:6px 10px 2px; }
  #seop .pk-nav-link { font-size:11px; padding:6px 8px; }
  #seop .pk-sb-footer { display:none; }
  #seop .pk-stat-grid { grid-template-columns:1fr 1fr !important; }
  #seop .pk-g2, #seop .pk-g65, #seop .pk-g60, #seop .pk-g3 { grid-template-columns:1fr !important; }
  #seop .auth-grid { grid-template-columns:1fr 1fr !important; }
  #seop .dev-cols { grid-template-columns:1fr !important; }
}
.seo-recent-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.seo-recent-pdf {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .68rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--p-grd);
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
  box-shadow: 0 2px 6px rgba(252,29,85,.3);
}
.seo-recent-pdf:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(252,29,85,.4);
  color: #fff;
}

/* ── "No history yet" chart placeholder ─────────────── */
.seo-chart-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  background: var(--surf);
  border-radius: var(--rad-sm);
  border: 2px dashed #EDEDED;
  color: var(--muted);
  font-size: .85rem;
  text-align: center;
  line-height: 1.6;
}