/* ================================================================
   GBP AUDIT SIMULATOR — gbp-audit.css
   it2.tv · VersaForge LLP · Zammy Zaif
   Dark Intelligence Engine · Signal Green #00e5ff + Warning Red
   Based on Official Google Business Profile Guidelines 2025
   ================================================================ */

/* ── Root overrides for this page ── */
.gbp-page { background:#060a12; }

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.gbp-hero {
  position:relative; overflow:hidden;
  background:#04080f; padding:60px 0 50px;
  border-bottom:1px solid #0d1829;
}
.gbp-hero__bg { position:absolute;inset:0;pointer-events:none;z-index:0; }
.gbp-hero__grid {
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(0,229,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
}
.gbp-hero__hexgrid {
  position:absolute;inset:0;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpolygon points='30,2 58,17 58,35 30,50 2,35 2,17' fill='none' stroke='%2300e5ff' stroke-width='1'/%3E%3C/svg%3E");
  background-size:60px 52px;
}
.gbp-hero__pulse { position:absolute;top:50%;left:30%;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,229,255,.06) 0%,transparent 65%);transform:translate(-50%,-50%);animation:gbpBreath 4s ease-in-out infinite; }
.gbp-hero__pulse2 { position:absolute;top:40%;right:10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(67,97,238,.08) 0%,transparent 65%);animation:gbpBreath 5s ease-in-out infinite reverse; }
@keyframes gbpBreath{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.gbp-hero__scan { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#00e5ff 50%,transparent 100%);animation:gbpScan 4s ease-in-out infinite;opacity:.4; }
@keyframes gbpScan{0%{transform:translateY(0);opacity:.4}50%{opacity:.9}100%{transform:translateY(240px);opacity:0}}
.gbp-hero .container { position:relative;z-index:1; }
.gbp-hero__inner { display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center; }

.gbp-hero__kicker { display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#00e5ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:'Bricolage Grotesque',sans-serif; }
.gbp-kicker-dot { width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 12px #00e5ff;animation:aiePulse 2s ease-in-out infinite;flex-shrink:0; }
.gbp-hero__h1 { font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(28px,4.5vw,52px);font-weight:800;color:#f8fafc;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px; }
.gbp-hero__h1 em { color:#00e5ff;font-style:normal; }
.gbp-hero__sub { font-size:15px;color:#c2d1e7;line-height:1.75;max-width:600px;margin-bottom:24px; }
.gbp-hero__badges { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0; }
.gbp-hero__badge { display:inline-flex;align-items:center;gap:5px;background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.15);color:#94a3b8;font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px; }

/* Hero score ring teaser */
.gbp-hero__score-preview { flex-shrink:0; }
.gbp-score-preview {
  width:160px;height:160px;position:relative;display:flex;align-items:center;justify-content:center;
}
.gbp-score-preview svg { position:absolute;inset:0;transform:rotate(-90deg); }
.gbp-score-preview__inner { text-align:center;position:relative;z-index:1; }
.gbp-score-preview__num { font-size:36px;font-weight:800;color:#f8fafc;font-family:'Bricolage Grotesque',sans-serif;line-height:1; }
.gbp-score-preview__label { font-size:10px;font-weight:700;color:#2a3a56;text-transform:uppercase;letter-spacing:1px;margin-top:4px; }
.gbp-score-preview__sub { font-size:11px;color:#3a4a6b;margin-top:3px; }

/* ══════════════════════════════════════
   MAIN 2-COLUMN LAYOUT
══════════════════════════════════════ */
.gbp-main { padding:28px 0 80px;background:#060a12; }
.gbp-wrap {
  max-width:1440px;margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:440px 1fr;gap:24px;align-items:start;
}

/* ══════════════════════════════════════
   PANELS
══════════════════════════════════════ */
.gbp-panel { background:#0d1420;border:1px solid #1e2d45;border-radius:20px;overflow:hidden; }
.gbp-panel--left { position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto; }
.gbp-panel--left::-webkit-scrollbar { width:3px; }
.gbp-panel--left::-webkit-scrollbar-track { background:transparent; }
.gbp-panel--left::-webkit-scrollbar-thumb { background:#1e2d45;border-radius:4px; }
.gbp-panel--right { min-height:600px; }

.gbp-panel__header {
  display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid #111f35;background:#0a1020;
  font-size:12px;font-weight:700;color:#64748b;letter-spacing:.3px;position:sticky;top:0;z-index:10;
}
.gbp-dot { width:8px;height:8px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.5);animation:aiePulse 2s ease-in-out infinite;flex-shrink:0; }
.gbp-dot--amber { background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.5); }
.gbp-badge { margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.5px; }
.gbp-badge--blue { background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.18);color:#00e5ff; }
.gbp-badge--live { background:rgba(6,214,160,.08);border:1px solid rgba(6,214,160,.2);color:#06d6a0; }
.gbp-live-dot { width:5px;height:5px;border-radius:50%;background:#06d6a0;animation:aiePulse 1.4s ease-in-out infinite; }

/* ══════════════════════════════════════
   INPUT FORM — LEFT PANEL
══════════════════════════════════════ */
.gbp-section { padding:16px;border-bottom:1px solid #0a1525; }
.gbp-section:last-child { border-bottom:none; }

.gbp-section__head {
  display:flex;align-items:center;gap:7px;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #0d1829;
}
.gbp-section__icon { width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0; }
.gbp-section__icon--blue { background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.2); }
.gbp-section__icon--green { background:rgba(6,214,160,.1);border:1px solid rgba(6,214,160,.2); }
.gbp-section__icon--amber { background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2); }
.gbp-section__icon--red { background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2); }
.gbp-section__icon--purple { background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2); }
.gbp-section__title { font-size:12px;font-weight:800;color:#f8fafc;font-family:'Bricolage Grotesque',sans-serif; }
.gbp-section__rule { font-size:10px;color:#e2e5eb;font-weight:600;margin-left:auto; }

.gbp-field { margin-bottom:11px; }
.gbp-field:last-child { margin-bottom:0; }
.gbp-field__head { display:flex;align-items:center;justify-content:space-between;margin-bottom:5px; }
.gbp-label { font-size:11px;font-weight:800;color:#b4bfce;text-transform:uppercase;letter-spacing:.7px; }
.gbp-hint { font-size:10px;color:#e0e8f5;font-weight:600; }
.gbp-input {
  width:100%;box-sizing:border-box;background:#060a12;border:1px solid #1e2d45;color:#f8fafc;
  padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.gbp-input::placeholder { color:#1e2d45; }
.gbp-input:focus { border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.07); }
.gbp-input--sm { padding:7px 10px;font-size:12px; }
.gbp-input-wrap { position:relative; }
.gbp-counter { position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#a1adc3;pointer-events:none; }
.gbp-counter.warn { color:#f59e0b; }
.gbp-counter.over { color:#ef4444; }
.gbp-textarea-wrap { position:relative; }
.gbp-textarea { width:100%;box-sizing:border-box;background:#060a12;border:1px solid #1e2d45;color:#f8fafc;padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;resize:none;min-height:80px;line-height:1.6;transition:border-color .2s; }
.gbp-textarea::placeholder { color:#1e2d45; }
.gbp-textarea:focus { border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.07); }
.gbp-textarea-counter { position:absolute;right:9px;bottom:9px;font-size:10px;font-weight:700;color:#2a3a56;pointer-events:none; }
.gbp-textarea-counter.warn { color:#f59e0b; }
.gbp-textarea-counter.over { color:#ef4444; }
.gbp-select { width:100%;box-sizing:border-box;background:#060a12;border:1px solid #1e2d45;color:#f8fafc;padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;cursor:pointer; }
.gbp-select:focus { border-color:rgba(0,229,255,.4); }
.gbp-row { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.gbp-row--3 { grid-template-columns:1fr 1fr 1fr; }
.gbp-radio-group { display:flex;flex-direction:column;gap:6px; }
.gbp-radio-opt {
  display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#060a12;border:1px solid #1e2d45;border-radius:8px;cursor:pointer;transition:border-color .15s;
}
.gbp-radio-opt:hover { border-color:#2a3a56; }
.gbp-radio-opt.selected { border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.04); }
.gbp-radio-opt input[type=radio] { margin-top:2px;accent-color:#00e5ff;flex-shrink:0; }
.gbp-radio-text { display:flex;flex-direction:column;gap:2px; }
.gbp-radio-label { font-size:12px;font-weight:700;color:#94a3b8; }
.gbp-radio-sub { font-size:11px;color:#a8b2c7;line-height:1.4; }
.gbp-checkbox-group { display:flex;flex-direction:column;gap:5px; }
.gbp-checkbox-opt {
  display:flex;align-items:center;gap:8px;padding:7px 10px;background:#060a12;border:1px solid #1e2d45;border-radius:7px;cursor:pointer;transition:border-color .15s;
}
.gbp-checkbox-opt:hover { border-color:#2a3a56; }
.gbp-checkbox-opt.checked { border-color:rgba(0,229,255,.25);background:rgba(0,229,255,.03); }
.gbp-checkbox-opt input[type=checkbox] { accent-color:#00e5ff;flex-shrink:0; }
.gbp-checkbox-label { font-size:12px;font-weight:600;color:#94a3b8; }

/* Category tags */
.gbp-cat-tags { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px;min-height:20px; }
.gbp-cat-tag { display:inline-flex;align-items:center;gap:4px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);color:#00e5ff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px; }
.gbp-cat-tag:first-child { background:rgba(0,229,255,.14);border-color:rgba(0,229,255,.35); }
.gbp-cat-tag__del { cursor:pointer;color:rgba(0,229,255,.5);font-size:13px;line-height:1;transition:color .15s; }
.gbp-cat-tag__del:hover { color:#ef4444; }
.gbp-cat-add-row { display:flex;gap:6px; }
.gbp-mini-btn { background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.3);color:#00e5ff;font-size:11px;font-weight:800;padding:7px 11px;border-radius:7px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s; }
.gbp-mini-btn:hover { background:rgba(0,229,255,.18); }
.gbp-note { font-size:11px;color:#eaecf1;line-height:1.55;padding:6px 8px;border-left:2px solid #1e2d45;margin-top:7px; }

/* Audit button */
.gbp-audit-btn {
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  padding:14px;background:linear-gradient(135deg,#00e5ff,#4361ee);color:#04080f;
  font-size:14px;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;
  border:none;border-radius:10px;cursor:pointer;margin:16px;width:calc(100% - 32px);
  transition:transform .2s,box-shadow .2s;letter-spacing:.3px;
}
.gbp-audit-btn:hover { transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,229,255,.3); }
.gbp-audit-btn svg { width:16px;height:16px;flex-shrink:0; }
.gbp-audit-btn.is-running { background:#1e2d45;color:#2a3a56;pointer-events:none; }

/* ══════════════════════════════════════
   RIGHT PANEL — RESULTS
══════════════════════════════════════ */

/* Idle state */
.gbp-idle { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center; }
.gbp-idle__icon { font-size:52px;margin-bottom:20px;opacity:.4; }
.gbp-idle__title { font-size:18px;font-weight:800;color:#2a3a56;font-family:'Bricolage Grotesque',sans-serif;margin-bottom:8px; }
.gbp-idle__sub { font-size:13px;color:#1e2d45;line-height:1.6; }
.gbp-idle__dots { display:flex;gap:6px;margin-top:24px; }
.gbp-idle__dot { width:6px;height:6px;border-radius:50%;background:#1e2d45;animation:gbpIdleDot 1.4s ease-in-out infinite; }
.gbp-idle__dot:nth-child(2){animation-delay:.2s}
.gbp-idle__dot:nth-child(3){animation-delay:.4s}
@keyframes gbpIdleDot{0%,100%{transform:scale(1);background:#1e2d45}50%{transform:scale(1.5);background:#00e5ff}}

/* Scanning animation */
.gbp-scanning { display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center; }
.gbp-scanning.is-active { display:flex; }
.gbp-scan-ring { width:90px;height:90px;position:relative;margin-bottom:24px; }
.gbp-scan-ring svg { animation:gbpSpin 1.5s linear infinite; }
@keyframes gbpSpin{to{transform:rotate(360deg)}}
.gbp-scan-ring__inner { position:absolute;inset:12px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px; }
.gbp-scan-steps { list-style:none;display:flex;flex-direction:column;gap:8px;max-width:340px;text-align:left; }
.gbp-scan-step { display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#2a3a56;padding:8px 12px;border-radius:8px;border:1px solid #111f35; }
.gbp-scan-step.done { color:#06d6a0;border-color:rgba(6,214,160,.2);background:rgba(6,214,160,.04); }
.gbp-scan-step.active { color:#00e5ff;border-color:rgba(0,229,255,.2);background:rgba(0,229,255,.04);animation:gbpStepPulse 1s ease-in-out infinite; }
@keyframes gbpStepPulse{0%,100%{opacity:.8}50%{opacity:1}}
.gbp-scan-step__icon { width:16px;height:16px;font-size:12px;flex-shrink:0; }

/* Results dashboard */
.gbp-results { display:none; }
.gbp-results.is-active { display:block; }

/* Score header */
.gbp-score-header {
  background:linear-gradient(135deg,#04080f 0%,#0a1020 100%);
  border-bottom:1px solid #111f35;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
}
.gbp-score-ring { width:110px;height:110px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.gbp-score-ring svg { position:absolute;inset:0;transform:rotate(-90deg); }
.gbp-score-ring__inner { text-align:center;position:relative;z-index:1; }
.gbp-score-ring__num { font-size:30px;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;line-height:1; }
.gbp-score-ring__max { font-size:12px;color:#3a4a6b;font-weight:600; }
.gbp-score-ring__label { font-size:9px;font-weight:800;color:#2a3a56;text-transform:uppercase;letter-spacing:1px;margin-top:4px; }
.gbp-score-ring__num.critical { color:#ef4444; }
.gbp-score-ring__num.poor     { color:#f59e0b; }
.gbp-score-ring__num.fair     { color:#eab308; }
.gbp-score-ring__num.good     { color:#00e5ff; }
.gbp-score-ring__num.excellent{ color:#06d6a0; }

.gbp-score-verdict { }
.gbp-score-verdict__grade { font-size:22px;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;margin-bottom:4px; }
.gbp-score-verdict__grade.critical { color:#ef4444; }
.gbp-score-verdict__grade.poor     { color:#f59e0b; }
.gbp-score-verdict__grade.fair     { color:#eab308; }
.gbp-score-verdict__grade.good     { color:#00e5ff; }
.gbp-score-verdict__grade.excellent{ color:#06d6a0; }
.gbp-score-verdict__msg { font-size:13px;color:#64748b;line-height:1.6;max-width:380px; }
.gbp-score-verdict__tag { display:inline-block;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;margin-top:8px;text-transform:uppercase;letter-spacing:.5px; }
.gbp-score-verdict__tag.critical { background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.25); }
.gbp-score-verdict__tag.poor     { background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.25); }
.gbp-score-verdict__tag.fair     { background:rgba(234,179,8,.1);color:#eab308;border:1px solid rgba(234,179,8,.25); }
.gbp-score-verdict__tag.good     { background:rgba(0,229,255,.1);color:#00e5ff;border:1px solid rgba(0,229,255,.25); }
.gbp-score-verdict__tag.excellent{ background:rgba(6,214,160,.1);color:#06d6a0;border:1px solid rgba(6,214,160,.25); }

.gbp-score-counts { display:flex;flex-direction:column;gap:8px;flex-shrink:0; }
.gbp-count-pill { display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;min-width:130px; }
.gbp-count-pill--pass { background:rgba(6,214,160,.08);border:1px solid rgba(6,214,160,.2); }
.gbp-count-pill--warn { background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2); }
.gbp-count-pill--fail { background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2); }
.gbp-count-pill__num { font-size:20px;font-weight:800;font-family:'Bricolage Grotesque',sans-serif; }
.gbp-count-pill--pass .gbp-count-pill__num { color:#06d6a0; }
.gbp-count-pill--warn .gbp-count-pill__num { color:#f59e0b; }
.gbp-count-pill--fail .gbp-count-pill__num { color:#ef4444; }
.gbp-count-pill__label { font-size:11px;font-weight:700;color:#64748b; }

/* Category filter tabs */
.gbp-filter-row { display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid #111f35;overflow-x:auto;scrollbar-width:none; }
.gbp-filter-row::-webkit-scrollbar { display:none; }
.gbp-filter-btn {
  display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;
  background:#060a12;border:1px solid #1e2d45;color:#3a4a6b;font-family:inherit;transition:all .15s;flex-shrink:0;
}
.gbp-filter-btn.is-active { background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.3);color:#00e5ff; }
.gbp-filter-btn:hover:not(.is-active) { border-color:#2a3a56;color:#64748b; }
.gbp-filter-count { font-size:10px;padding:1px 5px;border-radius:10px;background:rgba(255,255,255,.05); }

/* Checks list */
.gbp-checks { padding:16px;display:flex;flex-direction:column;gap:10px; }

.gbp-check-card {
  background:#060a12;border:1px solid #111f35;border-radius:14px;overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
}
.gbp-check-card:hover { border-color:#1e2d45;box-shadow:0 4px 16px rgba(0,0,0,.2); }
.gbp-check-card--pass { border-left:3px solid #06d6a0; }
.gbp-check-card--warn { border-left:3px solid #f59e0b; }
.gbp-check-card--fail { border-left:3px solid #ef4444; }
.gbp-check-card--info { border-left:3px solid #4361ee; }

.gbp-check-card__head {
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:12px 14px;cursor:pointer;
}
.gbp-check-card__head:hover .gbp-check-expand { color:#94a3b8; }

.gbp-check-status {
  width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;
}
.gbp-check-card--pass .gbp-check-status { background:rgba(6,214,160,.1);color:#06d6a0; }
.gbp-check-card--warn .gbp-check-status { background:rgba(245,158,11,.1);color:#f59e0b; }
.gbp-check-card--fail .gbp-check-status { background:rgba(239,68,68,.1);color:#ef4444; }
.gbp-check-card--info .gbp-check-status { background:rgba(67,97,238,.1);color:#7b9cff; }

.gbp-check-meta { overflow:hidden; }
.gbp-check-title { font-size:13px;font-weight:800;color:#f8fafc;margin-bottom:2px;font-family:'Bricolage Grotesque',sans-serif; }
.gbp-check-category { font-size:10px;font-weight:700;color:#2a3a56;text-transform:uppercase;letter-spacing:.7px; }

.gbp-check-expand { color:#2a3a56;transition:transform .2s,color .15s;flex-shrink:0; }
.gbp-check-expand.is-open { transform:rotate(180deg); }

.gbp-check-card__body { display:none;padding:0 14px 14px;border-top:1px solid #0d1829;padding-top:12px; }
.gbp-check-card__body.is-open { display:block; }

.gbp-check-finding {
  font-size:12px;color:#94a3b8;line-height:1.65;margin-bottom:10px;padding:8px 10px;
  background:#0a1020;border-radius:8px;border-left:2px solid;
}
.gbp-check-card--pass  .gbp-check-finding { border-color:#06d6a0; }
.gbp-check-card--warn  .gbp-check-finding { border-color:#f59e0b; }
.gbp-check-card--fail  .gbp-check-finding { border-color:#ef4444; }
.gbp-check-card--info  .gbp-check-finding { border-color:#4361ee; }

.gbp-check-finding strong { color:#f8fafc; }

.gbp-guideline-box {
  background:#04080f;border:1px solid #111f35;border-radius:10px;padding:12px 14px;margin-bottom:10px;
}
.gbp-guideline-box__head { display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:800;color:#4361ee;text-transform:uppercase;letter-spacing:.8px; }
.gbp-guideline-box__head svg { width:12px;height:12px;flex-shrink:0; }
.gbp-guideline-box__text { font-size:12px;color:#64748b;line-height:1.7; }
.gbp-guideline-box__text strong { color:#94a3b8; }
.gbp-guideline-link { display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#4361ee;text-decoration:none;margin-top:6px; }
.gbp-guideline-link:hover { color:#7b9cff; }

.gbp-check-action {
  display:flex;align-items:flex-start;gap:8px;padding:9px 11px;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.12);border-radius:9px;margin-bottom:7px;
}
.gbp-check-action:last-child { margin-bottom:0; }
.gbp-check-action__icon { flex-shrink:0;margin-top:1px;font-size:13px; }
.gbp-check-action__text { font-size:12px;color:#64748b;line-height:1.55; }
.gbp-check-action__text strong { color:#00e5ff; }

/* Violation badge */
.gbp-violation-badge {
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;
}
.gbp-violation-badge--suspend { background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25); }
.gbp-violation-badge--warn    { background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.25); }
.gbp-violation-badge--ok      { background:rgba(6,214,160,.12);color:#06d6a0;border:1px solid rgba(6,214,160,.25); }

/* ══════════════════════════════════════
   SUMMARY BANNER (bottom of results)
══════════════════════════════════════ */
.gbp-summary { margin:0 16px 16px;background:#04080f;border:1px solid #1e2d45;border-radius:16px;overflow:hidden; }
.gbp-summary__header { padding:16px 18px;background:#0a1020;border-bottom:1px solid #111f35;font-size:11px;font-weight:800;color:#3a4a6b;text-transform:uppercase;letter-spacing:.9px;display:flex;align-items:center;gap:7px; }
.gbp-summary__body { padding:16px 18px; }
.gbp-summary__row { display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #0d1829;font-size:12px; }
.gbp-summary__row:last-child { border-bottom:none; }
.gbp-summary__row span { color:#64748b; }
.gbp-summary__row strong { font-weight:700; }
.gbp-summary__row strong.pass { color:#06d6a0; }
.gbp-summary__row strong.warn { color:#f59e0b; }
.gbp-summary__row strong.fail { color:#ef4444; }
.gbp-summary__cta { display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,#00e5ff,#4361ee);color:#04080f;font-size:13px;font-weight:800;border:none;border-radius:10px;cursor:pointer;font-family:'Bricolage Grotesque',sans-serif;margin-top:14px;transition:transform .2s,box-shadow .2s; }
.gbp-summary__cta:hover { transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,229,255,.3); }

/* ══════════════════════════════════════
   RESET BUTTON
══════════════════════════════════════ */
.gbp-reset-btn {
  display:flex;align-items:center;justify-content:center;gap:6px;
  width:calc(100% - 32px);margin:0 16px 16px;padding:10px;
  background:#060a12;border:1px solid #1e2d45;color:#3a4a6b;font-size:12px;font-weight:700;
  border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s;
}
.gbp-reset-btn:hover { border-color:#2a3a56;color:#64748b; }

/* ══════════════════════════════════════
   EDUCATION SECTION
══════════════════════════════════════ */
.gbp-edu { background:#04080f;border-top:1px solid #111f35;padding:80px 0; }
.gbp-edu em { color:#00e5ff;font-style:normal; }
.gbp-edu-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px; }
.gbp-edu-card {
  background:#0d1420;border:1px solid #1e2d45;border-radius:16px;padding:24px 22px;
  transition:border-color .25s,transform .25s;
}
.gbp-edu-card:hover { border-color:rgba(0,229,255,.2);transform:translateY(-3px); }
.gbp-edu-card__icon { font-size:28px;margin-bottom:14px; }
.gbp-edu-card__title { font-size:15px;font-weight:800;color:#f8fafc;font-family:'Bricolage Grotesque',sans-serif;margin-bottom:8px; }
.gbp-edu-card__body { font-size:12px;color:#ffffff;line-height:1.75; }
.gbp-edu-card__body strong { color:#94a3b8; }
.gbp-edu-card__items { list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px; }
.gbp-edu-card__item { display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#f3f3f3;line-height:1.5; }
.gbp-edu-card__item::before { content:'→';color:#00e5ff;flex-shrink:0;font-size:11px;margin-top:1px; }
.gbp-edu-card__item.bad::before { content:'✗';color:#ef4444; }
.gbp-edu-card__item.good::before { content:'✓';color:#06d6a0; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1100px){ .gbp-wrap{grid-template-columns:400px 1fr} }
@media(max-width:920px){
  .gbp-wrap{grid-template-columns:1fr}
  .gbp-panel--left{position:static;max-height:none;overflow-y:visible}
  .gbp-hero__inner{grid-template-columns:1fr}
  .gbp-hero__score-preview{display:none}
  .gbp-edu-grid{grid-template-columns:repeat(2,1fr)}
  .gbp-score-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto}
  .gbp-score-counts{flex-direction:row;grid-column:1/-1}
}
@media(max-width:600px){
  .gbp-edu-grid{grid-template-columns:1fr}
  .gbp-score-counts{flex-wrap:wrap}
  .gbp-count-pill{flex:1;min-width:90px}
}





@media (max-width:991px){

    .text-md-center{
        text-align: center!important;
        
    }
    .justify-content-md-center{
        justify-content: center!important;
    }

  }