/* ============================================================
   EXACTLLY INTEL — Enterprise Design System
   mockup-style.css  |  v2.0.0
   Covers: dashboard.html, reports.html, report-detail.html
   ============================================================ */

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root {
  --c-navy:       #16191E;
  --c-primary:    #0C5BA6;
  --c-primary-d:  #073F75;
  --c-primary-m:  #2471C8;
  --c-primary-l:  #EFF6FF;
  --c-primary-lb: #C7DDF4;
  --c-text:       #111827;
  --c-text-m:     #374151;
  --c-muted:      #6B7280;
  --c-light:      #9CA3AF;
  --c-bg:         #F3F4F6;
  --c-surface:    #FFFFFF;
  --c-border:     #E5E7EB;
  --c-border-l:   #F3F4F6;
  --c-success:    #059669;
  --c-warn:       #D97706;
  --c-danger:     #DC2626;
  --c-info:       #0284C7;
  --c-hero-from:  #0C2D5E;
  --c-hero-to:    #1E3A8A;
  --c-score-bg:   #0D1F38;
  --shadow-sm:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:    0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --radius:       8px;
  --radius-lg:    12px;
  --font:         Inter, system-ui, -apple-system, sans-serif;
}

/* ============================================================
   2. RESET
   ============================================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font);
  font-size: 14px;
  color: var(--c-text);
  background-color: var(--c-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* ============================================================
   3. NAV — dark charcoal navbar
   ============================================================ */
.nav {
  height: 52px;
  background-color: var(--c-navy);
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 20px;
  box-shadow: 0 1px 0 rgba(255,255,255,.08);
}

.nav-brand {
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: -0.3px;
  flex-shrink: 0;
  margin-right: 16px;
}

.nav-intel {
  color: var(--c-primary-m);
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
}

.nav-link {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.65);
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
  transition: background-color .15s, color .15s;
  white-space: nowrap;
}

.nav-link:hover {
  background-color: rgba(255,255,255,.08);
  color: #ffffff;
}

.nav-link-active {
  background-color: var(--c-primary);
  color: #ffffff;
  font-weight: 600;
  border-radius: 20px;
}

.nav-link-active:hover {
  background-color: var(--c-primary-d);
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.nav-icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.65);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  transition: background-color .15s, color .15s;
}

.nav-icon-btn:hover {
  background-color: rgba(255,255,255,.15);
  color: #ffffff;
}

.nav-sep {
  width: 1px;
  height: 28px;
  background-color: rgba(255,255,255,.15);
  flex-shrink: 0;
  margin: 0 4px;
}

.nav-user-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.12);
  background-color: rgba(255,255,255,.06);
  cursor: pointer;
  transition: background-color .15s;
  text-decoration: none;
}

.nav-user-chip:hover {
  background-color: rgba(255,255,255,.12);
}

.nav-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #2563EB;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nav-user-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.nav-user-name {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

.nav-user-role {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #4ADE80;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background-color: currentColor;
}

.nav-dropdown-arrow {
  font-size: 10px;
  color: rgba(255,255,255,.35);
}

/* ============================================================
   4. MAIN LAYOUT
   ============================================================ */
.page-wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 20px;
  align-items: start;
}

.three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* ============================================================
   5. HERO
   ============================================================ */
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: 20px;
}

.hero-left {
  background: linear-gradient(135deg, var(--c-hero-from), var(--c-hero-to));
  padding: 32px 36px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.hero-shield {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  opacity: .1;
  pointer-events: none;
}

.hero-title {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 8px;
  letter-spacing: -0.4px;
  line-height: 1.2;
}

.hero-sub {
  font-size: 14px;
  color: rgba(255,255,255,.78);
  max-width: 460px;
  margin-bottom: 22px;
  line-height: 1.5;
}

.hero-meta-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.hero-meta-item {
  font-size: 12px;
  color: rgba(255,255,255,.65);
  display: flex;
  align-items: center;
  gap: 5px;
}

.hero-trend-badge {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  background-color: rgba(255,255,255,.12);
  border-radius: 20px;
  color: rgba(255,255,255,.8);
}

.score-panel {
  background-color: var(--c-score-bg);
  padding: 28px 24px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

.score-label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.score-info {
  font-size: 10px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.5);
  cursor: default;
  flex-shrink: 0;
  line-height: 1;
}

.score-main {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

.score-big {
  font-size: 54px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -2px;
}

.score-denom {
  font-size: 20px;
  color: rgba(255,255,255,.45);
}

.score-desc {
  font-size: 12px;
  color: rgba(255,255,255,.5);
  margin-bottom: 14px;
  margin-top: 6px;
  line-height: 1.5;
}

.score-bar-wrap {
  margin-bottom: 6px;
}

.score-bar {
  height: 6px;
  background-color: rgba(255,255,255,.12);
  border-radius: 3px;
  overflow: hidden;
}

.score-fill {
  height: 100%;
  background: linear-gradient(90deg, #EF4444 33%, #EAB308 66%, #22C55E 100%);
  border-radius: 3px;
  transition: width .4s ease;
}

.score-bar-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: rgba(255,255,255,.35);
  margin-top: 4px;
}

/* ============================================================
   6. KPI ROW
   ============================================================ */
.kpi-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.kpi-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 14px 16px;
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  gap: 12px;
}

.kpi-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-blue   { background-color: #EFF6FF; color: #2563EB; }
.icon-red    { background-color: #FEF2F2; color: #DC2626; }
.icon-amber  { background-color: #FFFBEB; color: #D97706; }
.icon-green  { background-color: #F0FDF4; color: #059669; }
.icon-purple { background-color: #F5F3FF; color: #7C3AED; }
.icon-teal   { background-color: #F0FDFA; color: #0D9488; }

.kpi-data {
  flex: 1;
  min-width: 0;
}

.kpi-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--c-muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 2px;
}

.kpi-num {
  font-size: 22px;
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.1;
}

.kpi-trend {
  font-size: 11px;
  color: var(--c-light);
  margin-top: 2px;
}

.kpi-sub {
  font-size: 11px;
  color: var(--c-light);
  margin-top: 2px;
}

.kpi-link {
  font-size: 11px;
  color: var(--c-primary);
  margin-top: 2px;
  display: block;
  text-decoration: none;
}

.kpi-link:hover {
  text-decoration: underline;
}

/* ============================================================
   7. SECTION BLOCK
   ============================================================ */
.section-block {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  margin-bottom: 16px;
}

.section-head {
  padding: 14px 20px;
  border-bottom: 1px solid var(--c-border);
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--c-text);
  flex: 1;
  margin: 0;
}

.section-head h2,
.section-head h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--c-text);
  margin: 0;
  flex: 1;
}

.count-pill {
  font-size: 10px;
  font-weight: 700;
  background-color: var(--c-primary-l);
  color: #2563EB;
  padding: 2px 8px;
  border-radius: 9999px;
}

.view-link {
  font-size: 12px;
  font-weight: 500;
  color: var(--c-primary);
  text-decoration: none;
  white-space: nowrap;
}

.view-link:hover {
  text-decoration: underline;
}

.section-desc {
  font-size: 12px;
  color: var(--c-muted);
  margin-top: -2px;
  margin-bottom: 14px;
  padding: 0 20px;
  line-height: 1.5;
}

/* ============================================================
   8. ACTION QUEUE
   ============================================================ */
.action-list {
  display: flex;
  flex-direction: column;
}

.action-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--c-border-l);
  transition: background-color .12s;
}

.action-row:last-child {
  border-bottom: none;
}

.action-row:hover {
  background-color: #FAFAFA;
}

.action-num {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background-color: var(--c-primary);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.action-content {
  flex: 1;
  min-width: 0;
}

.action-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 3px;
}

.action-desc {
  font-size: 12px;
  color: var(--c-muted);
  margin-bottom: 7px;
  line-height: 1.45;
}

.action-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.meta-group {
  text-align: center;
}

.meta-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: var(--c-light);
  margin-bottom: 4px;
}

.owner-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.owner-ct  { background-color: #EDE9FE; color: #5B21B6; }
.owner-seo { background-color: #DBEAFE; color: #1E40AF; }
.owner-wa  { background-color: #F5F3FF; color: #4C1D95; }
.owner-br  { background-color: #FFF7ED; color: #9A3412; }
.owner-dev { background-color: #F0FDF4; color: #065F46; }

.impact-high {
  background-color: #FEE2E2;
  color: #991B1B;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

.impact-medium {
  background-color: #FEF3C7;
  color: #92400E;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

.impact-low {
  background-color: #ECFDF5;
  color: #065F46;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

.effort-badge {
  background-color: var(--c-bg);
  color: var(--c-text-m);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}

.affected-block {
  text-align: center;
}

.affected-num {
  font-size: 20px;
  font-weight: 800;
  color: var(--c-text);
}

.affected-lbl {
  font-size: 10px;
  color: var(--c-light);
}

.action-btns {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 150px;
}

/* ============================================================
   9. BADGES
   ============================================================ */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
}

.badge-healthy   { background-color: #D1FAE5; color: #065F46; }
.badge-warning   { background-color: #FEF3C7; color: #92400E; }
.badge-attention { background-color: #FEF3C7; color: #92400E; }
.badge-critical  { background-color: #FEE2E2; color: #991B1B; }
.badge-fresh     { background-color: #D1FAE5; color: #065F46; }
.badge-scheduled { background-color: #DBEAFE; color: #1E40AF; }
.badge-preview   { background-color: #F0F9FF; color: #0369A1; }
.badge-coming    { background-color: var(--c-bg); color: var(--c-muted); }

.cat-badge {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
}

.cat-audit   { background-color: #EFF6FF; color: #1E40AF; }
.cat-content { background-color: #F5F3FF; color: #5B21B6; }
.cat-gsc     { background-color: #F0FDF4; color: #065F46; }
.cat-brand   { background-color: #FFF7ED; color: #9A3412; }
.cat-ops     { background-color: #F1F5F9; color: #475569; }

/* ============================================================
   10. BUTTONS
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s;
  white-space: nowrap;
  line-height: 1.4;
  font-family: inherit;
}

.btn-primary {
  background-color: var(--c-primary);
  color: #ffffff;
}

.btn-primary:hover {
  background-color: var(--c-primary-d);
}

.btn-secondary {
  background-color: var(--c-surface);
  border: 1px solid #D1D5DB;
  color: var(--c-text-m);
}

.btn-secondary:hover {
  background-color: #F9FAFB;
}

.btn-ghost {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--c-muted);
}

.btn-ghost:hover {
  background-color: var(--c-bg);
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
}

.btn-xs {
  padding: 3px 8px;
  font-size: 11px;
}

.btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-muted);
  cursor: pointer;
  transition: border-color .15s, color .15s;
  text-decoration: none;
  font-family: inherit;
}

.btn-icon:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
}

.btn-disabled,
.btn[disabled] {
  opacity: .4;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============================================================
   11. REPORT STRIP (sidebar / dashboard)
   ============================================================ */
.report-strip {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 20px 16px;
}

.rs-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background-color: #F9FAFB;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, background-color .15s;
}

.rs-item:hover {
  border-color: var(--c-primary);
  background-color: var(--c-primary-l);
}

.rs-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rs-icon-weekly  { background-color: #EFF6FF; color: #2563EB; }
.rs-icon-health  { background-color: #F0FDF4; color: #059669; }
.rs-icon-refresh { background-color: #F5F3FF; color: #7C3AED; }

.rs-body { flex: 1; }

.rs-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
}

.rs-date {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 1px;
}

.rs-badges {
  display: flex;
  gap: 5px;
  margin-left: auto;
  align-items: center;
}

/* ============================================================
   12. PAGE TYPE GRID
   ============================================================ */
.pt-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 4px 20px 16px;
}

.pt-item {
  text-align: center;
  padding: 10px 8px;
  background-color: #F9FAFB;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  cursor: pointer;
  transition: border-color .15s, background-color .15s;
}

.pt-item:hover {
  border-color: var(--c-primary);
  background-color: var(--c-primary-l);
}

.pt-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 4px;
  background-color: var(--c-primary-l);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563EB;
}

.pt-num {
  font-size: 18px;
  font-weight: 800;
  color: var(--c-primary);
  line-height: 1;
}

.pt-label {
  font-size: 10px;
  color: var(--c-muted);
  margin-top: 2px;
  text-transform: capitalize;
}

/* ============================================================
   13. GSC MODULE
   ============================================================ */
.gsc-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 20px 14px;
}

.gsc-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: var(--radius);
}

.gsc-low     { background-color: #FFF7ED; border: 1px solid #FED7AA; }
.gsc-decline { background-color: #FEF2F2; border: 1px solid #FCA5A5; }
.gsc-rise    { background-color: #F0FDF4; border: 1px solid #BBF7D0; }

.gsc-num {
  font-size: 26px;
  font-weight: 800;
  color: var(--c-text);
  min-width: 32px;
  line-height: 1;
}

.gsc-info {
  flex: 1;
  min-width: 0;
}

.gsc-type {
  font-size: 12px;
  font-weight: 600;
  color: var(--c-text-m);
}

.gsc-sub {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 1px;
}

/* ============================================================
   14. BRAND MODULE
   ============================================================ */
.brand-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 4px 20px 14px;
}

.brand-card {
  text-align: center;
  padding: 10px 8px;
  background-color: #F9FAFB;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
}

.brand-val     { font-size: 18px; font-weight: 800; color: var(--c-primary); }
.brand-val-red { font-size: 18px; font-weight: 800; color: var(--c-danger); }

.brand-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--c-text-m);
  margin-top: 2px;
}

.brand-sub {
  font-size: 10px;
  color: var(--c-muted);
  margin-top: 2px;
}

/* ============================================================
   15. OPS GRID
   ============================================================ */
.ops-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 4px 20px 16px;
}

.ops-item {
  text-align: center;
  padding: 10px 6px;
  background-color: #F9FAFB;
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  cursor: pointer;
  transition: border-color .15s, background-color .15s;
}

.ops-item:hover {
  border-color: var(--c-primary);
  background-color: var(--c-primary-l);
}

.ops-icon {
  width: 28px;
  height: 28px;
  margin: 0 auto 4px;
  background-color: var(--c-primary-l);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563EB;
}

.ops-label {
  font-size: 10px;
  font-weight: 600;
  color: var(--c-text-m);
}

/* ============================================================
   16. REPORTS PAGE
   ============================================================ */
.reports-wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px;
}

.page-hdr {
  margin-bottom: 20px;
}

.page-hdr h1 {
  font-size: 22px;
  font-weight: 800;
  color: var(--c-text);
  margin-bottom: 4px;
}

.page-hdr p {
  font-size: 13px;
  color: var(--c-muted);
  margin: 0;
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

.stat-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 16px;
  box-shadow: var(--shadow-sm);
}

.sc-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.sc-icon-blue { background-color: #EFF6FF; color: #2563EB; }
.sc-icon-g    { background-color: #FFF7ED; color: #D97706; }
.sc-icon-doc  { background-color: #F0FDF4; color: #059669; }
.sc-icon-cal  { background-color: #EFF6FF; color: #0284C7; }

.sc-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--c-muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 4px;
}

.sc-value {
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 2px;
}

.sc-big {
  font-size: 22px;
  font-weight: 800;
  color: var(--c-primary);
}

.sc-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  margin-top: 4px;
}

.sc-link {
  font-size: 11px;
  color: var(--c-primary);
  text-decoration: none;
  margin-top: 6px;
  display: block;
}

.sc-link:hover {
  text-decoration: underline;
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-border);
  flex-wrap: wrap;
}

.tabs {
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}

.tab {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--c-muted);
  cursor: pointer;
  text-decoration: none;
  border: none;
  background-color: transparent;
  transition: background-color .12s, color .12s;
  font-family: inherit;
}

.tab:hover {
  background-color: var(--c-bg);
  color: var(--c-text);
}

.tab-active {
  background-color: var(--c-primary);
  color: #ffffff;
  font-weight: 600;
}

.tab-active:hover {
  background-color: var(--c-primary-d);
}

.toolbar-right {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background-color: var(--c-surface);
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  min-width: 240px;
}

.search-box input {
  border: none;
  outline: none;
  background-color: transparent;
  flex: 1;
  font-size: 13px;
  color: var(--c-text);
  font-family: inherit;
}

.search-box input::placeholder {
  color: var(--c-light);
}

.reports-grid {
  display: grid;
  grid-template-columns: 1fr 288px;
  gap: 20px;
  align-items: start;
}

.report-tbl {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  font-size: 13px;
}

.report-tbl thead th {
  background-color: #F9FAFB;
  padding: 11px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--c-muted);
  border-bottom: 1px solid var(--c-border);
  white-space: nowrap;
}

.report-tbl tbody td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--c-border-l);
  vertical-align: middle;
}

.report-tbl tr:hover td {
  background-color: #F8FAFF;
}

.rt-name-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rt-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.rt-icon-weekly  { background-color: #EFF6FF; color: #2563EB; }
.rt-icon-health  { background-color: #F0FDF4; color: #059669; }
.rt-icon-refresh { background-color: #F5F3FF; color: #7C3AED; }
.rt-icon-gsc     { background-color: #FFF7ED; color: #D97706; }
.rt-icon-brand   { background-color: #FFF0F3; color: #E11D48; }
.rt-icon-ops     { background-color: #F1F5F9; color: #64748B; }

.rt-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text);
}

.rt-sub {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 1px;
}

.rt-date {
  font-size: 12px;
  color: var(--c-text-m);
}

.rt-by {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 1px;
}

.rt-insight {
  font-size: 12px;
  color: var(--c-muted);
  max-width: 200px;
  line-height: 1.4;
}

.rt-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.rt-coming {
  font-size: 12px;
  color: var(--c-light);
  font-style: italic;
}

.tbl-foot {
  padding: 10px 14px;
  font-size: 12px;
  color: var(--c-muted);
  border-top: 1px solid var(--c-border);
  background-color: #F9FAFB;
}

.rec-sidebar,
.rec-panel {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}
.rec-star {
  color: #F59E0B;
  font-style: normal;
}

.rec-panel-head {
  padding: 16px 18px;
  border-bottom: 1px solid var(--c-border);
}

.rec-panel-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.rec-panel-desc {
  font-size: 12px;
  color: var(--c-muted);
  margin-top: 2px;
  margin-bottom: 0;
}

.rec-list {
  display: flex;
  flex-direction: column;
  padding: 0 18px;
}

.rec-item {
  display: flex;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--c-border-l);
}

.rec-item:last-child {
  border-bottom: none;
}

.rec-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--c-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.rec-body { flex: 1; }

.rec-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 3px;
}

.rec-desc {
  font-size: 11px;
  color: var(--c-muted);
  margin-bottom: 6px;
  line-height: 1.4;
}

.rec-link {
  font-size: 11px;
  font-weight: 600;
  color: var(--c-primary);
  text-decoration: none;
}

.rec-link:hover {
  text-decoration: underline;
}
.rec-link-disabled{font-size:11px;font-weight:600;color:#9CA3AF;cursor:default}

.rec-footer {
  padding: 12px 18px;
  border-top: 1px solid var(--c-border-l);
}

.view-all {
  font-size: 12px;
  color: var(--c-primary);
  text-decoration: none;
  font-weight: 500;
}

.view-all:hover {
  text-decoration: underline;
}

/* ============================================================
   17. REPORT DETAIL
   ============================================================ */
.detail-wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--c-muted);
  margin-bottom: 14px;
}

.bc-link {
  color: var(--c-primary);
  text-decoration: none;
}

.bc-link:hover {
  text-decoration: underline;
}

.bc-sep {
  color: #D1D5DB;
}

.action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.action-bar-l,
.action-bar-r {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.detail-title {
  font-size: 22px;
  font-weight: 800;
  color: var(--c-text);
  margin-bottom: 16px;
  letter-spacing: -0.3px;
}

.kpi-strip {
  display: grid;
  grid-template-columns: 180px repeat(6, 1fr); /* 1 score + 6 data cards = 7 total */
  gap: 10px;
  margin-bottom: 18px;
}

.ks-score {
  background-color: var(--c-primary-l);
  border: 1px solid var(--c-primary-lb);
  border-radius: var(--radius-lg);
  padding: 14px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  box-shadow: var(--shadow-sm);
}

.ks-score-num {
  font-size: 32px;
  font-weight: 900;
  color: var(--c-primary);
  line-height: 1;
}

.ks-denom {
  font-size: 14px;
  color: var(--c-muted);
}

.ks-score-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--c-muted);
  margin-top: 4px;
}

.ks-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 10px 12px;
  text-align: center;
}

.ks-icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 4px;
  background-color: var(--c-bg);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text-m);
}

.ks-num {
  font-size: 18px;
  font-weight: 800;
  color: var(--c-primary);
  line-height: 1.1;
}

.ks-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: var(--c-muted);
  margin-top: 3px;
}

.ks-trend {
  font-size: 10px;
  color: var(--c-light);
  margin-top: 2px;
}

.ks-link {
  font-size: 10px;
  color: var(--c-primary);
  text-decoration: none;
  margin-top: 2px;
  display: block;
}

.detail-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--c-border);
  margin-bottom: 20px;
}

.detail-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  font-size: 13px;
  color: var(--c-muted);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s;
}

.detail-tab:hover {
  color: var(--c-text-m);
}

.detail-tab-active {
  color: var(--c-primary);
  border-bottom-color: var(--c-primary);
  font-weight: 600;
}

.report-grid {
  display: grid;
  grid-template-columns: 1fr 304px;
  gap: 20px;
  align-items: start;
}

.report-main { min-width: 0; }
.report-side { min-width: 0; }

.exec-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  margin-bottom: 16px;
}

.exec-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.exec-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.exec-tbl td:first-child {
  font-size: 12px;
  color: var(--c-muted);
  padding: 5px 16px 5px 0;
  white-space: nowrap;
  width: 190px;
}

.exec-tbl td:last-child {
  font-size: 12px;
  color: var(--c-text);
  padding: 5px 0;
  font-weight: 500;
}

.trend-up { color: var(--c-success); font-weight: 600; }
.trend-dn { color: var(--c-danger); font-weight: 600; }

.rna-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.rna-tbl th {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--c-muted);
  padding: 8px 10px;
  text-align: left;
  background-color: #F9FAFB;
  border-bottom: 1px solid var(--c-border);
}

.rna-tbl td {
  padding: 10px;
  border-bottom: 1px solid var(--c-border-l);
  vertical-align: middle;
}

.p-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

.p1 { background-color: #FEE2E2; color: #991B1B; }
.p2 { background-color: #FEF3C7; color: #92400E; }
.p3 { background-color: #ECFDF5; color: #065F46; }

.owner-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

.perf-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  margin-bottom: 16px;
}

.perf-chart-wrap {
  margin-top: 12px;
}

.brand-notes-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.bn-card {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 14px;
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.bn-num     { font-size: 22px; font-weight: 800; color: var(--c-primary); }
.bn-num-red { font-size: 22px; font-weight: 800; color: var(--c-danger); }

.bn-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--c-text-m);
  margin-bottom: 2px;
}

.bn-sub {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 2px;
}

.tech-strip {
  background-color: #F9FAFB;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 14px 20px;
  margin-top: 16px;
}

.tech-hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.tech-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text);
  display: flex;
  align-items: center;
  gap: 6px;
}

.tech-stats {
  display: flex;
  gap: 0;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--c-surface);
}

