/* =========================================================
   Fix Pallini — Active Problems Dashboard
   Core / page / hero / filters. Scope: fpa-*
   ========================================================= */
:root{
  --fpa-bg:#07111f;
  --fpa-card:#0f172a;
  --fpa-card2:#111c2e;
  --fpa-line:#2b3b52;
  --fpa-text:#f8fafc;
  --fpa-muted:#94a3b8;
  --fpa-blue:#0ea5e9;
  --fpa-blue2:#2563eb;
  --fpa-green:#22c55e;
  --fpa-orange:#f59e0b;
  --fpa-red:#dc2626;
  --fpa-purple:#9333ea;
  --fpa-radius:22px;
  --fpa-shadow:0 16px 40px rgba(2,6,23,.30);
}

html body .lpm-active-page-wrap,
html body .entry-content,
html body .wp-block-post-content{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}

.fpa-page,
.fpa-page *{box-sizing:border-box}
.fpa-page button{font:inherit}
.fpa-page{
  width:100%;
  max-width:1180px;
  min-height:100vh;
  margin:0 auto;
  padding:28px 18px 42px;
  color:var(--fpa-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:var(--fpa-bg);
}
.fpa-kicker,.fpa-panel-kicker{
  display:inline-flex;
  color:var(--fpa-blue2);
  font-size:12px;
  line-height:1.2;
  letter-spacing:0;
  font-weight:700;
  text-transform:none;
}

/* Shared public navigation */
.fpa-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid var(--fpa-line);
  border-radius:20px;
  background:rgba(15,23,42,.94);
  box-shadow:0 14px 34px rgba(2,6,23,.24);
}
.fpa-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.fpa-brand-mark{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:#111c2e;
  color:#fff;
  font-size:14px;
  font-weight:850;
}
.fpa-brand strong{display:block;color:#fff;font-size:16px;line-height:1.15;font-weight:800}
.fpa-brand span{display:block;margin-top:3px;color:var(--fpa-muted);font-size:11px;line-height:1.3;font-weight:600}
.fpa-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.fpa-top-link{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid var(--fpa-line);
  border-radius:999px;
  background:#111c2e;
  color:#e2e8f0!important;
  text-decoration:none!important;
  font-size:12px;
  line-height:1;
  font-weight:750;
}
.fpa-top-link:hover,.fpa-top-link:focus-visible{border-color:#60a5fa;background:#172033;color:#fff!important;outline:none}
.fpa-top-link.is-current{border-color:rgba(96,165,250,.48);color:#bfdbfe!important}
.fpa-top-link.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--fpa-blue),var(--fpa-blue2));color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.24)}
@media(max-width:760px){
  .fpa-topbar{align-items:flex-start;flex-direction:column}
  .fpa-top-actions{width:100%;justify-content:stretch}
  .fpa-top-link{flex:1 1 auto}
}

/* Hero */
.fpa-hero{
  border:1px solid var(--fpa-line);
  border-radius:var(--fpa-radius);
  background:linear-gradient(145deg,#0f172a 0%,#111f35 100%);
  box-shadow:var(--fpa-shadow);
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
}
.fpa-hero h1{
  margin:8px 0 10px;
  color:var(--fpa-text);
  font-size:clamp(36px,4vw,40px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:850;
}
.fpa-hero p{
  max-width:760px;
  margin:0;
  color:var(--fpa-muted);
  font-size:16px;
  line-height:1.58;
  font-weight:400;
}
.fpa-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,104px);
  gap:10px;
}
.fpa-hero-stat{
  min-height:104px;
  border-radius:18px;
  background:#111c2e;
  border:1px solid var(--fpa-line);
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px 8px;
}
.fpa-hero-stat strong{display:block;color:var(--fpa-text);font-size:32px;line-height:1;font-weight:850}
.fpa-hero-stat span{display:block;margin-top:7px;color:var(--fpa-muted);font-size:12px;font-weight:600}

/* Top filters */
.fpa-toolbar{
  margin-top:16px;
  padding:16px;
  display:grid;
  gap:12px;
  border:1px solid var(--fpa-line);
  border-radius:var(--fpa-radius);
  background:#0f172a;
  box-shadow:var(--fpa-shadow);
}
.fpa-area-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fpa-filter-label{color:var(--fpa-text);font-weight:700;font-size:13px;margin-right:3px}
.fpa-area-btn{
  min-height:38px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#111c2e;
  color:#dbeafe;
  padding:0 15px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.fpa-area-btn:hover,.fpa-area-btn:focus-visible{border-color:#60a5fa;background:#172033;color:#fff;outline:none}
.fpa-area-btn.is-active{
  border-color:var(--fpa-blue2);
  color:#fff;
  background:var(--fpa-blue2);
  box-shadow:0 8px 20px rgba(37,99,235,.20);
}
.fpa-category-strip{display:flex;gap:9px;overflow-x:auto;padding:3px 0 5px;scrollbar-width:thin}
.fpa-category-pill{
  flex:0 0 auto;
  min-height:54px;
  border:1px solid #cbd5e1;
  border-radius:16px;
  background:#111c2e;
  color:var(--fpa-text);
  padding:7px 10px 7px 8px;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.fpa-category-pill:hover,.fpa-category-pill:focus-visible{border-color:#60a5fa;background:#172033;outline:none}
.fpa-category-pill.is-active{border-color:var(--fpa-blue2);background:var(--fpa-blue2);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.20)}
.fpa-category-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#172033;color:#60a5fa;font-size:18px;flex:0 0 auto;overflow:hidden}
.fpa-category-mark img{width:29px;height:29px;object-fit:contain}
.fpa-category-mark--all{background:linear-gradient(135deg,var(--fpa-green),var(--fpa-blue))!important;color:#fff}
.fpa-category-pill.is-active .fpa-category-mark{background:rgba(255,255,255,.18);color:#fff}
.fpa-category-pill strong{font-size:13px;line-height:1.2;white-space:nowrap;font-weight:700}
.fpa-category-pill em{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#1e3a5f;color:#bfdbfe;font-style:normal;font-size:12px;font-weight:800}
.fpa-category-pill.is-active em{background:#fff;color:#1d4ed8}
.fpa-category-pill[hidden],.fpa-banner[hidden]{display:none!important}

body.lpm-active-reports-public-page,
body.lpm-active-reports-public-page #page,
body.lpm-active-reports-public-page .site,
body.lpm-active-reports-public-page .site-content,
body.lpm-active-reports-public-page #content,
body.lpm-active-reports-public-page .content-area,
body.lpm-active-reports-public-page .site-main,
body.lpm-active-reports-public-page article,
body.lpm-active-reports-public-page .entry-content{
  background:#07111f!important;
}

/* Route-scoped theme footer */
body.lpm-active-reports-public-page .site-info,
body.lpm-active-reports-public-page .site-footer .site-info,
body.lpm-active-reports-public-page footer .site-info{
  margin:0!important;
  padding:10px 16px!important;
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:400!important;
  text-align:center!important;
  text-transform:none!important;
  background:#07111f!important;
  border:0!important;
}
body.lpm-active-reports-public-page .site-info a,
body.lpm-active-reports-public-page .site-footer .site-info a{font-size:inherit!important;font-weight:500!important;color:inherit!important}

/* REAL INTEGRATION 4: core active report layout token bridge */
html[data-admin-source-layout-bridge-active="1"] .fp-active-card {
  border-radius: var(--fp-card-radius, 18px);
}