.tech-stat {
  flex: 1;
  text-align: center;
  padding: 10px 8px;
  border-right: 1px solid var(--c-border);
}

.tech-stat:last-child {
  border-right: none;
}

.tech-num {
  font-size: 16px;
  font-weight: 800;
  color: var(--c-text);
}

.tech-lbl {
  font-size: 10px;
  color: var(--c-muted);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: .3px;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #10B981;
  display: inline-block;
  margin-right: 4px;
}

.aside-panel {
  background-color: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  position: sticky;
  top: 76px;
}

.aside-head {
  padding: 14px 18px;
  border-bottom: 1px solid var(--c-border);
}

.aside-head h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  margin: 0 0 2px;
}

.aside-head p {
  font-size: 11px;
  color: var(--c-muted);
  margin: 0;
}

.aside-head-right {
  float: right;
}

.aside-items {
  display: flex;
  flex-direction: column;
}

.aside-item {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--c-border-l);
}

.aside-item:last-child {
  border-bottom: none;
}

.aside-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--c-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.aside-body { flex: 1; }

.aside-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 2px;
}

.aside-desc {
  font-size: 11px;
  color: var(--c-muted);
  margin-bottom: 8px;
  line-height: 1.4;
}

.aside-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}

.aside-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.aside-row-lbl {
  font-size: 10px;
  color: var(--c-light);
  min-width: 45px;
}

.aside-count {
  font-size: 11px;
  font-weight: 700;
  color: var(--c-text-m);
}

.aside-btns {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* ============================================================
   18. FOOTER
   ============================================================ */
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  font-size: 12px;
  color: var(--c-light);
  border-top: 1px solid var(--c-border);
  background-color: var(--c-surface);
  flex-wrap: wrap;
  gap: 8px;
}

footer a {
  color: var(--c-muted);
}

footer a:hover {
  text-decoration: underline;
}

/* ============================================================
   19. RESPONSIVE
   ============================================================
   Strategy:
     > 1100px  full desktop — all 3 pages keep 2-col layouts
     1024–1100 compact laptop — layouts begin stacking
     640–1024  tablet — single column, simplified nav
     < 480     mobile — minimal layout
   Nothing stacks at 1280px. 1280px is a standard laptop width.
   ============================================================ */

/* ── 1100px: compact laptop → tablet transition ── */
@media (max-width: 1100px) {

  /* DASHBOARD — hero, KPI, sidebar */
  .hero-grid   { grid-template-columns: 1fr; }
  .score-panel { border-radius: 0 0 var(--radius-lg) var(--radius-lg); }
  .kpi-row     { grid-template-columns: repeat(3, 1fr); }
  .two-col     { grid-template-columns: 1fr; }

  /* REPORTS SUMMARY — stat cards 2-col, sidebar below table */
  .reports-grid { grid-template-columns: 1fr; }
  .stat-grid    { grid-template-columns: repeat(2, 1fr); }

  /* REPORT DETAIL — sidebar below main, KPI strip 2×4 */
  .report-grid  { grid-template-columns: 1fr; }
  .kpi-strip    { grid-template-columns: repeat(4, 1fr); }
  .aside-panel  { position: static; }
}

/* ── 768px: tablet ── */
@media (max-width: 768px) {
  .kpi-row         { grid-template-columns: repeat(2, 1fr); }
  .kpi-strip       { grid-template-columns: repeat(2, 1fr); }
  .pt-grid         { grid-template-columns: repeat(4, 1fr); }
  .action-meta     { flex-wrap: wrap; gap: 8px; }
  .action-btns     { flex-direction: row; flex-wrap: wrap; }
  .brand-notes-row { grid-template-columns: 1fr; }
  .stat-grid       { grid-template-columns: 1fr; }
  .toolbar         { flex-direction: column; align-items: flex-start; }
  .action-bar      { flex-direction: column; align-items: flex-start; }
  .search-box      { min-width: 100%; width: 100%; }
  .report-tbl                    { font-size: 12px; }
  .report-tbl th, .report-tbl td { padding: 8px 10px; }
  .rt-insight      { display: none; }
  footer           { flex-direction: column; gap: 6px; text-align: center; }
}

/* ── 480px: mobile ── */
@media (max-width: 480px) {
  .hero-grid   { grid-template-columns: 1fr; }
  .kpi-row     { grid-template-columns: repeat(2, 1fr); }
  .kpi-strip   { grid-template-columns: 1fr 1fr; }
  .nav-link:not(.nav-link-active) { display: none; }
}

/* ============================================================
   QA PATCH — aliases and missing classes
   ============================================================ */

/* Layout aliases */
.content-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px 32px; }
.main { flex: 1; background: var(--c-bg, #F3F4F6); padding: 24px 0; }
body.app { display: flex; flex-direction: column; min-height: 100vh; }

/* Hero aliases */
.hero-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.hero-trend { display: inline-flex; align-items: center; gap: 4px; font-size: 12px;
              padding: 3px 10px; background: rgba(255,255,255,.12);
              border-radius: 20px; color: rgba(255,255,255,.8); }

/* Score bar alias */
.score-bar-fill { height: 100%; background: linear-gradient(90deg, #EF4444 33%, #EAB308 66%, #22C55E 100%);
                  border-radius: 3px; transition: width .4s; }
.badge-warning.score-badge { align-self: center; margin-top: 0; }

/* KPI icon aliases — HTML uses kpi-icon-wrap + kpi-icon-[color] */
.kpi-icon-wrap { width: 36px; min-width: 36px; height: 36px; border-radius: 8px;
                 display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kpi-icon-blue   { background: #EFF6FF; }
.kpi-icon-red    { background: #FEF2F2; }
.kpi-icon-amber  { background: #FFFBEB; }
.kpi-icon-green  { background: #F0FDF4; }
.kpi-icon-purple { background: #F5F3FF; }
.kpi-icon-teal   { background: #F0FDFA; }
.kpi-action-link { font-size: 11px; color: var(--c-primary, #0C5BA6); display: block;
                   margin-top: 2px; text-decoration: none; }
.kpi-action-link:hover { text-decoration: underline; }

/* Action queue aliases — HTML uses aq-* naming */
.aq-row { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px;
           border-bottom: 1px solid var(--c-border-l, #F3F4F6); }
.aq-row:last-child { border-bottom: none; }
.aq-row:hover { background: #FAFAFA; }
.aq-num { width: 28px; min-width: 28px; height: 28px; border-radius: 50%;
           background: #0C5BA6; color: #fff; font-size: 13px; font-weight: 800;
           display: flex; align-items: center; justify-content: center;
           flex-shrink: 0; margin-top: 2px; }
.aq-body { flex: 1; min-width: 0; }
.aq-title { font-size: 14px; font-weight: 700; color: #111827; margin-bottom: 3px; }
.aq-desc  { font-size: 12px; color: #6B7280; margin-bottom: 7px; line-height: 1.45; }
.aq-meta  { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.aq-col   { text-align: center; }
.aq-col-label { font-size: 10px; text-transform: uppercase; letter-spacing: .3px;
                color: #9CA3AF; margin-bottom: 4px; }
.aq-affected-num { font-size: 20px; font-weight: 800; color: #111827; }
.aq-affected-lbl { font-size: 10px; color: #9CA3AF; }
.aq-ctas  { display: flex; flex-direction: column; gap: 5px; min-width: 150px; }

/* GSC alias */
.gsc-cards { display: flex; flex-direction: column; gap: 8px;
             padding: 4px 20px 14px; }

/* Brand aliases */
.brand-row   { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;
               padding: 4px 20px 14px; }
.brand-pct   { font-size: 18px; font-weight: 800; color: #0C5BA6; }
.brand-num-red   { font-size: 18px; font-weight: 800; color: #DC2626; }
.brand-num-green { font-size: 18px; font-weight: 800; color: #059669; }

/* Owner chip polish — initials + dot + role text */
.owner-chip { display: inline-flex; align-items: center; gap: 4px;
              padding: 4px 8px; border-radius: 6px;
              font-size: 11px; font-weight: 700; white-space: nowrap;
              line-height: 1; }
.owner-ct  { background: #EDE9FE; color: #5B21B6; }
.owner-seo { background: #DBEAFE; color: #1E40AF; }
.owner-wa  { background: #F5F3FF; color: #4C1D95; }
.owner-br  { background: #FFF7ED; color: #9A3412; }
.owner-dev { background: #F0FDF4; color: #065F46; }
.owner-sm  { display: inline-flex; align-items: center; gap: 3px;
             padding: 2px 7px; border-radius: 4px;
             font-size: 11px; font-weight: 700; }

/* Operations polished cards */
.ops-grid  { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;
             padding: 4px 20px 14px; }
.ops-item  { text-align: center; padding: 10px 6px; background: #F9FAFB;
             border: 1px solid #E5E7EB; border-radius: 8px;
             cursor: default; transition: .15s; }
.ops-item .ops-coming { display: block; font-size: 9px; color: #9CA3AF;
                        margin-top: 4px; letter-spacing: .3px; }
.ops-icon  { width: 28px; height: 28px; margin: 0 auto 6px;
             background: #EFF6FF; border-radius: 8px;
             display: flex; align-items: center; justify-content: center;
             color: #2563EB; }
.ops-label { font-size: 10px; font-weight: 600; color: #374151; }

/* Reports page structure aliases */
.rp-wrap { max-width: 1320px; margin: 0 auto; padding: 24px; }
.stat-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;
              margin-bottom: 20px; }
.reports-layout { display: grid; grid-template-columns: 1fr 288px; gap: 20px;
                  align-items: start; }
.report-tbl-wrap { overflow-x: auto; }
.sc-top    { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.sc-meta   { flex: 1; }
.sc-footer { margin-top: 8px; }
.sc-g-circle { width: 28px; height: 28px; border-radius: 50%; background: #FFF7ED;
               border: 1px solid #FED7AA; display: flex; align-items: center;
               justify-content: center; font-size: 14px; font-weight: 800;
               color: #D97706; flex-shrink: 0; }
.sc-icon-bluelight { background: #EFF6FF; color: #0284C7; }
.sc-icon-blue  { background: #EFF6FF; color: #2563EB; }
.sc-icon-green { background: #F0FDF4; color: #059669; }
.tab-btn  { padding: 7px 14px; border-radius: 6px; font-size: 13px; font-weight: 500;
            color: #6B7280; cursor: pointer; background: none; border: none;
            transition: background .15s, color .15s; font-family: inherit; }
.tab-btn:hover { background: #F3F4F6; color: #111827; }
.tab-btn.active { background: #0C5BA6; color: #fff; font-weight: 600; border-radius: 6px; }
.toolbar-btn { padding: 7px 12px; background: #fff; border: 1px solid #D1D5DB;
               border-radius: 8px; font-size: 13px; font-weight: 500; color: #374151;
               cursor: pointer; font-family: inherit; transition: background .15s; }
.toolbar-btn:hover { background: #F9FAFB; }
.search-icon { color: #9CA3AF; flex-shrink: 0; }
.sort-arrow  { color: #9CA3AF; font-size: 11px; margin-left: 3px; }
.rt-coming   { font-style: italic; color: #9CA3AF; font-size: 12px; }
.rt-date-main { font-size: 12px; font-weight: 500; color: #374151; }
.rt-date-sub  { font-size: 11px; color: #9CA3AF; margin-top: 1px; }
.badge-dot   { display: inline-block; width: 6px; height: 6px;
               border-radius: 50%; margin-right: 4px; vertical-align: middle; }
.dot-green { background: #10B981; }
.dot-blue  { background: #3B82F6; }
.dot-amber { background: #F59E0B; }
.rec-open-link { font-size: 12px; font-weight: 600; color: #0C5BA6;
                 text-decoration: none; }
.rec-open-link:hover { text-decoration: underline; }
.rec-view-all { display: block; text-align: center; padding: 10px;
                font-size: 12px; color: #0C5BA6; text-decoration: none;
                border-top: 1px solid #F3F4F6; margin-top: 8px;
                font-weight: 500; }
.rec-view-all:hover { text-decoration: underline; }
.rec-badge-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.rec-text  { font-size: 11px; color: #6B7280; line-height: 1.4; margin-bottom: 6px; }
.site-footer { display: flex; justify-content: space-between; align-items: center;
               padding: 16px 24px; font-size: 12px; color: #9CA3AF;
               border-top: 1px solid #E5E7EB; background: #fff; flex-wrap: wrap; gap: 8px; }
.site-footer a { color: #6B7280; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.footer-sep { margin: 0 8px; }

/* Report Detail aliases — HTML uses rd-* naming */
.rd-wrap  { max-width: 1320px; margin: 0 auto; padding: 24px; }
.rd-action-bar { display: flex; justify-content: space-between; align-items: center;
                 gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
.rd-left-btns, .rd-right-btns { display: flex; gap: 6px; align-items: center;
                                flex-wrap: wrap; }
.rd-title  { font-size: 22px; font-weight: 800; color: #111827; margin-bottom: 16px;
             letter-spacing: -.3px; }
.rd-tabs   { display: flex; gap: 0; border-bottom: 2px solid #E5E7EB;
             margin-bottom: 20px; }
.rd-tab    { padding: 10px 16px; font-size: 13px; color: #6B7280;
             border-bottom: 2px solid transparent; margin-bottom: -2px;
             text-decoration: none; cursor: pointer; display: flex;
             align-items: center; gap: 6px;
             transition: color .15s; }
.rd-tab:hover { color: #374151; }
.rd-tab-active { color: #0C5BA6; border-bottom-color: #0C5BA6; font-weight: 600; }
.rd-layout { display: grid; grid-template-columns: 1fr 304px; gap: 20px;
             align-items: start; }
.rd-main   { min-width: 0; }
.rd-sidebar { }

/* Aside/asp aliases — HTML uses asp-* */
.asp-card  { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px;
             box-shadow: 0 1px 3px rgba(0,0,0,.06); overflow: hidden;
             position: sticky; top: 76px; }
.asp-head  { padding: 14px 18px; border-bottom: 1px solid #E5E7EB; }
.asp-head h3 { font-size: 14px; font-weight: 700; color: #111827; margin: 0 0 3px; }
.asp-head p  { font-size: 11px; color: #6B7280; margin: 0; }
.asp-link  { font-size: 12px; color: #0C5BA6; text-decoration: none; font-weight: 500;
             float: right; }
.asp-link:hover { text-decoration: underline; }
.asp-items { display: flex; flex-direction: column; }
.asp-item  { display: flex; gap: 10px; padding: 12px 16px;
             border-bottom: 1px solid #F3F4F6; }
.asp-item:last-child { border-bottom: none; }
.asp-num   { width: 22px; height: 22px; border-radius: 50%; background: #0C5BA6;
             color: #fff; font-size: 11px; font-weight: 800;
             display: flex; align-items: center; justify-content: center;
             flex-shrink: 0; margin-top: 2px; }
.asp-body  { flex: 1; min-width: 0; }
.asp-title { font-size: 13px; font-weight: 700; color: #111827; margin-bottom: 2px; }
.asp-desc  { font-size: 11px; color: #6B7280; line-height: 1.4; margin-bottom: 8px; }
.asp-meta  { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; }
.asp-row   { display: flex; align-items: center; gap: 5px; }
.asp-row-lbl { font-size: 10px; color: #9CA3AF; min-width: 45px; }
.asp-count { font-size: 11px; font-weight: 700; color: #374151; }
.asp-ctas  { display: flex; gap: 5px; flex-wrap: wrap; }

/* KPI strip extra aliases */
.ks-score-denom  { font-size: 14px; color: #6B7280; }
.ks-score-label  { font-size: 10px; font-weight: 600; text-transform: uppercase;
                   letter-spacing: .4px; color: #6B7280; margin-top: 4px; }
.ks-delta-up     { font-size: 10px; color: #059669; margin-top: 2px; }
.ks-sub          { font-size: 10px; color: #9CA3AF; margin-top: 2px; }
.ks-sub a        { color: #0C5BA6; text-decoration: none; }
.ks-sub a:hover  { text-decoration: underline; }

/* Brand notes aliases */
.bn-pct     { font-size: 22px; font-weight: 800; color: #0C5BA6; }
.bn-pct-red { font-size: 22px; font-weight: 800; color: #DC2626; }

/* Chart legend */
.chart-legend   { display: flex; gap: 16px; justify-content: center; margin-top: 10px; }
.legend-item    { display: flex; align-items: center; gap: 5px;
                  font-size: 11px; color: #6B7280; }
.legend-dot-blue   { width: 10px; height: 3px; background: #2563EB; border-radius: 2px; }
.legend-dot-green  { width: 10px; height: 3px; background: #059669; border-radius: 2px; }
.legend-dot-purple { width: 10px; height: 3px; background: #7C3AED;
                     border-radius: 2px; border-top: 2px dashed #7C3AED; height: 0; }

/* Misc helpers */
.exec-note { font-size: 11px; color: #9CA3AF; font-style: italic;
             margin-top: 8px; border-top: 1px solid #F3F4F6; padding-top: 8px; }
.code-text  { font-family: monospace; font-size: 12px; color: #374151; }
.report-grid { display: grid; grid-template-columns: 1fr 304px; gap: 20px;
               align-items: start; }
.report-main { min-width: 0; }
.report-side  { }

/* Responsive patches for alias classes (mirrors Section 19 for alias names) */
@media (max-width: 1100px) {
  .reports-layout { grid-template-columns: 1fr; }
  .rd-layout      { grid-template-columns: 1fr; }
  .stat-cards     { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .stat-cards     { grid-template-columns: 1fr; }
  .brand-row      { grid-template-columns: repeat(3,1fr); }
  .aq-meta        { flex-wrap: wrap; gap: 8px; }
  .aq-ctas        { flex-direction: row; flex-wrap: wrap; }
  .rd-action-bar  { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .rd-title       { font-size: 18px; }
  .rd-action-bar  { gap: 6px; }
  .rd-left-btns, .rd-right-btns { gap: 4px; }
}

/* ============================================================
   CSS VARIABLE ALIASES
   Login/Admin/Error components use --color-* naming.
   Mockup uses --c-* naming. Add aliases so both work.
   ============================================================ */
:root {
  --color-primary:       #0C5BA6;
  --color-primary-dark:  #073F75;
  --color-primary-mid:   #2471C8;
  --color-primary-light: #EFF6FF;
  --color-navy:          #16191E;
  --color-text:          #111827;
  --color-muted:         #6B7280;
  --color-bg:            #F3F4F6;
  --color-surface:       #FFFFFF;
  --color-border:        #E5E7EB;
  --color-success:       #059669;
  --color-warning:       #D97706;
  --color-danger:        #DC2626;
  --font-sans:           Inter, system-ui, -apple-system, sans-serif;
}

/* ============================================================
   LIVE-ONLY COMPONENTS
   Styles for login, admin, flash, error, markdown body.
   ============================================================ */

/* Flash messages */
.flash { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 14px; font-weight: 500; }
.flash-error   { background: #FBEAEA; color: #8B1D1D; border: 1px solid #F5C2C2; }
.flash-success { background: #E6F4EC; color: #0A5227; border: 1px solid #B3DDCA; }
.flash-info    { background: #EFF6FF; color: #073F75; border: 1px solid #C7DDF4; }

/* Login */
.login-wrapper { min-height: calc(100vh - 52px); display: flex; align-items: center; justify-content: center; padding: 24px; background: #F3F4F6; }
.login-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(12,91,166,.12); padding: 40px 36px; width: 100%; max-width: 400px; border: 1px solid #E5E7EB; }
.login-title { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: #16191E; letter-spacing: -.4px; }
.login-subtitle { color: #6B7280; font-size: 14px; margin: 0 0 24px; }
.alert { padding: 10px 14px; border-radius: 6px; margin-bottom: 16px; font-size: 14px; }
.alert-error { background: #FBEAEA; color: #8B1D1D; }
.login-form { display: flex; flex-direction: column; gap: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-size: 13px; font-weight: 600; color: #111827; }
.form-group input { padding: 9px 12px; border: 1px solid #E5E7EB; border-radius: 6px; font-size: 14px; color: #111827; outline: none; background: #fff; font-family: inherit; transition: border-color .15s, box-shadow .15s; }
.form-group input:focus { border-color: #0C5BA6; box-shadow: 0 0 0 3px rgba(12,91,166,.14); }
.btn-full { width: 100%; }

/* Sign-out link inside nav */
.btn-link { background: none; border: none; color: rgba(255,255,255,.7); cursor: pointer; font-size: 13px; padding: 0; font-family: inherit; }
.btn-link:hover { color: #fff; }
.logout-form { margin: 0; }

/* Admin page */
.admin-wrap { max-width: 1000px; margin: 0 auto; padding: 24px; }
.admin-section { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.admin-section h2 { margin: 0 0 14px; font-size: 16px; font-weight: 700; color: #16191E; padding-bottom: 10px; border-bottom: 1px solid #E5E7EB; }
.admin-note { color: #6B7280; font-size: 14px; margin-bottom: 14px; }
.user-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.user-table th { text-align: left; padding: 8px 12px; border-bottom: 2px solid #E5E7EB; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; color: #6B7280; }
.user-table td { padding: 10px 12px; border-bottom: 1px solid #F3F4F6; }
.role-badge { padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.role-admin    { background: #DBEAFE; color: #1E40AF; }
.role-reviewer { background: #D1FAE5; color: #065F46; }
.role-management { background: #FEF3C7; color: #92400E; }

/* Report markdown body */
.report-body { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 32px 36px; }
.markdown-body { color: #111827; font-size: 15px; line-height: 1.7; }
.markdown-body h1 { font-size: 1.55em; color: #16191E; border-bottom: 2px solid #E5E7EB; padding-bottom: .3em; margin-top: 0; }
.markdown-body h2 { font-size: 1.2em; color: #16191E; border-bottom: 1px solid #E5E7EB; padding-bottom: .25em; margin-top: 1.8em; }
.markdown-body h3 { font-size: 1.05em; color: #16191E; margin-top: 1.4em; }
.table-wrap { overflow-x: auto; margin: 1em 0; }
.md-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.md-table th { background: #0C5BA6; color: #fff; padding: 9px 14px; text-align: left; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
.md-table td { padding: 8px 14px; border-bottom: 1px solid #E5E7EB; vertical-align: top; }
.md-table tr:hover td { background: #EFF6FF; }
.markdown-body code { background: #EFF6FF; color: #073F75; padding: 2px 6px; border-radius: 4px; font-size: 13px; font-family: monospace; }
.md-code { background: #F8FAFC; border: 1px solid #E5E7EB; color: #111827; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 13px; line-height: 1.5; }
.md-code code { background: none; padding: 0; color: inherit; }
.markdown-body blockquote { border-left: 3px solid #0C5BA6; margin: 1em 0; padding: .5em 16px; background: #EFF6FF; color: #16191E; border-radius: 0 8px 8px 0; font-size: 14px; }
.markdown-body p { margin: .75em 0; }
.markdown-body ul, .markdown-body ol { padding-left: 22px; }
.markdown-body li { margin: .3em 0; }
.markdown-body hr { border: none; border-top: 1px solid #E5E7EB; margin: 1.5em 0; }
.markdown-body a { color: #0C5BA6; }
.raw-report-section { margin-top: 20px; padding-top: 16px; border-top: 1px solid #E5E7EB; }
.btn-raw-toggle { padding: 7px 16px; background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 8px; color: #6B7280; font-size: 13px; cursor: pointer; font-family: inherit; }
.btn-raw-toggle:hover { border-color: #0C5BA6; color: #0C5BA6; }
.raw-md-block { background: #1E1E2E; color: #CDD6F4; padding: 20px; border-radius: 8px; overflow-x: auto; font-size: 12px; line-height: 1.5; font-family: monospace; margin-top: 12px; white-space: pre-wrap; word-break: break-word; display: none; }

/* Error pages */
.error-page { text-align: center; padding: 80px 24px; max-width: 480px; margin: 0 auto; }
.error-code { font-size: 80px; font-weight: 900; color: #E5E7EB; line-height: 1; }
.error-title { font-size: 22px; font-weight: 800; color: #16191E; margin: .5em 0; }
.error-message { color: #6B7280; margin-bottom: 24px; }

/* Placeholder page */
.placeholder-page { max-width: 560px; margin: 80px auto; text-align: center; padding: 24px; }
.placeholder-page h1 { font-size: 20px; font-weight: 800; color: #16191E; margin: 0 0 10px; }
.placeholder-page p { color: #6B7280; font-size: 14px; margin: 0 0 20px; line-height: 1.6; }

/* Summary page (management role) */
.summary-score-banner { background: #EFF6FF; border: 1px solid #C7DDF4; border-radius: 8px; padding: 10px 16px; margin-bottom: 20px; font-size: 14px; color: #073F75; }
.summary-score-banner strong { font-size: 18px; font-weight: 800; }

/* Back link used in report pages */
.back-link { color: #0C5BA6; text-decoration: none; font-size: 14px; font-weight: 500; }
.back-link:hover { text-decoration: underline; }
.link { color: #0C5BA6; text-decoration: none; font-size: 14px; font-weight: 500; }
.link:hover { text-decoration: underline; }

/* ── Polish pass fixes ── */

/* ISSUE 1: Module placeholder/caveat notes (GSC Preview, Brand coming) */
.placeholder-note {
  font-size: 11px;
  color: #9CA3AF;
  font-style: italic;
  margin: 2px 20px 12px;
  padding: 5px 10px;
  background: rgba(0,0,0,.02);
  border-left: 2px solid #E5E7EB;
  border-radius: 0 4px 4px 0;
  line-height: 1.5;
}
.placeholder-note em { font-style: normal; }

/* ISSUE 3: KPI strip bar (score card progress bar) */
.ks-bar { height: 4px; background: rgba(255,255,255,.15); border-radius: 2px; margin-top: 8px; overflow: hidden; width: 100%; }
.ks-bar-fill { height: 100%; background: linear-gradient(90deg, #EF4444 33%, #EAB308 66%, #22C55E 100%); border-radius: 2px; transition: width .4s; }

/* ISSUE 3: .ks-lbl alias (templates.js was using ks-lbl, CSS had ks-label) */
.ks-lbl { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; color: #6B7280; margin-top: 3px; }

/* ISSUE 5: Nav sign-out chevron button */
.nav-signout {
  font-size: 10px;
  color: rgba(255,255,255,.4);
  background: none;
  border: none;
  padding: 4px 2px;
  cursor: pointer;
  line-height: 1;
  font-family: inherit;
}
.nav-signout:hover { color: rgba(255,255,255,.8); }
.logout-form { margin: 0; padding: 0; display: flex; align-items: center; }

/* ============================================================
   ENTERPRISE LOGIN PAGE — Phase 6B.6 (centered combined panel)
   One split-card, centered on page, rounded corners, premium.
   Left and right halves are parts of the same module.
   ============================================================ */

body.login-body {
  margin: 0; padding: 0;
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  background: #dde3ee;             /* subtle blue-grey page bg */
  display: flex; flex-direction: column;
}

/* Outer stage — centers the combined login panel */
.login-stage {
  flex: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 32px;
}

/* Combined login panel — one split-card */
.login-panel {
  width: min(1000px, calc(100vw - 80px));
  min-height: 540px;
  display: grid;
  grid-template-columns: 56% 44%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.15), 0 5px 14px rgba(0,0,0,.09);
}

/* ── LEFT BRAND HALF ──────────────────────────────────────── */
.login-brand {
  background: linear-gradient(150deg, #060F1E 0%, #0B1D47 38%, #0E2F72 68%, #1254A8 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Background art */
.lp-bg-art {
  position: absolute; inset: 0;
  z-index: 1; pointer-events: none;
}
.lp-bg-art svg { width: 100%; height: 100%; }

/* Inner content */
.lp-inner {
  position: relative; z-index: 2;
  padding: 28px 30px;
  width: 100%;
}

/* Official PNG logo — RGBA transparent, filter → white on dark panel */
.lp-logo-wrap { margin-bottom: 18px; }
.lp-logo-img  {
  max-width: 145px; width: auto; height: auto; display: block;
  filter: brightness(0) invert(1);
}

/* Badge */
.lp-badge {
  display: inline-block;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.9);
  font-size: 9px; font-weight: 700; letter-spacing: 1.8px;
  text-transform: uppercase;
  padding: 6px 12px; border-radius: 20px;
  margin-top: 8px; margin-bottom: 22px;
}

/* Headline */
.lp-headline {
  font-size: 25px; font-weight: 800; color: #fff;
  line-height: 1.12; margin: 0 0 14px; letter-spacing: -.4px;
}
.lp-impact { color: #60A5FA; }

/* Lead */
.lp-lead {
  font-size: 12px; color: rgba(255,255,255,.62);
  line-height: 1.5; margin: 0 0 18px; max-width: 340px;
}

/* Feature rows */
.lp-features { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
.lp-feat { display: flex; align-items: flex-start; gap: 8px; }
.lp-feat-icon {
  width: 28px; height: 28px; flex-shrink: 0;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  color: #93C5FD;
}
.lp-feat-title { font-size: 12.5px; font-weight: 700; color: #fff; margin-bottom: 1px; }
.lp-feat-sub   { font-size: 11px; color: rgba(255,255,255,.48); line-height: 1.35; }

/* Status pill */
.lp-status {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(34,197,94,.11);
  border: 1px solid rgba(34,197,94,.22);
  color: #4ADE80;
  font-size: 11px; font-weight: 600;
  padding: 7px 12px; border-radius: 20px;
  margin-top: 12px;
}
.lp-status-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #4ADE80;
  box-shadow: 0 0 4px rgba(74,222,128,.7);
}

/* ── RIGHT FORM HALF ──────────────────────────────────────── */
.login-form {
  background: #fff;
  display: flex; align-items: center; justify-content: center;
  padding: 28px 30px;
}

/* Form inner block */
.lf-inner {
  width: 100%;
  max-width: 340px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

/* Card logo on right — centered, official PNG in natural colors */
.lc-logo-wrap { text-align: center; margin-bottom: 14px; }
.lc-logo-img  { max-width: 150px; width: auto; height: auto; display: block; margin: 0 auto; }

/* Subtitle */
.lc-subtitle {
  text-align: center;
  font-size: 12.5px; color: #6B7280;
  margin: 0 0 20px; line-height: 1.45;
}

/* Error */
.lc-error {
  display: flex; align-items: center; gap: 7px;
  background: #FEF2F2; border: 1px solid #FCA5A5;
  border-radius: 8px; padding: 9px 11px;
  margin-bottom: 13px; font-size: 12px; color: #DC2626;
}

/* Form */
.lc-form { display: flex; flex-direction: column; gap: 13px; margin-bottom: 16px; }
.lc-field { display: flex; flex-direction: column; gap: 4px; }
.lc-field label { font-size: 12px; font-weight: 600; color: #374151; }

.lc-input-wrap { position: relative; display: flex; align-items: center; }
.lc-field-icon {
  position: absolute; left: 11px;
  color: #9CA3AF; display: flex; align-items: center; pointer-events: none; z-index: 1;
}
.lc-input-wrap input {
  width: 100%;
  padding: 9px 37px 9px 35px;      /* ~42px total height */
  border: 1.5px solid #E5E7EB; border-radius: 8px;
  font-size: 13.5px; color: #111827; background: #fff;
  outline: none; font-family: inherit;
  transition: border-color .15s, box-shadow .15s;
  box-sizing: border-box;
}
.lc-input-wrap input:focus {
  border-color: #0C5BA6;
  box-shadow: 0 0 0 3px rgba(12,91,166,.11);
}
.lc-input-wrap input::placeholder { color: #C9CDD4; }

/* Eye toggle */
.lc-eye-btn {
  position: absolute; right: 10px;
  background: none; border: none; cursor: pointer;
  color: #9CA3AF; display: flex; align-items: center; padding: 4px;
  border-radius: 4px; transition: color .15s; line-height: 0;
}
.lc-eye-btn:hover { color: #374151; }

/* Submit — ~44px height */
.lc-submit {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; padding: 12px;
  background: #0C5BA6; color: #fff;
  font-size: 14.5px; font-weight: 700;
  border: none; border-radius: 8px;
  cursor: pointer; font-family: inherit;
  transition: background .15s, transform .1s;
  margin-top: 2px; letter-spacing: .2px;
}
.lc-submit:hover  { background: #073F75; }
.lc-submit:active { transform: translateY(1px); }

/* Divider */
.lc-divider {
  display: flex; align-items: center; gap: 10px;
  margin: 16px 0 14px; color: #9CA3AF;
  font-size: 9.5px; letter-spacing: 1.8px; text-transform: uppercase;
}
.lc-divider::before, .lc-divider::after { content: ''; flex: 1; height: 1px; background: #E5E7EB; }
.lc-divider span { white-space: nowrap; }

/* Security notice */
.lc-security {
  display: flex; gap: 8px; align-items: flex-start;
  background: #EFF6FF; border: 1px solid #BFDBFE;
  border-radius: 8px; padding: 10px 12px;
}
.lc-sec-icon { color: #0C5BA6; flex-shrink: 0; margin-top: 1px; }
.lc-security p { font-size: 11.5px; color: #1E40AF; line-height: 1.45; margin: 0; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 960px) {
  .login-stage  { padding: 16px; align-items: flex-start; min-height: auto; }
  .login-panel  { grid-template-columns: 1fr; width: min(680px, calc(100vw - 32px)); min-height: auto; border-radius: 14px; }
  .login-brand  { min-height: 220px; }
  .lp-inner     { padding: 24px 22px; }
  .lp-headline  { font-size: 20px; }
  .lp-lead      { font-size: 11.5px; max-width: 100%; }
  .login-form   { padding: 24px 22px; }
  .lf-inner     { max-width: 100%; }
}
@media (max-width: 540px) {
  .login-stage  { padding: 0; background: #fff; }
  .login-panel  { width: calc(100vw - 24px); border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.1); margin: 12px; }
  .login-brand  { display: none; }
  .login-form   { min-height: calc(100vh - 24px); padding: 32px 20px; }
  .lf-inner     { max-width: 100%; }
  .lc-submit    { padding: 11px; font-size: 14px; }
  .lc-logo-img  { max-width: 130px; }
}

/* ============================================================
   PAGES DRILL-DOWN — Phase 6C.1
   ============================================================ */

.pg-wrap       { max-width: 1320px; margin: 0 auto; padding: 24px; }
.pg-header     { margin-bottom: 20px; }
.pg-title      { font-size: 22px; font-weight: 800; color: var(--c-navy, #16191E); margin: 0 0 4px; }
.pg-subtitle   { font-size: 13px; color: var(--c-muted, #6B7280); margin: 0; }

/* Summary stat cards */
.pg-summary-grid {
  display: grid; grid-template-columns: repeat(5,1fr);
  gap: 12px; margin-bottom: 20px;
}
.pg-stat-card {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 10px;
  padding: 14px 16px; box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.pg-stat-num  { font-size: 24px; font-weight: 800; color: var(--c-primary,#0C5BA6); line-height: 1; margin-bottom: 4px; }
.pg-stat-lbl  { font-size: 11px; font-weight: 600; color: var(--c-muted,#6B7280); text-transform: uppercase; letter-spacing: .4px; }
.pg-stat-amber .pg-stat-num { color: #D97706; }
.pg-stat-green .pg-stat-num { color: #059669; }
.pg-stat-red   .pg-stat-num { color: #DC2626; }
.pg-stat-orange .pg-stat-num { color: #EA580C; }

/* Filter bar */
.pg-filter-bar {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: #fff; border: 1px solid #E5E7EB; border-radius: 10px;
  padding: 12px 16px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.pg-search-wrap {
  position: relative; flex: 1; min-width: 200px;
}
.pg-search-icon {
  position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
  color: #9CA3AF; pointer-events: none;
}
.pg-search-input {
  width: 100%; padding: 8px 10px 8px 30px;
  border: 1.5px solid #E5E7EB; border-radius: 8px;
  font-size: 13px; outline: none; font-family: inherit; color: #111827;
  box-sizing: border-box; transition: border-color .15s;
}
.pg-search-input:focus { border-color: #0C5BA6; }
.pg-select {
  padding: 8px 10px; border: 1.5px solid #E5E7EB; border-radius: 8px;
  font-size: 13px; color: #374151; background: #fff; font-family: inherit;
  outline: none; cursor: pointer; min-width: 130px;
  transition: border-color .15s;
}
.pg-select:focus { border-color: #0C5BA6; }
.pg-clear { font-size: 12px; color: #9CA3AF; text-decoration: none; white-space: nowrap; }
.pg-clear:hover { color: #0C5BA6; text-decoration: underline; }

/* Results info */
.pg-result-info { font-size: 13px; color: #6B7280; margin-bottom: 10px; }
.pg-result-info strong { color: #111827; }
.pg-filter-desc { margin-left: 6px; color: #9CA3AF; font-size: 12px; }

/* Pages table */
.pg-table-wrap { overflow-x: auto; }
.pg-table {
  width: 100%; border-collapse: collapse; background: #fff;
  border: 1px solid #E5E7EB; border-radius: 12px; overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.05); font-size: 13px;
}
.pg-table thead th {
  background: #F9FAFB; padding: 10px 14px; text-align: left;
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .4px; color: #6B7280; border-bottom: 1px solid #E5E7EB;
  white-space: nowrap;
}
.pg-th-page { min-width: 260px; }
.pg-table tbody td {
  padding: 12px 14px; border-bottom: 1px solid #F3F4F6;
  vertical-align: middle;
}
.pg-table tbody tr:last-child td { border-bottom: none; }
.pg-table tbody tr:hover td { background: #F8FAFF; }

/* Page title/path cell */
.pg-cell-page { max-width: 300px; }
.pg-page-title { font-size: 13px; font-weight: 600; color: #111827; margin-bottom: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }
.pg-page-path  { font-size: 11px; color: #9CA3AF; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 280px; }
.pg-path-link  { color: #9CA3AF; text-decoration: none; }
.pg-path-link:hover { color: #0C5BA6; text-decoration: underline; }

/* Page type badge */
.pg-type-badge {
  display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px;
  font-weight: 600; background: #F3F4F6; color: #374151;
  text-transform: capitalize; white-space: nowrap;
}

/* Status badges */
.pg-status {
  display: inline-block; padding: 3px 8px; border-radius: 12px;
  font-size: 11px; font-weight: 700; white-space: nowrap;
}
.pg-status-healthy  { background: #D1FAE5; color: #065F46; }
.pg-status-warning  { background: #FEF3C7; color: #92400E; }
.pg-status-error    { background: #FEE2E2; color: #991B1B; }

/* Priority badges */
.pg-pri {
  display: inline-block; padding: 3px 8px; border-radius: 4px;
  font-size: 11px; font-weight: 700; white-space: nowrap;
}
.pg-pri-high   { background: #FEE2E2; color: #991B1B; }
.pg-pri-medium { background: #FEF3C7; color: #92400E; }
.pg-pri-low    { background: #F3F4F6; color: #6B7280; }
.pg-pri-none   { color: #9CA3AF; }

/* Issue column */
.pg-cell-issues { min-width: 120px; }
.pg-issue-count { display: inline-block; font-weight: 700; font-size: 13px; color: #374151; margin-bottom: 4px; }
.pg-issue-none  { color: #9CA3AF; }
.pg-issue-badges { display: flex; flex-wrap: wrap; gap: 3px; }
.pg-issue-tag {
  display: inline-block; padding: 1px 6px; background: #EFF6FF;
  color: #1E40AF; border-radius: 3px; font-size: 10px; font-weight: 600;
  white-space: nowrap;
}
.pg-issue-more {
  display: inline-block; padding: 1px 5px; background: #F3F4F6;
  color: #6B7280; border-radius: 3px; font-size: 10px;
}

/* Actions cell */
.pg-cell-actions { white-space: nowrap; }
.pg-live-btn     { font-size: 11px; }
.pg-dash         { color: #9CA3AF; }

/* Empty state */
.pg-empty { text-align: center; padding: 40px 20px; color: #6B7280; font-size: 14px; }
.pg-empty a { color: #0C5BA6; }

/* Responsive */
@media (max-width: 960px) {
  .pg-summary-grid { grid-template-columns: repeat(3,1fr); }
  .pg-filter-bar   { flex-direction: column; align-items: stretch; }
  .pg-search-wrap  { min-width: 100%; }
  .pg-select       { min-width: 100%; }
}
@media (max-width: 540px) {
  .pg-summary-grid { grid-template-columns: repeat(2,1fr); }
  .pg-wrap         { padding: 16px; }
}

/* ============================================================
   ACTION QUEUE PAGE — Phase 6C.2
   ============================================================ */

.aq-wrap     { max-width: 1100px; margin: 0 auto; padding: 24px; }
.aq-header   { margin-bottom: 20px; }
.aq-title-h  { font-size: 22px; font-weight: 800; color: var(--c-navy,#16191E); margin: 0 0 4px; }
.aq-subtitle { font-size: 13px; color: var(--c-muted,#6B7280); margin: 0; }

/* Summary bar */
.aq-summary {
  display: grid; grid-template-columns: repeat(6,1fr);
  gap: 10px; margin-bottom: 20px;
}
.aq-sc {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 10px;
  padding: 13px 14px; box-shadow: 0 1px 3px rgba(0,0,0,.04); text-align: center;
}
.aq-sc-num { font-size: 22px; font-weight: 800; color: var(--c-primary,#0C5BA6); line-height: 1; margin-bottom: 4px; }
.aq-sc-lbl { font-size: 10.5px; font-weight: 600; color: #6B7280; text-transform: uppercase; letter-spacing: .4px; }
.aq-sc-red   .aq-sc-num { color: #DC2626; }
.aq-sc-purple .aq-sc-num { color: #7C3AED; }
.aq-sc-blue   .aq-sc-num { color: #0C5BA6; }
.aq-sc-teal   .aq-sc-num { color: #0D9488; }
.aq-sc-green  .aq-sc-num { color: #059669; }

/* Filter tabs */
.aq-tabs {
  display: flex; gap: 4px; flex-wrap: wrap; align-items: center;
  margin-bottom: 12px;
}
.aq-tab {
  padding: 6px 14px; border-radius: 6px; font-size: 13px; font-weight: 500;
  color: #6B7280; text-decoration: none; border: 1px solid transparent;
  transition: background .15s, color .15s; background: #fff; border-color: #E5E7EB;
}
.aq-tab:hover      { background: #F3F4F6; color: #111827; }
.aq-tab-active     { background: #0C5BA6; color: #fff; border-color: #0C5BA6; font-weight: 600; }
.aq-tab-active:hover { background: #073F75; }
.aq-tab-clear { font-size: 12px; color: #9CA3AF; text-decoration: none; margin-left: 6px; }
.aq-tab-clear:hover { color: #0C5BA6; text-decoration: underline; }

.aq-result-info  { font-size: 13px; color: #6B7280; margin-bottom: 14px; }
.aq-result-info strong { color: #111827; }
.aq-filter-tag {
  display: inline-block; margin-left: 6px; padding: 2px 8px;
  background: #EFF6FF; color: #1E40AF; border-radius: 4px;
  font-size: 11px; font-weight: 600; text-transform: capitalize;
}

/* Action cards list */
.aq-list { display: flex; flex-direction: column; gap: 12px; }

.aq-card {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
  overflow: hidden; transition: box-shadow .15s;
}
.aq-card:hover { box-shadow: 0 3px 12px rgba(12,91,166,.09); }

.aq-card-inner {
  display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px;
}

.aq-rank {
  width: 30px; height: 30px; min-width: 30px; border-radius: 50%;
  background: #0C5BA6; color: #fff; font-size: 13px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; margin-top: 2px;
}

.aq-card-body { flex: 1; min-width: 0; }

.aq-title-row {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-bottom: 6px;
}
.aq-card-title {
  font-size: 15px; font-weight: 700; color: #111827;
}
.aq-code-tag {
  font-size: 10px; padding: 2px 6px; background: #F3F4F6; color: #6B7280;
  border-radius: 3px; font-family: monospace; white-space: nowrap;
}

.aq-why {
  font-size: 13px; color: #6B7280; margin: 0 0 10px; line-height: 1.5;
}

.aq-metrics {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px;
}
.aq-count-chip {
  font-size: 12px; color: #374151; padding: 3px 10px;
  background: #F3F4F6; border-radius: 12px; font-weight: 600; white-space: nowrap;
}
.aq-count-chip strong { color: #0C5BA6; }

/* Action badges */
.aq-badge {
  display: inline-block; padding: 2px 8px; border-radius: 4px;
  font-size: 11px; font-weight: 700; white-space: nowrap;
}
.aq-pri-h  { background: #FEE2E2; color: #991B1B; }
.aq-pri-m  { background: #FEF3C7; color: #92400E; }
.aq-pri-l  { background: #F3F4F6; color: #6B7280; }
.aq-imp-h  { background: #FEE2E2; color: #991B1B; }
.aq-imp-m  { background: #FEF3C7; color: #92400E; }
.aq-imp-l  { background: #F3F4F6; color: #6B7280; }
.aq-eff      { background: #F3F4F6; color: #374151; }
.aq-eff-low  { background: #ECFDF5; color: #065F46; }

.aq-type-hint {
  font-size: 12px; color: #6B7280; margin-bottom: 8px;
}
.aq-type-hint strong { color: #374151; text-transform: capitalize; }

.aq-next { font-size: 12.5px; color: #374151; line-height: 1.5; }
.aq-next-label { font-weight: 700; color: #111827; }

.aq-card-footer {
  padding: 12px 20px; background: #F9FAFB; border-top: 1px solid #F3F4F6;
  display: flex; gap: 8px; align-items: center;
}

.aq-empty { text-align: center; padding: 48px 20px; color: #6B7280; font-size: 14px; }
.aq-empty a { color: #0C5BA6; }

/* Responsive */
@media (max-width: 960px) {
  .aq-summary { grid-template-columns: repeat(3,1fr); }
  .aq-card-inner { gap: 12px; padding: 14px 16px; }
  .aq-card-footer { padding: 10px 16px; }
}
@media (max-width: 540px) {
  .aq-summary { grid-template-columns: repeat(2,1fr); }
  .aq-wrap    { padding: 16px; }
  .aq-metrics { gap: 6px; }
}

/* ============================================================
   PAGE DETAIL — Phase 6C.3
   ============================================================ */

.pd-wrap       { max-width: 1200px; margin: 0 auto; padding: 24px; }

/* Breadcrumb (reuses bc-* from report detail) */

/* Action bar */
.pd-action-bar {
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px; margin-bottom: 18px; flex-wrap: wrap;
}
.pd-ab-left, .pd-ab-right { display: flex; gap: 6px; flex-wrap: wrap; }

/* Page header */
.pd-header        { margin-bottom: 18px; }
.pd-header-meta   { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.pd-page-title    { font-size: 20px; font-weight: 800; color: #16191E; margin: 0 0 5px; line-height: 1.3; }
.pd-page-path     { font-size: 13px; color: #6B7280; }
.pd-path-link     { color: #0C5BA6; text-decoration: none; }
.pd-path-link:hover { text-decoration: underline; }

/* Summary cards */
.pd-summary {
  display: grid; grid-template-columns: repeat(6,1fr);
  gap: 10px; margin-bottom: 20px;
}
.pd-sc {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 10px;
  padding: 13px 14px; box-shadow: 0 1px 3px rgba(0,0,0,.04); text-align: center;
}
.pd-sc-label { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; color: #6B7280; margin-bottom: 6px; }
.pd-sc-num   { font-size: 22px; font-weight: 800; color: #0C5BA6; line-height: 1; }
.pd-sc-val   { line-height: 1.3; }
.pd-sc-date  { font-size: 11px; color: #374151; font-weight: 500; }
.pd-sc-red  .pd-sc-num { color: #DC2626; }
.pd-sc-amber .pd-sc-num { color: #D97706; }

/* Two-column layout */
.pd-layout  { display: grid; grid-template-columns: 1fr 300px; gap: 20px; align-items: start; }
.pd-main    { min-width: 0; }
.pd-sidebar { display: flex; flex-direction: column; gap: 14px; }

/* Section */
.pd-section { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px;
  padding: 18px 20px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.pd-section-title {
  font-size: 15px; font-weight: 700; color: #16191E;
  margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #E5E7EB;
}

/* Issue cards */
.pd-issue-card {
  border: 1px solid #E5E7EB; border-radius: 8px; padding: 14px 16px;
  margin-bottom: 10px; background: #FAFAFA;
}
.pd-issue-card:last-child { margin-bottom: 0; }
.pd-issue-hdr   { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 8px; }
.pd-issue-title { font-size: 14px; font-weight: 700; color: #111827; }
.pd-issue-evidence {
  font-size: 12px; color: #6B7280; background: #F3F4F6;
  border-left: 3px solid #E5E7EB; padding: 5px 10px; border-radius: 0 4px 4px 0;
  margin-bottom: 8px; font-style: italic; overflow: hidden; text-overflow: ellipsis;
}
.pd-issue-why   { font-size: 12.5px; color: #6B7280; margin: 0 0 8px; line-height: 1.5; }
.pd-issue-fix   { font-size: 12.5px; color: #374151; margin-bottom: 10px; line-height: 1.5; }
.pd-fix-label   { font-weight: 700; color: #111827; }
.pd-issue-meta  { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pd-issue-link  { font-size: 11.5px; color: #0C5BA6; text-decoration: none; margin-left: auto; white-space: nowrap; }
.pd-issue-link:hover { text-decoration: underline; }
.pd-no-issues   { font-size: 14px; color: #059669; padding: 12px 0; display: flex; align-items: center; gap: 8px; }

/* SEO metadata table */
.pd-meta-table  { width: 100%; border-collapse: collapse; font-size: 13px; }
.pd-meta-key    { padding: 8px 10px 8px 0; color: #6B7280; font-weight: 600; font-size: 12px;
  width: 180px; vertical-align: top; white-space: nowrap; border-bottom: 1px solid #F3F4F6; }
.pd-meta-val    { padding: 8px 0; border-bottom: 1px solid #F3F4F6; vertical-align: top; }
.pd-meta-text   { color: #374151; word-break: break-word; }
.pd-ok   { color: #059669; font-size: 12px; }
.pd-warn { color: #D97706; font-size: 12px; }
.pd-muted { color: #9CA3AF; font-size: 12px; }
.pd-len-ok   { color: #059669; font-size: 12px; }
.pd-len-warn { color: #D97706; font-size: 12px; }

/* Technical checks */
.pd-tech-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;
}
.pd-tech-item { background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 8px; padding: 12px 14px; }
.pd-tech-label { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; color: #6B7280; margin-top: 5px; }
.pd-check-ok  { font-size: 12.5px; font-weight: 600; color: #059669; }
.pd-check-no  { font-size: 12.5px; font-weight: 600; color: #D97706; }

/* Recommendation sidebar panel */
.pd-rec-panel, .pd-nav-panel {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 12px;
  overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.pd-rec-hdr   { padding: 14px 16px; border-bottom: 1px solid #E5E7EB; background: #F9FAFB; }
.pd-rec-title { font-size: 13px; font-weight: 700; color: #16191E; margin: 0; }
.pd-rec-body  { padding: 14px 16px; }
.pd-rec-action { font-size: 13px; color: #374151; line-height: 1.55; margin: 0 0 12px; }
.pd-rec-meta  { display: flex; flex-direction: column; gap: 7px; }
.pd-rec-row   { display: flex; align-items: center; gap: 8px; }
.pd-rec-lbl   { font-size: 11px; color: #9CA3AF; min-width: 44px; }
.pd-rec-clean { font-size: 13px; }

.pd-nav-panel { padding: 14px 16px; }
.pd-nav-title { font-size: 13px; font-weight: 700; color: #16191E; margin: 0 0 10px; }
.pd-nav-links { display: flex; flex-direction: column; gap: 8px; }
.pd-nav-link  { font-size: 12.5px; color: #0C5BA6; text-decoration: none; padding: 4px 0; border-bottom: 1px solid #F3F4F6; }
.pd-nav-link:last-child { border-bottom: none; }
.pd-nav-link:hover { text-decoration: underline; }
.pd-nav-live  { color: #059669; }

/* Not-found state */
.pd-not-found { max-width: 520px; margin: 80px auto; text-align: center; padding: 24px; }
.pd-nf-code   { font-size: 72px; font-weight: 900; color: #E5E7EB; line-height: 1; }
.pd-nf-title  { font-size: 20px; font-weight: 700; color: #16191E; margin: 12px 0 10px; }
.pd-nf-msg    { font-size: 14px; color: #6B7280; margin-bottom: 24px; line-height: 1.6; }
.pd-nf-path   { font-size: 12px; background: #F3F4F6; padding: 2px 6px; border-radius: 4px; }
.pd-nf-btns   { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* Responsive */
@media (max-width: 960px) {
  .pd-layout   { grid-template-columns: 1fr; }
  .pd-summary  { grid-template-columns: repeat(3,1fr); }
  .pd-tech-grid { grid-template-columns: repeat(2,1fr); }
  .pd-sidebar  { flex-direction: row; flex-wrap: wrap; }
  .pd-rec-panel, .pd-nav-panel { flex: 1; min-width: 260px; }
}
@media (max-width: 540px) {
  .pd-summary  { grid-template-columns: repeat(2,1fr); }
  .pd-tech-grid { grid-template-columns: 1fr 1fr; }
  .pd-wrap     { padding: 16px; }
  .pd-action-bar { flex-direction: column; align-items: flex-start; }
  .pd-ab-right { width: 100%; }
}

/* ============================================================
   ACTION STATE — Phase 6C.4
   ============================================================ */
.as-badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}
.as-open{background:#DBEAFE;color:#1D4ED8}
.as-in-review{background:#FEF3C7;color:#92400E}
.as-assigned{background:#EDE9FE;color:#5B21B6}
.as-deferred{background:#F3F4F6;color:#6B7280}
.as-resolved{background:#D1FAE5;color:#065F46}
.aq-card-body-extra{padding:8px 20px 0}
.as-state-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:8px}
.as-updated{font-size:11px;color:#9CA3AF}
.as-resolved-warn{font-size:11px;color:#D97706;font-weight:600;background:#FFFBEB;border:1px solid #FDE68A;border-radius:4px;padding:2px 8px}
.as-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}
.as-select{padding:5px 8px;border:1.5px solid #E5E7EB;border-radius:7px;font-size:12px;color:#374151;background:#fff;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}
.as-select:focus{border-color:#0C5BA6}
.as-note{flex:1;min-width:130px;max-width:240px;padding:5px 9px;border:1.5px solid #E5E7EB;border-radius:7px;font-size:12px;color:#374151;background:#fff;font-family:inherit;outline:none;transition:border-color .15s}
.as-note:focus{border-color:#0C5BA6}
.as-save-btn{background:#F9FAFB;border:1.5px solid #D1D5DB;color:#374151;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}
.as-save-btn:hover{background:#E5E7EB}
.aq-summary-state{margin-top:-8px;margin-bottom:18px}
.aq-summary-state .aq-sc-num{font-size:18px}
.aq-summary-state .aq-sc{padding:10px 12px}
.pd-issue-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px solid #F3F4F6}
.pd-action-link{font-size:11.5px;color:#0C5BA6;text-decoration:none;margin-left:auto}

/* ============================================================
   BLOG REFRESH QUEUE — Phase 6E
   ============================================================ */
.rq-wrap{max-width:1320px;margin:0 auto;padding:24px}
.rq-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.rq-hdr-left{flex:1}
.rq-hdr-right{display:flex;gap:8px;flex-wrap:wrap}
.rq-title{font-size:22px;font-weight:800;color:#16191E;margin:0 0 4px}
.rq-subtitle{font-size:13px;color:#6B7280;margin:0}
.rq-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.rq-sc{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:13px 14px;box-shadow:0 1px 3px rgba(0,0,0,.04);text-align:center}
.rq-sc-num{font-size:22px;font-weight:800;color:#0C5BA6;line-height:1;margin-bottom:4px}
.rq-sc-lbl{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#6B7280}
.rq-sc-red .rq-sc-num{color:#DC2626}
.rq-sc-blue .rq-sc-num{color:#2563EB}
.rq-sc-amber .rq-sc-num{color:#D97706}
.rq-sc-grey .rq-sc-num{color:#6B7280}
.rq-sc-green .rq-sc-num{color:#059669}
.rq-queued{background:#EFF6FF;color:#2563EB}
.rq-refreshed{background:#D1FAE5;color:#065F46}
.rq-result-info{font-size:13px;color:#6B7280;margin-bottom:12px}
.rq-result-info strong{color:#111827}
/* ── BLOG REFRESH QUEUE — card/list layout (Phase 6E.1 UX) ─────────────── */
.rq-list{display:flex;flex-direction:column;gap:8px}
.rq-item{background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}
/* ── Two-row Blog Worklist card ─────────────────────────────────────────── */
.rq-blog-title{font-size:13.5px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.rq-blog-path{font-size:11px;color:#9CA3AF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq-age{font-size:11px;color:#D97706;font-weight:600;white-space:nowrap}
.rq-issue-tags{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}

/* Top row */
.rq-card-top{display:flex;align-items:center;gap:12px;padding:13px 16px 10px;flex-wrap:wrap}
.rq-card-blog{flex:1;min-width:200px;overflow:hidden}
.rq-card-badges{flex-shrink:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:160px}
.rq-card-primary-actions{flex-shrink:0;display:flex;gap:6px;align-items:center;margin-left:auto}

/* Second row */
.rq-card-bottom{display:flex;align-items:center;gap:12px;padding:8px 16px 12px;border-top:1px solid #F3F4F6;flex-wrap:wrap}
.rq-card-rec{flex:1;min-width:200px}
.rq-rec-text{font-size:12px;color:#374151;line-height:1.45;margin-bottom:4px}
.rq-rec-meta{font-size:11px;display:inline-flex;align-items:center;gap:4px;margin-right:6px}
.rq-rec-due{color:#D97706;font-weight:600}

/* Quick update stays on the right */
.rq-quick-update{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.rq-plan-details{border-top:1px solid #EDF2F7;background:#F8FAFC}
.rq-plan-toggle{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;color:#0C5BA6;user-select:none;transition:color .15s}
.rq-plan-toggle::-webkit-details-marker{display:none}
.rq-plan-toggle:hover{color:#073F75}
.rq-toggle-arrow::before{content:'\25B8';font-size:10px;display:inline-block;transition:transform .15s}
details[open]>.rq-plan-toggle .rq-toggle-arrow::before{content:'\25BE'}
.rq-plan-helper{font-size:12px;color:#9CA3AF;margin:0 0 14px;line-height:1.5}
.rq-plan-panel{padding:14px 16px}
.rq-plan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px}
.rq-pf{display:flex;flex-direction:column;gap:3px}
.rq-pf-wide{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.rq-pl{font-size:10.5px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.4px}
.rq-ps,.rq-pi{padding:5px 8px;border:1.5px solid #E5E7EB;border-radius:6px;font-size:12px;color:#374151;background:#fff;font-family:inherit;outline:none;width:100%;box-sizing:border-box}
.rq-pw{width:100%;padding:5px 8px;border:1.5px solid #E5E7EB;border-radius:6px;font-size:12px;color:#374151;background:#fff;font-family:inherit;outline:none;box-sizing:border-box}
.rq-ps:focus,.rq-pi:focus,.rq-pw:focus{border-color:#0C5BA6}
.rq-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.rq-plan-saved{font-size:11px;color:#9CA3AF}
.rq-plan-save{flex-shrink:0}
.rq-empty{text-align:center;padding:40px;color:#6B7280;font-size:14px}
.rq-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.pd-rq-link{margin-bottom:16px}
.pd-action-link:hover{text-decoration:underline}
.pd-rq-plan{background:#F8FAFF;border-color:#C7DDF4}
@media(max-width:960px){
  .rq-summary{grid-template-columns:repeat(3,1fr)}
  .rq-plan-grid{grid-template-columns:repeat(2,1fr)}
  .rq-card-rec .rq-rec-text{font-size:11.5px}
  .rq-filter-bar{flex-direction:column;align-items:stretch}
}
@media(max-width:540px){
  .rq-summary{grid-template-columns:repeat(2,1fr)}
  .rq-wrap{padding:16px}
  .rq-card-top,.rq-card-bottom{flex-direction:column;gap:8px;padding:10px 12px}
  .rq-card-blog,.rq-card-badges,.rq-card-primary-actions,.rq-card-rec,.rq-qu-wrap{width:100%;max-width:none}
  .rq-card-primary-actions{margin-left:0}
  .rq-plan-grid{grid-template-columns:1fr 1fr}
  .rq-quick-update .as-select{flex:1}
}

/* ============================================================
   REFRESH QUEUE PRIORITIZATION DASHBOARD — Phase 6E.2
   ============================================================ */
.rq-summary-8{grid-template-columns:repeat(8,1fr)}
.rq-sc-orange .rq-sc-num{color:#EA580C}
.rq-sc-purple .rq-sc-num{color:#7C3AED}
.rqd-overdue{color:#DC2626;font-weight:700;font-size:11px}
.rqd-due-soon{color:#D97706;font-weight:600;font-size:11px}
.rqd-muted{color:#9CA3AF}
.rqd-section{margin-bottom:16px}
.rqd-body{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start;margin-bottom:14px}
.rqd-left{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.rqd-right{display:flex;flex-direction:column;gap:10px}
.rqd-panel{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.rqd-panel-title{font-size:14px;font-weight:700;color:#16191E;margin:0 0 3px}
.rqd-panel-sub{font-size:12px;color:#9CA3AF;margin:0 0 10px}
.rqd-ph{font-size:12px;font-weight:700;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px}
.rqd-top-wrap{overflow-x:auto}
.rqd-top-table{width:100%;border-collapse:collapse;font-size:12px}
.rqd-top-table th{background:#F9FAFB;padding:7px 10px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6B7280;border-bottom:1px solid #E5E7EB;white-space:nowrap}
.rqd-top-table td{padding:8px 10px;border-bottom:1px solid #F3F4F6;vertical-align:middle}
.rqd-top-table tr:last-child td{border-bottom:none}
.rqd-top-table tr:hover td{background:#F8FAFF}
.rqd-top-blog{min-width:180px}
.rqd-top-title{font-size:12.5px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.rqd-top-path{font-size:10.5px;color:#9CA3AF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.rqd-td{white-space:nowrap;font-size:11.5px;color:#374151}
.rqd-td-act{white-space:nowrap}
.rqd-reason{font-size:11px;color:#6B7280;max-width:140px;white-space:normal}
.rqd-empty-cell{text-align:center;color:#9CA3AF;padding:16px}
.rqd-bd-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.rqd-bd-label{font-size:11.5px;color:#374151;min-width:80px;flex-shrink:0}
.rqd-bar-track{flex:1;height:6px;background:#F3F4F6;border-radius:3px;overflow:hidden}
.rqd-bar-fill{height:100%;border-radius:3px;transition:width .3s}
.rqd-bar-blue{background:#2563EB}.rqd-bar-sky{background:#0284C7}
.rqd-bar-green{background:#059669}.rqd-bar-amber{background:#D97706}
.rqd-bar-red{background:#DC2626}.rqd-bar-grey{background:#D1D5DB}
.rqd-bd-count{font-size:11.5px;font-weight:700;color:#374151;min-width:24px;text-align:right}
.rqd-plan-stats{margin-top:8px;padding-top:8px;border-top:1px solid #F3F4F6;display:flex;flex-direction:column;gap:3px}
.rqd-stat{font-size:11.5px;color:#6B7280}
.rqd-stat strong{color:#111827}
.rqd-filter-note{font-size:11.5px;color:#9CA3AF;margin:0 0 10px}
@media(max-width:1100px){.rqd-body{grid-template-columns:1fr}.rq-summary-8{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.rq-summary-8{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   REFRESH QUEUE UX REORGANIZATION — Phase 6E.2B
   ============================================================ */

/* Primary KPI cards (4 large) */
.rq-primary-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:10px}
.rq-pkc{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.rq-pkc-num{font-size:32px;font-weight:900;color:#0C5BA6;line-height:1;margin-bottom:5px}
.rq-pkc-label{font-size:14px;font-weight:700;color:#16191E;margin-bottom:3px}
.rq-pkc-sub{font-size:12px;color:#9CA3AF}
.rq-pkc-red .rq-pkc-num{color:#DC2626}
.rq-pkc-amber .rq-pkc-num{color:#D97706}
.rq-pkc-blue .rq-pkc-num{color:#2563EB}

/* Secondary metric strip */
.rq-secondary-metrics{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.rq-smc{display:flex;align-items:center;gap:8px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;padding:8px 14px}
.rq-smc-num{font-size:16px;font-weight:800;color:#374151}
.rq-smc-label{font-size:12px;color:#6B7280;font-weight:500}
.rq-smc-green .rq-smc-num{color:#059669}
.rq-smc-orange .rq-smc-num{color:#EA580C}

/* Section containers */
.rq-section{margin-bottom:20px}
.rq-section-hdr{margin-bottom:14px}
.rq-section-title{font-size:17px;font-weight:800;color:#16191E;margin:0 0 4px}
.rq-section-sub{font-size:13px;color:#9CA3AF;margin:0}

/* Start Here — full-width with prominent table */
.rq-section-start .rqd-top-table{width:100%}
.rq-section-start .rqd-top-blog{min-width:220px}

/* Queue Intelligence — compact multi-column grid */
.rq-qi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* Worklist section heading */
.rq-section-worklist{border-top:2px solid #EDF2F7;padding-top:18px;margin-top:4px}

/* Quick update — visually secondary */
.rq-qu-wrap{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;padding:8px 10px;margin-left:auto;flex-shrink:0}
.rq-qu-wrap .rq-quick-update{gap:4px}
.rq-qu-wrap .as-select{font-size:11.5px;padding:4px 6px}
.rq-qu-wrap .as-save-btn{font-size:11.5px;padding:4px 10px}

/* Result info with filter note inline */
.rq-result-info .rqd-filter-note{margin:0;display:inline}

@media(max-width:1100px){
  .rq-primary-kpi{grid-template-columns:repeat(2,1fr)}
  .rq-qi-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .rq-primary-kpi{grid-template-columns:1fr 1fr}
  .rq-qi-grid{grid-template-columns:1fr}
  .rq-smc{flex:1;min-width:calc(50% - 4px)}
}

/* ============================================================
   SEARCH CONSOLE — Phase 6D
   ============================================================ */
.gsc-empty-state{background:#F8FAFF;border:1px solid #C7DDF4;border-radius:12px;padding:28px 24px;text-align:center;max-width:560px;margin:0 auto}
.gsc-empty-state h2{font-size:16px;font-weight:700;color:#1E40AF;margin:0 0 8px}
.gsc-empty-state p{font-size:13px;color:#4B5563;margin:0 0 8px;line-height:1.5}
.gsc-empty-state code{font-size:12px;background:#EFF6FF;padding:2px 6px;border-radius:4px;color:#1E40AF}
.gsc-es-path{font-size:12px!important;color:#9CA3AF!important}
.gsc-summary{font-size:13px}
.gsc-kpi-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.gsc-kpi{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:14px 16px;flex:1;min-width:100px}
.gsc-kpi-num{font-size:24px;font-weight:800;color:#0C5BA6;line-height:1;margin-bottom:4px}
.gsc-kpi-lbl{font-size:11px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.4px}
.gsc-chip{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-top:4px}
.gsc-chip-up{background:#D1FAE5;color:#065F46}
.gsc-chip-dn{background:#FEE2E2;color:#991B1B}
.gsc-delta{font-size:10.5px;margin-left:5px;font-weight:600}
.gsc-delta-up{color:#059669}
.gsc-delta-dn{color:#DC2626}
.gsc-table-section{margin-bottom:20px}
.gsc-table-title{font-size:14px;font-weight:700;color:#16191E;margin:0 0 10px}
.gsc-tbl-wrap{overflow-x:auto}
.gsc-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.gsc-tbl th{background:#F9FAFB;padding:9px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6B7280;border-bottom:1px solid #E5E7EB;white-space:nowrap}
.gsc-tbl td{padding:9px 12px;border-bottom:1px solid #F3F4F6;vertical-align:middle}
.gsc-tbl tr:last-child td{border-bottom:none}
.gsc-tbl tr:hover td{background:#F8FAFF}
.gsc-tbl-url{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#374151}
.gsc-empty-msg{font-size:13px;color:#9CA3AF;padding:8px 0;margin:0}
.pd-gsc-section{background:#F8FAFF;border-color:#C7DDF4}
.gsc-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.gsc-pg-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px 14px;text-align:center}
.gsc-pg-num{font-size:20px;font-weight:800;color:#0C5BA6}
.gsc-pg-lbl{font-size:10.5px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.4px;margin-top:3px}
.gsc-pg-delta{font-size:11px;font-weight:600;margin-top:3px}
.gsc-pg-note{font-size:11px;color:#9CA3AF;margin:0}
.gsc-sig{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;margin-left:3px}
.gsc-sig-lowctr{background:#FEF3C7;color:#92400E}
.gsc-sig-decline{background:#FEE2E2;color:#991B1B}
.gsc-sig-rising{background:#D1FAE5;color:#065F46}
@media(max-width:640px){.gsc-kpi-row{grid-template-columns:repeat(2,1fr)}.gsc-page-grid{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   SEARCH CONSOLE — Phase 6D.1 UI Polish
   ============================================================ */
/* Dashboard snapshot compact tiles */
.gsc-snap-inner{padding:2px 0}
.gsc-snap-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}
.gsc-snap-tile{background:#F0F6FF;border:1px solid #DBEAFE;border-radius:8px;padding:11px 12px;text-align:center}
.gsc-snap-num{font-size:17px;font-weight:800;color:#1D4ED8;line-height:1}
.gsc-snap-lbl{font-size:9.5px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.4px;margin-top:3px}
.gsc-snap-delta{font-size:11.5px;font-weight:600;padding:4px 0 5px;text-align:center}
.gsc-snap-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}
.gsc-snap-op{border-radius:7px;padding:7px 8px;text-align:center}
.gsc-op-lowctr{background:#FEF3C7;border:1px solid #FCD34D}
.gsc-op-decline{background:#FEE2E2;border:1px solid #FCA5A5}
.gsc-op-rising{background:#D1FAE5;border:1px solid #6EE7B7}
.gsc-snap-op-num{font-size:15px;font-weight:800;color:#16191E}
.gsc-snap-op-lbl{font-size:9.5px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}
.gsc-snap-date{font-size:10.5px;color:#9CA3AF;margin-bottom:8px;margin-top:0}
.gsc-empty-dash{max-width:100%!important;padding:16px 12px!important;text-align:center}
.gsc-empty-dash .gsc-es-title{font-size:12.5px;color:#6B7280;margin:0 0 8px;font-weight:500;display:block}
/* Search Console page header */
.gsc-page-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}
.gsc-page-title{font-size:22px;font-weight:800;color:#16191E;margin:0 0 6px}
.gsc-page-subtitle{font-size:14px;color:#6B7280;margin:0 0 10px;line-height:1.55}
.gsc-page-meta{display:flex;flex-wrap:wrap;gap:2px 0;align-items:center;font-size:12px}
.gsc-meta-item{color:#6B7280}
.gsc-meta-sep{margin:0 7px;color:#D1D5DB}
/* Interpretation strip */
.gsc-interp-strip{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;padding:13px 16px;margin-bottom:20px}
.gsc-interp-strip p{font-size:13.5px;color:#1E40AF;margin:0;line-height:1.55}
/* KPI card delta label */
.gsc-kpi-delta{font-size:11px;font-weight:600;margin-top:5px}
/* Insight sections (search-console page) */
.gsc-section{margin-bottom:28px}
.gsc-section-hdr{margin-bottom:12px}
.gsc-section-title{font-size:15px;font-weight:700;color:#16191E;margin:0 0 5px}
.gsc-section-helper{font-size:13px;color:#6B7280;margin:0;line-height:1.5}
/* Table action buttons */
.gsc-tbl-actions{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}
.gsc-act-btn{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:600;text-decoration:none;white-space:nowrap;line-height:1.6}
.gsc-act-detail{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE}
.gsc-act-detail:hover{background:#DBEAFE;color:#1D4ED8}
.gsc-act-live{background:#F3F4F6;color:#374151;border:1px solid #E5E7EB}
.gsc-act-live:hover{background:#E5E7EB}
.gsc-tbl-action{font-size:12px;color:#6B7280;white-space:nowrap;min-width:110px}
@media(max-width:768px){.gsc-page-meta{flex-direction:column;align-items:flex-start}.gsc-tbl-action{display:none}}

/* ============================================================
   SEARCH CONSOLE — Phase 6D.1B Action UX
   ============================================================ */
/* Priority Actions section */
.gsc-priority-section{background:#F8FAFF;border:1px solid #DBEAFE;border-radius:12px;padding:20px 22px;margin-bottom:24px}
.gsc-priority-hdr{margin-bottom:16px}
.gsc-priority-title{font-size:16px;font-weight:800;color:#1E3A5F;margin:0 0 5px}
.gsc-priority-helper{font-size:13px;color:#6B7280;margin:0;line-height:1.5}
.gsc-priority-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gsc-pa-card{background:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}
.gsc-pa-lowctr{border:1.5px solid #FCD34D;box-shadow:0 1px 4px rgba(245,158,11,.08)}
.gsc-pa-decline{border:1.5px solid #FCA5A5;box-shadow:0 1px 4px rgba(239,68,68,.08)}
.gsc-pa-rising{border:1.5px solid #6EE7B7;box-shadow:0 1px 4px rgba(16,185,129,.08)}
.gsc-pa-top{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.gsc-pa-metric{font-size:26px;font-weight:800;color:#0C5BA6;line-height:1}
.gsc-pa-unit{font-size:10px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.3px}
.gsc-pa-title{font-size:13px;font-weight:700;color:#16191E;line-height:1.3;margin-bottom:2px}
.gsc-pa-desc{font-size:12.5px;color:#4B5563;margin:0;line-height:1.45}
.gsc-pa-rec{font-size:12px;color:#6B7280;margin:0;line-height:1.4}
.gsc-pa-cta{display:inline-block;margin-top:auto;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE;align-self:flex-start}
.gsc-pa-cta:hover{background:#DBEAFE}
/* Action chips in table Action column */
.gsc-action-chip{display:inline-block;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}
.gsc-ac-amber{background:#FEF3C7;color:#92400E;border:1px solid #FCD34D}
.gsc-ac-red{background:#FEE2E2;color:#991B1B;border:1px solid #FCA5A5}
.gsc-ac-green{background:#D1FAE5;color:#065F46;border:1px solid #6EE7B7}
.gsc-ac-blue{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE}
/* Row action mini-buttons */
.gsc-row-actions{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}
.gsc-mini-btn{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;font-size:10.5px;font-weight:600;text-decoration:none;white-space:nowrap;line-height:1}
.gsc-mini-detail{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE}
.gsc-mini-detail:hover{background:#DBEAFE;color:#1D4ED8}
.gsc-mini-live{background:#F3F4F6;color:#374151;border:1px solid #E5E7EB}
.gsc-mini-live:hover{background:#E5E7EB}
/* Improved table row spacing */
.gsc-tbl td{padding:10px 12px;border-bottom:1px solid #F3F4F6;vertical-align:top}
.gsc-tbl-url{max-width:300px;font-size:12.5px;color:#374151;word-break:break-word;white-space:normal}
@media(max-width:960px){.gsc-priority-cards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gsc-priority-cards{grid-template-columns:1fr}.gsc-tbl-action{display:none}}

/* ============================================================
   SEARCH CONSOLE — Phase 6D.1C Dashboard Premium Polish
   ============================================================ */
/* Dashboard snapshot - clean metric list layout */
.gsc-snap-meta{font-size:10.5px;color:#9CA3AF;margin-bottom:7px}
.gsc-snap-insight{font-size:11.5px;color:#374151;line-height:1.45;background:#F0F6FF;border-left:3px solid #93C5FD;border-radius:0 5px 5px 0;padding:6px 9px;margin-bottom:10px}
.gsc-snap-mlist{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-bottom:10px}
.gsc-snap-mrow{padding:3px 0 2px}
.gsc-snap-mval{font-size:17px;font-weight:800;color:#1E3A5F;line-height:1;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.gsc-snap-mlbl{font-size:9px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.gsc-sdelta{font-size:10px;font-weight:700;padding:1px 3px;border-radius:3px}
.gsc-sdelta-up{color:#059669;background:#D1FAE5}
.gsc-sdelta-dn{color:#DC2626;background:#FEE2E2}
/* Compact opportunity strip */
.gsc-snap-strip{display:flex;gap:5px;flex-wrap:wrap}
.gsc-ss-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:4px;font-size:10.5px;font-weight:600;white-space:nowrap}
.gsc-ss-lowctr{background:#FEF3C7;color:#92400E}
.gsc-ss-decline{background:#FEE2E2;color:#991B1B}
.gsc-ss-rising{background:#D1FAE5;color:#065F46}

/* ============================================================
   GSC CARD PREMIUM — Phase 6D.1D
   ============================================================ */
.gsc-card-premium{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}
.gsc-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 11px;border-bottom:1px solid var(--c-border);gap:8px}
.gsc-card-title{font-size:14px;font-weight:700;color:var(--c-text);white-space:nowrap;flex:1}
.gsc-card-link{font-size:11.5px;font-weight:500;color:var(--c-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}
.gsc-card-link:hover{text-decoration:underline}
.gsc-card-meta{padding:9px 16px 0;font-size:10.5px;color:#9CA3AF;line-height:1.4}
.gsc-card-insight{margin:7px 16px 0;padding:7px 10px;background:#EFF6FF;border-left:3px solid #93C5FD;border-radius:0 5px 5px 0;font-size:11.5px;color:#1E40AF;line-height:1.45}
.gsc-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-border);margin:10px 16px 0;border-radius:8px;overflow:hidden;border:1px solid var(--c-border)}
.gsc-card-metric{background:var(--c-surface);padding:10px 12px}
.gsc-card-metric-primary .gsc-card-value{font-size:20px}
.gsc-card-label{font-size:9.5px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.gsc-card-value{font-size:15px;font-weight:800;color:#1E3A5F;line-height:1;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.gsc-card-delta{font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:3px}
.gsc-card-delta.gsc-delta-up{color:#059669;background:#D1FAE5}
.gsc-card-delta.gsc-delta-dn{color:#DC2626;background:#FEE2E2}
.gsc-card-opps-wrap{padding:10px 16px 13px}
.gsc-card-opps-title{font-size:9.5px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.gsc-card-opps{display:flex;gap:5px;flex-wrap:wrap}
.gsc-card-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10.5px;font-weight:600;white-space:nowrap}
.gsc-chip-lowctr{background:#FEF3C7;color:#92400E}
.gsc-chip-decline{background:#FEE2E2;color:#991B1B}
.gsc-chip-rising{background:#D1FAE5;color:#065F46}
.gsc-card-empty{padding:16px}
.gsc-card-empty-title{font-size:13px;font-weight:600;color:#374151;margin:0 0 5px}
.gsc-card-empty-sub{font-size:12px;color:#9CA3AF;margin:0 0 10px;line-height:1.5}
.gsc-card-link-btn{display:inline-block;padding:4px 10px;border:1px solid var(--c-border);border-radius:5px;font-size:11.5px;font-weight:600;background:var(--c-surface)}
/* ============================================================
   GSC SIBLING CARD — Phase 6D.1E
   ============================================================ */
.gsc-meta-line{font-size:10.5px;color:#9CA3AF;padding:6px 20px 0;line-height:1.4}
.gsc-2x2-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 20px 0}
.gsc-opp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 20px 4px}
.gsc-opp-card{text-align:center;padding:8px 6px;border-radius:var(--radius);border:1px solid var(--c-border)}
.gsc-opp-lowctr{background:#FEF9EC;border-color:#FCD34D}
.gsc-opp-decline{background:#FEF2F2;border-color:#FCA5A5}
.gsc-opp-rising{background:#F0FDF4;border-color:#6EE7B7}
.gsc-opp-num{font-size:16px;font-weight:800;color:var(--c-text)}
.gsc-opp-lbl{font-size:9.5px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}
.gsc-dp{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;vertical-align:middle;margin-left:3px}
.gsc-dp-up{color:#059669;background:#D1FAE5}
.gsc-dp-dn{color:#DC2626;background:#FEE2E2}
.gsc-insight-note{font-size:11px;color:#9CA3AF;margin:6px 20px 12px;padding:5px 10px;background:rgba(0,0,0,.02);border-left:2px solid #E5E7EB;border-radius:0 4px 4px 0;line-height:1.5}
.gsc-card-empty{padding:14px 20px}
.gsc-card-empty-title{font-size:13px;font-weight:600;color:var(--c-text);margin:0 0 5px}
.gsc-card-empty-sub{font-size:12px;color:#9CA3AF;margin:0 0 10px;line-height:1.5}
/* ============================================================
   GSC WORKFLOW ACTIONS — Phase 6D.2
   ============================================================ */
.gsc-mini-rq{background:#EDE9FE;color:#5B21B6;border:1px solid #DDD6FE}
.gsc-mini-rq:hover{background:#DDD6FE;color:#5B21B6}
.gsc-mini-search{background:#F0FDF4;color:#065F46;border:1px solid #6EE7B7}
.gsc-mini-search:hover{background:#D1FAE5;color:#065F46}
.pd-gsc-rec{background:#F8FAFF;border:1px solid #C7DDF4;border-radius:8px;padding:11px 13px;margin-top:10px}
.pd-gsc-rec-title{font-size:12.5px;font-weight:700;color:#1E3A5F;margin-bottom:5px}
.pd-gsc-rec-text{font-size:12px;color:#4B5563;margin:0 0 8px;line-height:1.5}
.pd-gsc-rec-actions{display:flex;gap:6px;flex-wrap:wrap}
.gsc-workflow-btn{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:5px;font-size:11.5px;font-weight:600;text-decoration:none;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-m);white-space:nowrap}
.gsc-workflow-btn:hover{background:#F3F4F6;text-decoration:none}
/* ============================================================
   GSC OPPORTUNITY STATE -- Phase 6D.3
   ============================================================ */
.gsc-state-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;vertical-align:middle}
.gsc-state-open{background:#F3F4F6;color:#4B5563}
.gsc-state-assigned{background:#EDE9FE;color:#5B21B6}
.gsc-state-in-review{background:#FEF3C7;color:#92400E}
.gsc-state-deferred{background:#E5E7EB;color:#9CA3AF}
.gsc-state-resolved{background:#D1FAE5;color:#065F46}
.gsc-state-row{margin-top:4px}
.gsc-update-details{margin-top:5px}
.gsc-update-summary{cursor:pointer;font-size:10.5px;color:var(--c-primary);font-weight:600;list-style:none;padding:2px 0;display:inline-block}
.gsc-update-summary::-webkit-details-marker{display:none}
.gsc-update-form{display:flex;flex-direction:column;gap:5px;margin-top:6px;padding:8px;background:#F9FAFB;border:1px solid var(--c-border);border-radius:6px}
.gsc-form-selects{display:flex;gap:4px;flex-wrap:wrap}
.gsc-form-sel{font-size:11px;padding:3px 5px;border:1px solid var(--c-border);border-radius:4px;background:var(--c-surface);color:var(--c-text);flex:1;min-width:76px}
.gsc-form-note{font-size:11px;padding:4px 6px;border:1px solid var(--c-border);border-radius:4px;width:100%;box-sizing:border-box;font-family:inherit}
.gsc-form-save{align-self:flex-start;padding:3px 10px;background:var(--c-primary);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}
.gsc-form-save:hover{background:var(--c-primary-d)}
.gsc-state-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0 14px;font-size:12px}
.gsc-ss-label{color:#9CA3AF;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.4px}
.gsc-ss-chip{padding:2px 8px;border-radius:4px;font-size:11px;background:#F3F4F6;color:#4B5563}
.gsc-ss-assigned{background:#EDE9FE;color:#5B21B6}
.gsc-ss-inreview{background:#FEF3C7;color:#92400E}
.gsc-ss-deferred{background:#E5E7EB;color:#9CA3AF}
.gsc-ss-resolved{background:#D1FAE5;color:#065F46}
.pd-gsc-state{margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.pd-gsc-owner{font-size:10.5px;font-weight:600;color:var(--c-text-m);background:#F3F4F6;padding:1px 6px;border-radius:3px}
.pd-gsc-note{font-size:11px;color:#9CA3AF;font-style:italic;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.gsc-sig-state{background:#EFF6FF;color:#1D4ED8}
.gsc-workflow-primary{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE}

/* ============================================================
   GSC OPPORTUNITY VISIBILITY -- Phase 6D.3B
   ============================================================ */
.gsc-filter-bar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:8px 0 12px}
.gsc-flt-sel{font-size:11.5px;padding:4px 8px;border:1px solid var(--c-border);border-radius:5px;background:var(--c-surface);color:var(--c-text);cursor:pointer}
.gsc-filter-clear{font-size:11.5px;color:var(--c-primary);text-decoration:none;padding:4px 8px;border:1px solid #BFDBFE;border-radius:5px;background:#EFF6FF;white-space:nowrap}
.gsc-filter-clear:hover{background:#DBEAFE}
.gsc-filter-empty{font-size:12.5px;color:#9CA3AF;padding:10px 0;margin:0;font-style:italic}
.gsc-ss-chip{text-decoration:none;transition:opacity .15s}
.gsc-ss-chip:hover{opacity:.8}
.gsc-ss-active{box-shadow:0 0 0 2px currentColor}
.gsc-owner-chip{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;background:#EDE9FE;color:#5B21B6;vertical-align:middle}
.gsc-pri-chip{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;vertical-align:middle}
.gsc-pri-high{background:#FEE2E2;color:#991B1B}
.gsc-pri-low{background:#F3F4F6;color:#6B7280}
.gsc-note-preview{font-size:10.5px;color:#6B7280;margin-top:3px;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsc-touched-cue{font-size:10px;color:#9CA3AF;margin-top:2px}
.gsc-row-assigned td{background:#FAFAFE}
.gsc-row-assigned td:first-child{box-shadow:inset 3px 0 0 0 #A78BFA}
.gsc-row-in-review td{background:#FFFBEB}
.gsc-row-in-review td:first-child{box-shadow:inset 3px 0 0 0 #FCD34D}
.gsc-row-deferred td{background:#FAFAFA;opacity:.85}
.gsc-row-deferred td:first-child{box-shadow:inset 3px 0 0 0 #D1D5DB}
.gsc-row-resolved td{background:#F0FDF4}
.gsc-row-resolved td:first-child{box-shadow:inset 3px 0 0 0 #34D399}
.gsc-row-touched td{background:#FAFBFF}
.gsc-row-touched td:first-child{box-shadow:inset 3px 0 0 0 #93C5FD}
.gsc-ownership-note{font-size:11px;color:#9CA3AF;margin:2px 0 16px;font-style:italic}
.pd-gsc-note-full{font-size:11.5px;color:#6B7280;margin:5px 0 0;font-style:italic;line-height:1.4}
.gsc-workflow-primary:hover{background:#DBEAFE;color:#1D4ED8}
/* ============================================================
   GSC WORKFLOW PANEL -- Phase 6D.3C
   ============================================================ */
.gsc-workflow-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.gsc-wp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.gsc-wp-title{font-size:13px;font-weight:700;color:var(--c-text)}
.gsc-wp-clear{font-size:11px;color:var(--c-primary);text-decoration:none;padding:2px 8px;border:1px solid #BFDBFE;border-radius:4px;background:#EFF6FF}
.gsc-wp-clear:hover{background:#DBEAFE}
.gsc-wp-helper{font-size:11.5px;color:#9CA3AF;margin:0 0 12px;line-height:1.4}
.gsc-wp-cards{display:flex;flex-wrap:wrap;gap:8px}
.gsc-wp-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:10px 14px;border-radius:8px;border:1.5px solid var(--c-border);min-width:72px;transition:border-color .15s,background .15s}
.gsc-wp-card:hover{border-color:var(--c-primary);background:#F0F6FF;text-decoration:none}
.gsc-wp-count{font-size:22px;font-weight:800;line-height:1;color:var(--c-text)}
.gsc-wp-label{font-size:10px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;white-space:nowrap}
.gsc-wp-open{border-color:#D1D5DB;background:#F9FAFB}
.gsc-wp-open .gsc-wp-count{color:#374151}
.gsc-wp-assigned{border-color:#DDD6FE;background:#F5F3FF}
.gsc-wp-assigned .gsc-wp-count{color:#6D28D9}
.gsc-wp-inreview{border-color:#FDE68A;background:#FFFBEB}
.gsc-wp-inreview .gsc-wp-count{color:#B45309}
.gsc-wp-deferred{border-color:#E5E7EB;background:#F9FAFB}
.gsc-wp-deferred .gsc-wp-count{color:#9CA3AF}
.gsc-wp-resolved{border-color:#A7F3D0;background:#F0FDF4}
.gsc-wp-resolved .gsc-wp-count{color:#059669}
.gsc-wp-active{border-width:2px!important;box-shadow:0 0 0 3px rgba(12,91,166,.12)}
.gsc-wp-open.gsc-wp-active{border-color:#6B7280;box-shadow:0 0 0 3px rgba(107,114,128,.12)}
.gsc-wp-assigned.gsc-wp-active{border-color:#6D28D9;box-shadow:0 0 0 3px rgba(109,40,217,.12)}
.gsc-wp-inreview.gsc-wp-active{border-color:#B45309;box-shadow:0 0 0 3px rgba(180,83,9,.12)}
.gsc-wp-resolved.gsc-wp-active{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.12)}
@media(max-width:640px){.gsc-wp-cards{gap:6px}.gsc-wp-card{min-width:60px;padding:8px 10px}.gsc-wp-count{font-size:18px}}
/* ============================================================
   GSC OPPORTUNITY REPORT -- Phase 6D.4
   ============================================================ */
.gsc-report-wrap{max-width:1320px;margin:0 auto;padding:24px}
.gsc-report-hdr{margin-bottom:20px}
.gsc-report-breadcrumb{font-size:12px;color:#9CA3AF;margin:0 0 6px}
.gsc-report-breadcrumb a{color:var(--c-primary);text-decoration:none}
.gsc-report-breadcrumb a:hover{text-decoration:underline}
.gsc-report-title{font-size:22px;font-weight:800;color:var(--c-text);margin:0 0 6px}
.gsc-report-subtitle{font-size:14px;color:#6B7280;margin:0 0 10px;line-height:1.5}
.gsc-report-meta{display:flex;flex-wrap:wrap;gap:4px 0;align-items:center;font-size:12px;color:#6B7280}
.gsc-report-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.gsc-rpt-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}
.gsc-rpt-section-title{font-size:16px;font-weight:700;color:var(--c-text);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.gsc-priority-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.gsc-priority-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#F9FAFB;border:1px solid var(--c-border);border-radius:8px}
.gsc-pri-rank{font-size:18px;font-weight:800;color:#9CA3AF;flex-shrink:0;width:24px;text-align:center;padding-top:2px}
.gsc-pri-body{flex:1;min-width:0}
.gsc-pri-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
.gsc-pri-title{font-size:13px;font-weight:600;color:var(--c-text);flex:1;min-width:120px}
.gsc-pri-why{font-size:12.5px;color:#4B5563;margin:0 0 4px;line-height:1.5}
.gsc-pri-action{font-size:12px;color:#6B7280;margin:0 0 6px}
.gsc-owner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gsc-owner-card{background:#F9FAFB;border:1px solid var(--c-border);border-radius:8px;padding:12px 14px}
.gsc-owner-name{font-size:12px;font-weight:700;color:var(--c-text);margin-bottom:2px}
.gsc-owner-count{font-size:20px;font-weight:800;color:var(--c-primary);line-height:1;margin-bottom:6px}
.gsc-owner-item{font-size:10.5px;color:#6B7280;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--c-border-l)}
.gsc-owner-action-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--c-border-l)}
.gsc-owner-action-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.gsc-owner-action-name{font-size:14px;font-weight:700;color:var(--c-text);margin:0 0 8px}
.gsc-owner-action-list{padding-left:18px;margin:0;font-size:12.5px;color:#4B5563;display:flex;flex-direction:column;gap:5px}
/* Live report card on /reports *.css */
.rpt-live-section{margin-bottom:20px}
.rpt-live-title{font-size:15px;font-weight:700;color:var(--c-text);margin:0 0 10px}
.rpt-live-cards{display:flex;flex-wrap:wrap;gap:12px}
.rpt-live-card{background:var(--c-surface);border:1px solid #BFDBFE;border-radius:var(--radius-lg);padding:16px 18px;min-width:260px;max-width:380px;box-shadow:var(--shadow-sm)}
.rpt-live-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c-primary);margin-bottom:5px}
.rpt-live-name{font-size:14px;font-weight:700;color:var(--c-text);margin-bottom:4px}
.rpt-live-desc{font-size:12px;color:#6B7280;margin:0 0 8px;line-height:1.5}
.rpt-live-status{margin-bottom:4px}
@media(max-width:960px){.gsc-owner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.gsc-owner-grid{grid-template-columns:1fr}.gsc-priority-item{flex-direction:column}.gsc-pri-rank{width:auto}}

/* ============================================================
   GSC REPORT ARCHIVE -- Phase 6D.5
   ============================================================ */
.gsc-snap-form{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.gsc-snap-form-note{font-size:12px;color:#9CA3AF;font-style:italic}
.gsc-snap-notice{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}
.gsc-snap-ok{background:#D1FAE5;color:#065F46;border:1px solid #6EE7B7}
.gsc-snap-ok a,.gsc-snap-notice-link{color:#065F46;font-weight:600;text-decoration:underline}
.gsc-snap-warn{background:#FEF3C7;color:#92400E;border:1px solid #FCD34D}
.gsc-snap-latest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:#F0F6FF;border:1px solid #C7DDF4;border-radius:8px;font-size:12.5px;color:#374151;margin-bottom:16px}
.gsc-snap-latest-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#9CA3AF}
.gsc-comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.gsc-comp-item{background:#F9FAFB;border:1px solid var(--c-border);border-radius:8px;padding:10px 12px;text-align:center}
.gsc-comp-lbl{font-size:10px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.gsc-comp-val{font-size:18px;font-weight:800}
.gsc-comp-good{color:#059669}
.gsc-comp-bad{color:#DC2626}
.gsc-comp-neutral{color:#9CA3AF}
@media(max-width:640px){.gsc-comp-grid{grid-template-columns:repeat(2,1fr)}}
/* ============================================================
   GSC ARCHIVE UX POLISH -- Phase 6D.5B
   ============================================================ */
@media(max-width:768px){.gsc-report-wrap{padding:16px}}
/* Archive summary strip */
.gsc-archive-summary{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px;color:#6B7280;padding:6px 0 14px}
.gsc-archive-note{font-size:12px;color:#9CA3AF;font-style:italic;margin:0 0 14px}
/* Historical snapshot note */
.gsc-historical-note{background:#FEF9EC;border:1px solid #FDE68A;border-radius:8px;padding:10px 14px;font-size:12.5px;color:#92400E;margin-bottom:16px;line-height:1.5}
.gsc-historical-note a{color:#B45309;font-weight:600;text-decoration:underline}
/* Improved latest snapshot card */
.gsc-snap-latest{background:var(--c-surface);border:1.5px solid #93C5FD;border-radius:10px;padding:14px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.gsc-snap-latest-info{flex:1;min-width:200px}
.gsc-snap-latest-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#9CA3AF;display:block;margin-bottom:3px}
.gsc-snap-latest-name{font-size:13px;font-weight:700;color:var(--c-text);display:block;margin-bottom:2px}
.gsc-snap-latest-date{font-size:11px;color:#9CA3AF;display:block;margin-bottom:7px}
.gsc-snap-latest-counts{display:flex;flex-wrap:wrap;gap:5px}
.gsc-snap-latest-counts span{background:#F3F4F6;padding:2px 7px;border-radius:4px;font-size:11px;color:#374151;white-space:nowrap}
/* Snapshot controls section */
.gsc-snap-controls{background:#F8FAFF;border:1px solid #DBEAFE;border-radius:8px;padding:11px 14px;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
/* ============================================================
   SIMPLIFICATION PASS -- Phase 6E-A
   ============================================================ */
/* Compact opportunity summary blocks in GSC Report */
.gsc-sum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.gsc-sum-block{background:#F9FAFB;border:1px solid var(--c-border);border-radius:8px;padding:12px 14px}
.gsc-sum-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.gsc-sum-title{font-size:12.5px;font-weight:700;color:var(--c-text)}
.gsc-sum-exlist{margin:0 0 8px;padding-left:14px;font-size:11.5px;color:#6B7280}
.gsc-sum-ex{padding:1px 0}
.gsc-sum-link{font-size:11.5px;font-weight:600;color:var(--c-primary);text-decoration:none}
.gsc-sum-link:hover{text-decoration:underline}
/* Snapshot detail focus note */
.gsc-snap-focus-note{font-size:12px;color:#9CA3AF;font-style:italic;margin:0 0 14px}
/* Collapsible details in snapshot detail */
.gsc-detail-collapse{margin-bottom:16px}
.gsc-detail-summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--c-text);padding:10px 14px;background:#F9FAFB;border:1px solid var(--c-border);border-radius:8px;list-style:none}
.gsc-detail-summary::-webkit-details-marker{display:none}
.gsc-detail-collapse[open] .gsc-detail-summary{border-radius:8px 8px 0 0;border-bottom:none}

/* ============================================================
   BRAND INTELLIGENCE -- Phase 6E-B
   ============================================================ */
.brand-score-good{color:#059669}
.brand-score-review{color:#B45309}
.brand-score-critical{color:#DC2626}
.gsc-detail-collapse[open] > *:not(summary){border:1px solid var(--c-border);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}
@media(max-width:640px){.gsc-sum-grid{grid-template-columns:1fr}}
/* Advisory row styling */
.gsc-priority-advisory{opacity:.92;background:#FAFBFF}
.gsc-priority-advisory .gsc-pri-rank{color:#9CA3AF}
.gsc-priority-advisory .gsc-pri-action{font-style:italic;color:#6B7280}
/* ============================================================
   WORK CENTER -- Phase 6E-C
   ============================================================ */
.wc-stream-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.wc-stream-card{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:8px;padding:12px 14px;text-align:center}
.wc-stream-num{font-size:22px;font-weight:800;color:var(--c-text);line-height:1;margin-bottom:4px}
.wc-stream-lbl{font-size:11px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}
.technical{border-color:#FCA5A5;background:#FEF2F2}.technical .wc-stream-num{color:#DC2626}
.refresh{border-color:#FDE68A;background:#FFFBEB}.refresh .wc-stream-num{color:#B45309}
.gsc{border-color:#A7F3D0;background:#F0FDF4}.gsc .wc-stream-num{color:#059669}
.brand{border-color:#DDD6FE;background:#F5F3FF}.brand .wc-stream-num{color:#6D28D9}
.wc-stream-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:700;white-space:nowrap}
.wc-stream-tech{background:#FEF2F2;color:#DC2626}
.wc-stream-refresh{background:#FFFBEB;color:#B45309}
.wc-stream-gsc{background:#F0FDF4;color:#059669}
.wc-stream-brand{background:#F5F3FF;color:#6D28D9}
.wc-table .gsc-tbl-url{max-width:200px}
.wc-stream-hint{font-size:10.5px;color:#6B7280;margin:4px 0 6px;line-height:1.4}
/* KPI sublabels */
.wc-kpi-sub{font-size:9.5px;color:#9CA3AF;margin-top:2px}
/* Start Here section */
.wc-start-here{background:#F8FAFF;border-color:#C7DDF4}
/* Start Here card grid */
.wc-start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.wc-start-card{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:14px 15px;display:flex;flex-direction:column;gap:6px;border-top:3px solid #E5E7EB;box-shadow:0 1px 3px rgba(0,0,0,.04)}
/* Workstream top-border accent */
.wc-start-technical{border-top-color:#FCA5A5}
.wc-start-refresh{border-top-color:#FCD34D}
.wc-start-gsc{border-top-color:#6EE7B7}
.wc-start-brand{border-top-color:#A78BFA}
.wc-start-head{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:2px}
.wc-start-title{font-size:13px;font-weight:700;color:#16191E;line-height:1.3}
.wc-start-desc{font-size:11.5px;color:#6B7280;line-height:1.4;flex:1}
.wc-start-action{font-size:11px;color:#374151;line-height:1.4;font-style:italic}
.wc-start-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:2px}
.wc-start-btn{align-self:flex-start;margin-top:auto;padding-top:6px}
@media(max-width:960px){.wc-stream-grid{grid-template-columns:repeat(2,1fr)}.wc-start-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wc-stream-grid{grid-template-columns:1fr 1fr}.wc-start-grid{grid-template-columns:1fr}}

/* ============================================================
   FIX GUIDE IN TABLE ROWS -- Phase 6F-B
   ============================================================ */
.wc-row-fix-guide{margin-top:5px}
.wc-row-fix-summary{cursor:pointer;font-size:10.5px;font-weight:600;color:var(--c-primary);list-style:none;display:inline-block;padding:1px 0}
.wc-row-fix-summary::-webkit-details-marker{display:none}
.wc-row-fix-body{background:#F9FAFB;border:1px solid var(--c-border);border-radius:5px;padding:7px 9px;margin-top:4px;display:flex;flex-direction:column;gap:3px;max-width:320px}
.wc-row-fix-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.wc-row-fix-why{color:#6B7280;margin:0;font-style:italic;font-size:10.5px;line-height:1.4}
.wc-row-fix-text{color:#374151;margin:0;font-size:11px;line-height:1.4}
.wc-row-fix-next{color:#9CA3AF;margin:0;font-size:10.5px}

/* ============================================================
   FIX RECOMMENDATIONS -- Phase 6F
   ============================================================ */
.wc-fix-guidance{padding:8px 0 4px;display:flex;flex-direction:column;gap:5px}
.wc-fix-mode{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:2px}
.wc-fix-why{font-size:11px;color:#6B7280;margin:0;line-height:1.4;font-style:italic}
.wc-fix-rec{font-size:11.5px;color:#374151;margin:0;line-height:1.4}

/* ============================================================
   PHASE 6G-D — FIX BRIEFS
   ============================================================ */

/* Accent button (Create Fix Brief) */
.btn-accent{background:#EEF2FF;color:#3730A3;border:1px solid #C7D2FE}
.btn-accent:hover{background:#E0E7FF;border-color:#818CF8}

/* Inline form button (compact, inline with link groups) */
.fb-inline-form{display:inline-flex;align-items:center;margin:0;padding:0}
.fb-wc-btn,.fb-gsc-btn{background:#EEF2FF;color:#3730A3;border:1px solid #C7D2FE;padding:2px 7px;border-radius:4px;font-size:11px;cursor:pointer;white-space:nowrap}
.fb-wc-btn:hover,.fb-gsc-btn:hover{background:#E0E7FF}

/* Fix Brief List page */
.fb-empty{text-align:center;padding:60px 20px;color:#6B7280}
.fb-empty-icon{font-size:40px;margin-bottom:12px}
.fb-empty-title{font-size:18px;font-weight:700;color:#374151;margin-bottom:8px}
.fb-empty-sub{font-size:13.5px;max-width:500px;margin:0 auto;line-height:1.6}
.fb-count{font-size:12px;color:#6B7280;margin:8px 0 12px}
.fb-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px;padding:10px 14px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:6px}
.fb-search{min-width:180px;padding:5px 10px;border:1px solid #D1D5DB;border-radius:5px;font-size:12.5px}

.fb-table{width:100%;border-collapse:collapse;font-size:12.5px}
.fb-th{text-align:left;font-size:11px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:2px solid #E5E7EB}
.fb-td{padding:10px;border-bottom:1px solid #F3F4F6;vertical-align:top}
.fb-td-date{white-space:nowrap;color:#6B7280;font-size:11.5px}
.fb-row:hover{background:#F9FAFB}
.fb-slug-link{font-weight:600;color:#1D4ED8;text-decoration:none}
.fb-slug-link:hover{text-decoration:underline}
.fb-slug-sub{font-size:11px;color:#9CA3AF;margin-top:2px;font-family:monospace}

/* Status badges */
.fb-status-badge{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px}
.fb-status-draft{background:#F3F4F6;color:#374151}
.fb-status-ready{background:#DCFCE7;color:#166534}
.fb-status-imported{background:#DBEAFE;color:#1E40AF}
.fb-status-archived{background:#FEF3C7;color:#92400E}

/* Issue chips */
.fb-issue-chip{display:inline-block;font-size:10px;font-weight:600;background:#EDE9FE;color:#5B21B6;padding:1px 6px;border-radius:4px;margin:1px 2px}

/* Flash message */
.fb-flash{background:#F0FDF4;border:1px solid #86EFAC;border-radius:6px;padding:10px 14px;margin-bottom:14px;font-size:13px;color:#166534;font-weight:600}

/* Fix Brief Detail page */
.fb-detail-wrap{max-width:900px}
.fb-detail-hdr{margin-bottom:20px}
.fb-detail-hdr-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.fb-detail-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 8px}
.fb-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}
.fb-detail-source{color:#6B7280}
.fb-detail-date{color:#9CA3AF}
.fb-detail-body{display:flex;flex-direction:column;gap:16px}

/* Sections */
.fb-section{background:#FAFAFA;border:1px solid #E5E7EB;border-radius:7px;padding:14px 16px}
.fb-section-title{font-size:13px;font-weight:700;color:#374151;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}
.fb-issue-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.fb-rec-text{font-size:13px;color:#374151;margin:6px 0 0;line-height:1.6}

/* Fields */
.fb-field{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:12.5px}
.fb-field-lbl{min-width:140px;flex-shrink:0;font-weight:600;color:#6B7280;font-size:11.5px;padding-top:1px}
.fb-field-val{color:#111827;word-break:break-word}
.fb-field-block{flex-direction:column;gap:4px}
.fb-field-val-block{font-size:12.5px;color:#111827;line-height:1.6}

/* Lists */
.fb-list{margin:4px 0 0 16px;padding:0;font-size:12.5px;color:#374151}
.fb-list li{margin-bottom:4px;line-height:1.5}

/* Signal groups */
.fb-signals-wrap{background:#FFF}
.fb-signal-group{margin-bottom:12px;border-bottom:1px solid #F3F4F6;padding-bottom:10px}
.fb-signal-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.fb-signal-grp-hd{font-size:11.5px;font-weight:700;color:#6B7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.fb-signal-list{display:flex;flex-direction:column;gap:5px}
.fb-signal-item{font-size:12px;color:#374151}
.fb-signal-code{font-family:monospace;font-size:11.5px;background:#F3F4F6;padding:1px 5px;border-radius:3px;color:#1D4ED8}
.fb-signal-ev{font-size:11px;color:#6B7280;margin-top:2px;font-style:italic}

/* Future action placeholder */
.fb-future{background:#F0F9FF;border-color:#BAE6FD;text-align:center;padding:20px}
.fb-flash--merge{background:#FFFBEB;border-color:#FCD34D;color:#92400E}
.fb-future-icon{font-size:24px;margin-bottom:8px}
.fb-future-title{font-size:13.5px;font-weight:700;color:#075985;margin-bottom:6px}
.fb-future-sub{font-size:12.5px;color:#0369A1;line-height:1.6;max-width:520px;margin:0 auto}

/* Update form */
.fb-update-form .gsc-filter-sel{font-size:12.5px}
.fb-note-inp{padding:5px 9px;border:1px solid #D1D5DB;border-radius:5px;font-size:12.5px;width:240px;max-width:100%}
.fb-form-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* History */
.fb-history{margin-top:4px}
.fb-history-toggle{cursor:pointer;font-size:12px;color:#6B7280;list-style:none;padding:4px 0}
.fb-history-list{display:flex;flex-direction:column;gap:5px;padding:6px 0 2px}
.fb-history-item{font-size:11.5px;color:#6B7280;padding:3px 0;border-bottom:1px solid #F3F4F6}
.fb-history-ts{font-family:monospace;font-size:10.5px;color:#9CA3AF}
.fb-history-by{font-weight:600;color:#374151}

/* ============================================================
   PHASE 6G-D2C — FIX QUEUE
   ============================================================ */

/* Diagnostic notice (Work Center / Actions / Brand pages) */
.fq-diagnostic-notice{background:#FFFBEB;border-bottom:1px solid #FCD34D;padding:10px 20px;font-size:12.5px;color:#92400E}
.fq-notice-link{color:#1D4ED8;font-weight:600;text-decoration:none}
.fq-notice-link:hover{text-decoration:underline}

/* Overview Fix Queue action block */
.fq-action-block{background:#F0F9FF;border:1px solid #BAE6FD;border-radius:8px;padding:16px 20px;margin:12px 0 18px}
.fq-action-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.fq-action-title{font-size:14px;font-weight:700;color:#075985}
.fq-open-btn{background:#0369A1;color:#fff;border-color:#0369A1}
.fq-open-btn:hover{background:#075985}
.fq-action-cards{display:flex;gap:10px;flex-wrap:wrap}
.fq-action-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #BAE6FD;border-radius:7px;padding:10px 16px;min-width:90px;text-align:center;text-decoration:none;transition:border-color .15s}
.fq-action-card:hover{border-color:#0369A1;background:#F0F9FF}
.fq-action-n{font-size:22px;font-weight:700;line-height:1.1;border-radius:4px;padding:0 4px}
.fq-action-l{font-size:11px;color:#6B7280;margin-top:3px}
.fq-n-red   {color:#DC2626}
.fq-n-amber {color:#D97706}
.fq-n-gray  {color:#6B7280}
.fq-n-blue  {color:#2563EB}
.fq-n-green {color:#16A34A}
.fq-kpi-high .gsc-kpi-num{color:#DC2626}

/* Fix Queue table */
.fq-table{width:100%;border-collapse:collapse;font-size:12.5px}
.fq-th{text-align:left;font-size:11px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:2px solid #E5E7EB;white-space:nowrap}
.fq-td{padding:10px;border-bottom:1px solid #F3F4F6;vertical-align:top}
.fq-row:hover{background:#FAFAFA}

/* Title cell */
.fq-td-title{max-width:320px}
.fq-title-text{font-weight:600;color:#111827;font-size:12.5px;margin-bottom:5px;line-height:1.3;word-break:break-word}
.fq-type-badge{display:inline-block;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.fq-type-blog{background:#DBEAFE;color:#1E40AF}
.fq-type-page{background:#F3F4F6;color:#6B7280}
.fq-type-product{background:#FEF3C7;color:#92400E}
.fq-type-industry{background:#EDE9FE;color:#5B21B6}

/* Issue chips */
.fq-issue-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.fq-issue-chip{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px}
.fq-issue-stale  {background:#FEF3C7;color:#92400E}
.fq-issue-meta   {background:#F3F4F6;color:#374151}
.fq-issue-err    {background:#FEE2E2;color:#991B1B}
.fq-issue-gsc    {background:#DBEAFE;color:#1E40AF}
.fq-issue-brand  {background:#EDE9FE;color:#5B21B6}
.fq-issue-other  {background:#F3F4F6;color:#6B7280}
.fq-issue-more   {background:#F9FAFB;color:#9CA3AF;border:1px solid #E5E7EB}

/* Source chips */
.fq-src-chip{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;margin:1px 2px}
.fq-src-none{font-size:11px;color:#9CA3AF}
.fq-src-internal {background:#F0FDF4;color:#166534;border:1px solid #BBF7D0}
.fq-src-gsc      {background:#EFF6FF;color:#1E40AF;border:1px solid #BFDBFE}
.fq-src-brand    {background:#F5F3FF;color:#5B21B6;border:1px solid #C4B5FD}
.fq-src-refresh  {background:#FFFBEB;color:#92400E;border:1px solid #FDE68A}
.fq-src-fixplan  {background:#DCFCE7;color:#166534;border:1px solid #86EFAC}

/* Priority badges */
.fq-pri-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}
.fq-pri-high {background:#FEE2E2;color:#991B1B}
.fq-pri-med  {background:#FEF3C7;color:#92400E}
.fq-pri-low  {background:#F3F4F6;color:#6B7280}

/* Owner/status cell */
.fq-owner{font-size:12px;font-weight:600;color:#374151}
.fq-status-lbl{font-size:10.5px;color:#9CA3AF;margin-top:2px;text-transform:capitalize}

/* Action cell */
.fq-td-action{white-space:nowrap}
.fq-action-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fq-open-plan-btn{white-space:nowrap}
.fq-detail-btn{color:#6B7280}
.fq-filter-bar{gap:6px}

/* Fix Queue: Start Here section */
.fq-start-here{background:#F0F9FF;border:1px solid #BAE6FD;border-radius:8px;padding:16px;margin:14px 0 8px}
.fq-sh-hdr{margin-bottom:14px}
.fq-sh-hdr-title{font-size:14px;font-weight:700;color:#075985;margin-bottom:2px}
.fq-sh-hdr-sub{font-size:12px;color:#0284C7}
.fq-sh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.fq-sh-card{background:#fff;border:1px solid #BAE6FD;border-radius:7px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.fq-sh-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.fq-sh-title{font-size:12.5px;font-weight:600;color:#111827;line-height:1.35;margin-bottom:2px}
.fq-sh-src{font-size:10.5px;color:#6B7280;margin-left:auto}

/* Fix Queue: All Items heading */
.fq-all-hdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #E5E7EB}
.fq-all-title{font-size:14px;font-weight:700;color:#374151;margin:0}

/* Fix Plans: status buckets */
.fb-buckets{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.fb-bucket-chip{display:flex;align-items:center;gap:6px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:6px;padding:5px 10px;text-decoration:none;transition:border-color .15s}
.fb-bucket-chip:hover{border-color:#C7D2FE;background:#EEF2FF}
.fb-bucket-n{font-size:13px;font-weight:700;color:#374151}

/* ============================================================
   PHASE 6G-D2E — FINAL UX POLISH
   ============================================================ */

/* Overview Start Here section */
.ovw-start-here{background:#F0F9FF;border:1px solid #BAE6FD;border-radius:8px;padding:16px 20px;margin:0 0 14px}
.ovw-sh-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.ovw-sh-title-text{font-size:14px;font-weight:700;color:#075985}
.ovw-sh-all{font-size:12px;color:#0369A1;text-decoration:none;font-weight:600}
.ovw-sh-all:hover{text-decoration:underline}
.ovw-sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ovw-sh-card{background:#fff;border:1px solid #BAE6FD;border-radius:7px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.ovw-sh-card-hdr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ovw-sh-title{font-size:12.5px;font-weight:600;color:#111827;line-height:1.35}
.ovw-sh-chips{display:flex;flex-wrap:wrap;gap:3px}
.ovw-sh-reason{font-size:10.5px;color:#6B7280;margin-left:auto;font-style:italic}
.ovw-sh-action{margin-top:2px}

/* Overview diagnostics collapse section */
.ovw-diag-details{margin-top:14px;border:1px solid #E5E7EB;border-radius:7px;overflow:hidden}
.ovw-diag-summary{cursor:pointer;padding:10px 16px;font-size:12.5px;font-weight:600;color:#374151;background:#F9FAFB;list-style:none;display:flex;align-items:center;gap:6px}
.ovw-diag-summary::before{content:'▸';font-size:11px;color:#9CA3AF;transition:transform .15s}
details[open].ovw-diag-details .ovw-diag-summary::before{content:'▾'}
.ovw-diag-body{padding:0 0 8px}
.ovw-diag-twocol{opacity:.85}

/* Fix Queue: Start Here reason chip */
.fq-sh-reason-chip{font-size:10.5px;color:#6B7280;background:#F9FAFB;padding:1px 6px;border-radius:4px;margin-left:auto;border:1px solid #E5E7EB;font-style:italic;white-space:nowrap}

/* Fix Queue: overflow note */
.fq-overflow-note{font-size:12px;color:#6B7280;background:#FFFBEB;border:1px solid #FDE68A;border-radius:5px;padding:6px 12px;margin:0 0 8px}

/* Fix Plans: duplicate notice */
.fb-dup-notice{background:#FFFBEB;border:1px solid #FCD34D;border-radius:5px;padding:8px 12px;font-size:12px;color:#92400E;margin:8px 0 10px}

/* Fix Plans: archive/active link */
.fb-archive-link{font-size:12px;color:#6B7280;margin:4px 0 8px}
.fb-archive-link a{color:#2563EB;text-decoration:none}
.fb-archive-link a:hover{text-decoration:underline}

/* Phase 6G-D2F: duplicate plans collapse section */
.fb-dup-collapse{border:1px solid #FDE68A;border-radius:6px;overflow:hidden}
.fb-dup-summary{cursor:pointer;padding:8px 14px;background:#FFFBEB;font-size:12.5px;font-weight:600;color:#92400E;list-style:none;display:flex;align-items:center;gap:6px}
.fb-dup-summary::-webkit-details-marker{display:none}
.fb-dup-section{padding:10px 14px}
.fb-dup-info{font-size:12px;color:#6B7280;margin:0 0 10px;line-height:1.5}

/* ============================================================
   PHASE 6G-D2G — COMPACT COMMAND HEADER
   ============================================================ */

/* Outer shell — full-width blue gradient card */
.cmd-hdr {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg, var(--c-hero-from), var(--c-hero-to));
  border-radius: var(--radius-lg);
  padding: 16px 24px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

/* Subtle decorative shimmer */
.cmd-hdr::after {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  background: rgba(255,255,255,.04);
  border-radius: 50%;
  pointer-events: none;
}

/* Left side */
.cmd-hdr-left   { display: flex; flex-direction: column; gap: 4px; }
.cmd-hdr-brand  { font-size: 16px; font-weight: 800; color: #fff; letter-spacing: -.3px; }
.cmd-intel-word { color: rgba(255,255,255,.65); font-weight: 400; }
.cmd-hdr-tagline{ font-size: 11.5px; color: rgba(255,255,255,.65); margin-top: 1px; }
.cmd-hdr-meta   { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.cmd-meta-item  { font-size: 11px; color: rgba(255,255,255,.55); display: flex; align-items: center; gap: 4px; }
.cmd-meta-badge { font-size: 10.5px !important; padding: 2px 8px !important; }

/* Right side — compact score panel */
.cmd-hdr-right  {
  background: var(--c-score-bg);
  border-radius: 8px;
  padding: 10px 16px;
  min-width: 110px;
  text-align: center;
  flex-shrink: 0;
}
.cmd-score-lbl  { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.45); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.cmd-score-row  { display: flex; align-items: baseline; justify-content: center; gap: 3px; }
.cmd-score-num  { font-size: 32px; font-weight: 900; line-height: 1; letter-spacing: -1px; }
.cmd-score-denom{ font-size: 13px; color: rgba(255,255,255,.3); }
.cmd-score-bar-wrap { margin-top: 8px; }
.cmd-score-bar  { height: 4px; background: rgba(255,255,255,.12); border-radius: 2px; overflow: hidden; }
.cmd-score-bar-fill { height: 100%; border-radius: 2px; transition: width .4s ease; }

/* Status badge — high-contrast on dark blue background */
.cmd-status-badge {
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  display: inline-block;
  white-space: nowrap;
}
.cmd-badge-healthy  { background: rgba(74,222,128,.22); color: #DCFCE7; border: 1px solid rgba(74,222,128,.3); }
.cmd-badge-warn     { background: rgba(251,191,36,.22); color: #FEF9C3; border: 1px solid rgba(251,191,36,.35); }
.cmd-badge-critical { background: rgba(248,113,113,.22); color: #FEE2E2; border: 1px solid rgba(248,113,113,.3); }

/* Optional workflow steps in tagline */
.cmd-workflow-steps { font-size: 10px; color: rgba(255,255,255,.38); margin-left: 6px; letter-spacing: .03em; }

/* Responsive: stack on mobile */
@media (max-width: 580px) {
  .cmd-hdr {
    grid-template-columns: 1fr;
  }
  .cmd-hdr-right {
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    min-width: unset;
    padding: 8px 12px;
  }
  .cmd-score-row { justify-content: flex-start; }
  .cmd-score-bar-wrap { flex: 1; }
}

/* Start Here subtext */
.ovw-sh-subtext { font-size: 11.5px; color: #6B7280; margin-top: 2px; }

/* ============================================================
   PHASE 6G-D2H — ENTERPRISE HERO SUPPORTING STYLES
   ============================================================ */

/* Hero meta row (audit date + trend badge) */
.hero-date-icon { display: inline-flex; align-items: center; margin-right: 2px; opacity: .55; }
.hero-date { font-size: 12px; color: rgba(255,255,255,.7); }

/* Hero empty state */
.hero-grid-empty .hero-left { padding: 28px 32px; }
.hero-no-data { font-size: 13px; color: rgba(255,255,255,.5); margin-top: 12px; }

/* Hero shield decorative background element */
.hero-shield-deco { position: absolute; right: 0; bottom: 0; pointer-events: none; }

/* Responsive: enterprise hero grid on mobile */
@media (max-width: 640px) {
  .hero-grid { grid-template-columns: 1fr; }
  .score-panel { border-radius: 0 0 var(--radius-lg) var(--radius-lg); padding: 20px 24px; }
  .hero-shield-deco { display: none; }
}

/* Phase 6G-D2G cmd-hdr remains defined but is no longer used as primary header */
.wc-fix-next{font-size:11px;color:#9CA3AF;margin:0}