:root{--blue:#124e78;--dark:#0b2739;--green:#175f45;--gold:#d6a536;--light:#f4f7fb;--line:#d5dde5;--red:#9b1c31}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:#17212b}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--dark),var(--blue));padding:20px}.login-card{width:min(440px,100%);background:white;border-radius:18px;padding:26px;box-shadow:0 10px 30px #0004}.login-card h1{margin:0;color:var(--blue)}.login-card h2{margin:4px 0 8px}.small{font-size:13px;color:#667}.message{color:var(--red);font-size:13px;margin-top:8px}.topbar{background:linear-gradient(90deg,var(--dark),var(--blue));color:white;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar h1{margin:0;font-size:25px}.topbar p{margin:4px 0 0;}.userbox{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button{border:none;padding:10px 14px;border-radius:8px;background:#e8edf3;cursor:pointer;font-weight:700}button.primary{background:var(--gold);color:#111}.tabs{display:flex;overflow-x:auto;gap:4px;padding:8px;background:white;border-bottom:1px solid var(--line)}.tab.active{background:var(--green);color:white}main{padding:18px}.view{display:none}.view.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:16px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0001}.card strong{font-size:32px;display:block;color:var(--blue)}.card span{font-weight:700}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin:5px 0 10px;font:inherit}textarea{resize:vertical}.list{display:grid;gap:10px;margin-top:10px}.item{border:1px solid var(--line);border-left:6px solid var(--blue);background:#fff;border-radius:8px;padding:10px}.item strong{color:var(--dark)}.meta{color:#546;font-size:13px;margin-top:4px}.contact-card{background:#edf7ff;border:1px solid #b7d9f2;border-radius:10px;padding:12px;margin:10px 0}.alert{border-left:6px solid var(--gold);background:#fffaf0}.notice{border-left:6px solid var(--green)}.actions{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.checkline{display:flex;gap:8px;align-items:center}.checkline input{width:auto}.report h3{border-bottom:2px solid var(--dark);padding-bottom:8px}.report .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.report .metric{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fafafa}.report .metric b{display:block;font-size:22px;color:var(--blue)}footer{text-align:center;padding:20px;color:#667}@media(max-width:800px){.cards,.grid.two,.grid.three,.report .metric-grid{grid-template-columns:1fr}.topbar{display:block}.userbox{margin-top:12px}.topbar h1{font-size:21px}}

@media print {

  .tabs,
  .topbar button,
  footer,
  form,
  #dashboard,
  #churches,
  #emailCenter,
  #followups,
  #leadOfficer,
  #helpTraining,
  #admin {
    display: none !important;
  }

  body {
    background: white;
  }

  #appShell,
  .view.active,
  #reports {
    display: block !important;
  }

  .panel,
  .card {
    box-shadow: none;
    border: 1px solid #aaa;
  }
}

/* CORMS 6.1 Professional branding and platform presentation */
:root{--mis-emerald:#0f8a5f;--charcoal:#444444;--muted:#667085}
body{font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif}
.brand-block{text-align:center;margin-bottom:18px}.brand-block h1{font-size:22px;line-height:1.25;color:var(--dark);margin:0}.brand-block h2{font-size:34px;color:var(--blue);margin:5px 0}.subtitle{font-weight:700;color:var(--charcoal);margin:0}.slogan{font-style:italic;color:#626b73;margin:8px 0 0}.topbar-slogan{font-size:13px;font-style:italic;opacity:.9}.developer-signature{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:22px;font-size:12px;color:var(--charcoal);font-family:Inter,"Segoe UI",Arial,sans-serif}.developer-signature strong{font-size:14px;color:var(--mis-emerald);font-weight:700}.developer-signature em{font-size:11px;color:var(--charcoal)}
.mission-panel{border-left:6px solid var(--gold);background:linear-gradient(135deg,#fffdf6,#ffffff);margin-bottom:16px}.mission-panel h3{margin-top:0;color:var(--dark)}.mission-panel p{font-size:16px;line-height:1.55;margin-bottom:0}
.section-heading{margin-bottom:16px}.section-heading h2{margin-bottom:6px}.section-heading p{max-width:900px;color:#52606d;line-height:1.5}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 6px #0000000d;position:relative}.platform-card.active-platform{border:2px solid var(--green);background:linear-gradient(145deg,#f2fff9,#fff)}.platform-icon{font-size:30px}.platform-card h3{margin:8px 0}.platform-card p{color:#52606d;line-height:1.45}.status-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.status-badge.live{background:#dff6e9;color:#0e6548}.status-badge.planned{background:#eef1f5;color:#59636e}.platform-open{margin-top:6px;background:var(--green);color:white}
footer{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;border-top:1px solid var(--line);background:white}.footer-signature{margin-top:0}.footer-signature strong{font-size:13px}
@media(max-width:1000px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.platform-grid{grid-template-columns:1fr}footer{display:block}.footer-signature{margin-top:12px}}

/* =====================================================
   CORMS 6.1 PROFESSIONAL — PRINT FORMATTING
   ===================================================== */

@media print {

  @page {
    size: letter portrait;
    margin: 0.55in;
  }

  body {
    background: white !important;
    color: #111 !important;
    font-size: 10.5pt;
  }

  /* Hide application controls when printing */
  .topbar,
  .sidebar,
  .tabs,
  .actions,
  button,
  #firstLoginNotice,
  footer {
    display: none !important;
  }

  .app-layout,
  .content-area {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .view {
    display: none !important;
  }

  .view.active {
    display: block !important;
  }

  /* Keep report sections and cards together */
  .report .panel,
  .report-section,
  .print-section,
  .executive-card,
  .snapshot-row,
  .attention-row,
  .item,
  table,
  tr,
  article {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Keep headings with the information following them */
  h1,
  h2,
  h3,
  h4 {
    break-after: avoid;
    page-break-after: avoid;
  }

  /* Avoid isolated lines at page boundaries */
  p,
  li {
    orphans: 3;
    widows: 3;
  }

  /* Allow long activity lists to flow naturally */
  .email-activity-list,
  .communication-timeline,
  .report-detail-list {
    break-inside: auto;
    page-break-inside: auto;
  }

  /* Start major report sections on a new page when desired */
  .print-page-break {
    break-before: page;
    page-break-before: always;
  }

  .panel,
  .report {
    box-shadow: none !important;
    border-color: #aaa !important;
  }

  a {
    color: #111 !important;
    text-decoration: none !important;
  }
}

/* =====================================================
   CORMS 6.1 PROFESSIONAL — LEFT NAVIGATION
   ===================================================== */

.app-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  min-height:calc(100vh - 110px);
}

.sidebar{
  background:linear-gradient(180deg,var(--dark),var(--blue));
  color:white;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.sidebar-title{
  padding:5px 12px 18px;
  border-bottom:1px solid rgba(255,255,255,.18);
  margin-bottom:12px;
}

.sidebar-title span{
  display:block;
  font-size:20px;
  font-weight:800;
}

.sidebar-title small{
  display:block;
  margin-top:3px;
  font-size:12px;
  letter-spacing:.8px;
  color:#d9e5ec;
}

.sidebar .tabs{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:0;
  background:transparent;
  border:0;
  overflow:visible;
}

.sidebar .tab{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  padding:12px 13px;
  border-radius:9px;
  background:transparent;
  color:#edf5fa;
  font-size:14px;
  font-weight:600;
}

.sidebar .tab i{
    width:24px;
    min-width:24px;
    text-align:center;
    color:#7fd3ff;
    font-size:17px;
}

.sidebar .tab span{
    flex:1;
}

.sidebar .tab:hover{
  background:rgba(255,255,255,.11);
}

.sidebar .tab.active{
  background:var(--green);
  color:white;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}

.sidebar-developer{
  margin-top:auto;
  padding:18px 10px 5px;
  border-top:1px solid rgba(255,255,255,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:3px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}

.sidebar-developer span{
  font-size:10px;
  color:#cbd6dc;
}

.sidebar-developer strong{
  font-size:13px;
  color:#38d996;
}

.sidebar-developer em{
  font-size:10px;
  line-height:1.35;
  color:#d8e1e6;
}

.content-area{
  min-width:0;
  padding:22px;
}

/* =====================================================
   EXECUTIVE DASHBOARD
   ===================================================== */

.dashboard-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}

.dashboard-heading h2{
  margin:0 0 5px;
  color:var(--dark);
  font-size:27px;
}

.dashboard-heading p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.version-badge{
  display:inline-flex;
  align-items:center;
  background:#e9f6ef;
  color:#176746;
  border:1px solid #b8dfca;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.executive-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin:18px 0;
}

.executive-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:white;
  border:1px solid var(--line);
  border-radius:15px;
  padding:18px;
  box-shadow:0 4px 13px rgba(15,47,70,.08);
}

.executive-icon{
  width:50px;
  height:50px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#eef5fa;
  font-size:25px;
}

.executive-card strong{
  display:block;
  color:var(--blue);
  font-size:31px;
  line-height:1;
}

.executive-card h3{
  margin:7px 0 4px;
  font-size:15px;
}

.executive-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}

.dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:18px;
}

.snapshot-row,
.attention-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid #e5e9ed;
}

.snapshot-row:last-child,
.attention-row:last-child{
  border-bottom:0;
}

.snapshot-row strong,
.attention-row strong{
  color:var(--blue);
}

/* =====================================================
   CORMS 6.1 PROFESSIONAL — EXECUTIVE DASHBOARD 2.0
   ===================================================== */

.executive-heading{
  padding-bottom:6px;
}

.dashboard-eyebrow{
  margin:0 0 6px !important;
  color:var(--green) !important;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:1.2px;
}

.dashboard-heading-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.dashboard-date{
  color:#667085;
  font-size:12px;
  font-weight:600;
}

.executive-cards-primary{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.executive-card{
  position:relative;
  overflow:hidden;
  min-height:135px;
}

.executive-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
}

.executive-card-blue::after{
  background:var(--blue);
}

.executive-card-green::after{
  background:var(--green);
}

.executive-card-gold::after{
  background:var(--gold);
}

.executive-card-red::after{
  background:var(--red);
}

.metric-label{
  display:block;
  margin-bottom:7px;
  color:#59636e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}

.executive-cards-secondary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}

.mini-kpi-card{
  background:white;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  box-shadow:0 2px 7px rgba(15,47,70,.06);
}

.mini-kpi-card span{
  display:block;
  min-height:32px;
  color:#59636e;
  font-size:11px;
  font-weight:700;
  line-height:1.35;
}

.mini-kpi-card strong{
  display:block;
  margin-top:7px;
  color:var(--blue);
  font-size:25px;
}

.panel-heading-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:12px;
}

.panel-heading-row h3{
  margin:0 0 4px;
  color:var(--dark);
}

.panel-heading-row p{
  margin:0;
  color:#667085;
  font-size:12px;
}

.snapshot-row,
.attention-row{
  align-items:center;
}

.snapshot-row > div,
.attention-row > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.snapshot-label,
.attention-row span{
  color:#263746;
  font-weight:700;
}

.snapshot-row small,
.attention-row small{
  color:#7a8490;
  font-size:11px;
}

.snapshot-row strong,
.attention-row strong{
  color:var(--blue);
  font-size:20px;
}

.attention-row.urgent{
  margin:0 -10px;
  padding-left:10px;
  padding-right:10px;
  background:#fff4f2;
  border-left:4px solid var(--red);
}

.attention-row.urgent strong{
  color:var(--red);
}

.pipeline-chart{
  display:grid;
  gap:15px;
  padding-top:5px;
}

.pipeline-row-heading{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
  color:#304454;
  font-size:12px;
}

.pipeline-row-heading span{
  font-weight:700;
}

.pipeline-row-heading strong{
  color:var(--blue);
}

.pipeline-track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eef2;
}

.pipeline-fill{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--green),
    var(--blue)
  );
}

.activity-feed{
  display:grid;
}

.activity-feed-item{
  display:flex;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #e5e9ed;
}

.activity-feed-item:last-child{
  border-bottom:0;
}

.activity-feed-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef5fa;
  font-size:18px;
}

.activity-feed-content{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.activity-feed-content strong{
  color:#263746;
  font-size:12px;
}

.activity-feed-content span{
  overflow:hidden;
  color:#59636e;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.activity-feed-content small{
  color:#8a949e;
  font-size:10px;
}

.empty-dashboard-state{
  padding:20px;
  color:#667085;
  text-align:center;
}

.quick-actions-panel{
  margin-top:18px;
}

.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}

.quick-action-grid button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:15px;
  text-align:left;
  color:#172b3a;
  background:#f7f9fb;
  border:1px solid #d6dee5;
  border-radius:11px;
}

.quick-action-grid button:hover{
  background:#ecf8f1;
  border-color:#91c8ab;
}

.quick-action-grid button span{
  font-size:21px;
}

.quick-action-grid button strong{
  font-size:13px;
}

.quick-action-grid button small{
  color:#6b7280;
  font-size:11px;
}

@media(max-width:1100px){

  .executive-cards-primary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .executive-cards-secondary{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .quick-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){

  .dashboard-heading-right{
    align-items:flex-start;
    margin-top:12px;
  }

  .executive-cards-primary,
  .executive-cards-secondary,
  .quick-action-grid{
    grid-template-columns:1fr;
  }

  .dashboard-grid-main{
    grid-template-columns:1fr;
  }
}

/* =====================================================
   WEEKLY OUTREACH GOAL KPI
   ===================================================== */

.weekly-goal-section{
  padding:14px 0 4px;
}

.weekly-goal-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:10px;
}

.weekly-goal-heading > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.weekly-goal-heading small{
  color:#7a8490;
  font-size:11px;
}

.weekly-goal-heading strong{
  color:var(--green);
  font-size:20px;
}

.goal-progress-track{
  width:100%;
  height:13px;
  overflow:hidden;
  background:#e5eaee;
  border-radius:999px;
}

.goal-progress-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--green),
    var(--blue)
  );
  transition:width .45s ease;
}
/* =====================================================
   WEEKLY OUTREACH TREND
   ===================================================== */

.weekly-trend-panel{
  margin-bottom:18px;
}

.trend-total{
  color:var(--blue);
  font-size:14px;
  white-space:nowrap;
}

.weekly-trend-chart{
  display:grid;
  grid-template-columns:repeat(7,minmax(50px,1fr));
  gap:14px;
  min-height:230px;
  padding-top:18px;
}

.trend-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}

.trend-value{
  min-height:22px;
  color:var(--gold);
  font-size:14px;
  font-weight:800;
}

.trend-bar-area{
  width:100%;
  max-width:54px;
  height:145px;
  display:flex;
  align-items:flex-end;
  margin:5px 0 10px;
  padding:0 7px;
  background:#f4f7fb;
  border:1px solid #d9e2ea;
}

.trend-bar{
  width:100%;
  min-height:3px;
  border-radius:7px 7px 3px 3px;
  background:linear-gradient(
        180deg,
        var(--green),
        var(--blue)
    );
  border-radius:8px 8px 3px 3px;
}

.trend-day strong{
  color:#304454;
  font-size:12px;
}

.trend-day small{
  margin-top:3px;
  color:#87909a;
  font-size:9px;
  text-align:center;
}

@media(max-width:800px){

  .weekly-trend-chart{
    grid-template-columns:repeat(7,70px);
    overflow-x:auto;
    padding-bottom:10px;
  }
}
/* =====================================================
   GEOGRAPHIC OUTREACH INTELLIGENCE
   ===================================================== */

.geographic-panel{
  margin-bottom:18px;
}

.geographic-total{
  color:var(--blue);
  font-size:14px;
  white-space:nowrap;
}

@media(max-width:1000px){
  .geographic-intelligence{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .geographic-intelligence{
    grid-template-columns:1fr;
  }
}

.geographic-row{
  border:1px solid var(--line);
  border-radius:10px;
  padding:13px;
  background:#ffffff;
}

.geographic-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.geographic-heading > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.geographic-heading strong{
  color:var(--dark);
  font-size:14px;
}

.geographic-heading small{
  color:#7b8792;
  font-size:10px;
}

.geographic-count{
  color:var(--blue);
  font-size:18px;
  font-weight:800;
}

.geographic-track{
  width:100%;
  height:9px;
  overflow:hidden;
  margin:10px 0;
  background:#e8edf1;
  border-radius:999px;
}

.geographic-fill{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--green),
    var(--blue)
  );
  transition:width .45s ease;
}

.geographic-statuses{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.geo-status{
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
}

.geo-status.active{
  color:#156147;
  background:#e6f6ed;
}

.geo-status.followup{
  color:#755b09;
  background:#fff6d8;
}

.geo-status.review{
  color:#8c1d30;
  background:#fdecef;
}

@media(max-width:650px){

  .geographic-heading{
    align-items:flex-start;
  }

  .geographic-statuses{
    display:grid;
    grid-template-columns:1fr;
  }

}
/* =====================================================
   CORMS EXECUTIVE DASHBOARD — CLEAN LAYOUT
   ===================================================== */

.quick-actions-panel{
  width:100%;
  margin:16px 0 18px;
}

.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  width:100%;
}

.quick-action-grid button{
  width:100%;
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  text-align:left;
}

.executive-two-column-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  width:100%;
  align-items:start;
  margin-bottom:16px;
}

.executive-column{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  min-width:0;
}

.executive-column > .panel{
  width:100%;
  min-width:0;
  margin:0;
}

.attention-panel{
  width:100%;
  margin:0 0 16px;
}

.geographic-panel{
  width:100%;
  margin:0 0 18px;
}

.geographic-intelligence{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin-top:16px;
}

.geographic-row{
  width:100%;
  min-width:0;
}

@media(max-width:1000px){

  .quick-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .geographic-intelligence{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media(max-width:700px){

  .executive-two-column-layout{
    grid-template-columns:1fr;
  }

  .quick-action-grid,
  .geographic-intelligence{
    grid-template-columns:1fr;
  }

}
.geographic-card{
    margin-top:20px;
}

#geographicIntelligence{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(320px,1fr));

    gap:16px;

}

.county-card{

    border:1px solid #d9d9d9;

    border-radius:10px;

    padding:15px;

    background:white;

}

.county-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

}

.county-summary{

    display:flex;

    gap:15px;

    font-size:13px;

    margin-bottom:12px;

}

.city-row{

    display:flex;

    justify-content:space-between;

    padding:6px 0;

    border-bottom:1px solid #eee;

}

.city-row:last-child{

    border-bottom:none;

}
/* =====================================================
   CORMS 6.1 — SYSTEM HEALTH DASHBOARD
   ===================================================== */
.system-health-panel{margin-top:16px}
.health-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.health-heading-row h3{margin:0 0 4px;color:var(--dark)}
.health-heading-row p{margin:0;color:#667085;font-size:12px}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.health-card{position:relative;min-height:128px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.health-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#98a2b3}
.health-card.health-good::before{background:var(--green)}
.health-card.health-warn::before{background:var(--gold)}
.health-card.health-bad::before{background:var(--red)}
.health-card span{display:block;color:#59636e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.health-card strong{display:block;margin:10px 0 7px;color:var(--blue);font-size:22px}
.health-card small{display:block;color:#667085;line-height:1.4}
.health-storage-row{margin-top:12px;padding:11px 13px;border-radius:9px;background:#f4f7fb;color:#475467;font-size:12px}
@media(max-width:1000px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.health-heading-row{display:block}.health-heading-row button{margin-top:10px}.health-grid{grid-template-columns:1fr}}

/* =====================================================
   EXECUTIVE DEMO & PREMIUM USER EXPERIENCE
   ===================================================== */
.demo-access-btn{width:100%;margin-top:8px;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;box-shadow:0 8px 18px rgba(18,78,120,.22)}
.demo-access-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(18,78,120,.28)}
.topbar-tour-btn{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}
.executive-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.executive-value-strip article{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 3px 12px rgba(15,47,70,.06)}
.executive-value-strip i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:#eaf7f1;color:var(--green)}
.executive-value-strip strong,.executive-value-strip span{display:block}.executive-value-strip strong{font-size:13px;color:var(--dark);margin-bottom:4px}.executive-value-strip span{font-size:11px;line-height:1.4;color:#667085}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:3000;display:grid;gap:10px;width:min(390px,calc(100vw - 40px))}
.toast{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:12px;padding:14px 16px;box-shadow:0 14px 35px rgba(10,39,57,.2);animation:toastIn .22s ease-out}
.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--blue)}.toast strong{display:block;color:var(--dark);font-size:13px}.toast span{display:block;color:#667085;font-size:12px;margin-top:3px;line-height:1.35}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.tour-overlay{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:20px;background:rgba(4,24,37,.68);backdrop-filter:blur(5px)}
.tour-card{width:min(520px,100%);background:#fff;border-radius:20px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.tour-progress{display:flex;justify-content:space-between;align-items:center;color:#667085;font-size:12px;font-weight:700}.icon-button{width:34px;height:34px;padding:0;border-radius:50%;font-size:22px}.tour-icon{width:64px;height:64px;display:grid;place-items:center;margin:18px 0 14px;border-radius:18px;background:linear-gradient(135deg,#e9f7ef,#eaf2f8);font-size:31px}.tour-card h2{margin:0 0 8px;color:var(--dark)}.tour-card p{margin:0;color:#59636e;line-height:1.55}.tour-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
body.is-busy{cursor:progress}button.is-loading{opacity:.72;pointer-events:none}button.is-loading::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.executive-value-strip{grid-template-columns:1fr}.topbar-tour-btn{width:100%}}

/* CORMS 6.1 approved outreach icon set */
.platform-nav{font-size:.91rem;gap:10px}.nav-art{width:25px;min-width:25px;text-align:center;font-size:1.25rem}.school-art{font-size:.82rem;letter-spacing:-5px;padding-right:5px}.justice-art{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#111;color:#d4af37;border:1px solid #d4af37}.bars-art{font-size:1.5rem}.flower-art{font-size:1.55rem;color:#6d28d9;text-shadow:1px 1px #d4af37}.icon-justice{display:flex!important;margin:auto;width:78px;height:78px;min-height:78px;border-radius:50%;background:#111;color:#d4af37;border:3px solid #d4af37;align-items:center;justify-content:center;box-shadow:0 6px 16px #0002}.icon-prison{font-size:5rem!important;color:#374151;text-shadow:2px 0 #111}.icon-flower{font-size:5rem!important;color:#6d28d9;text-shadow:2px 2px #d4af37}.icon-healing{font-size:4.5rem!important}.platform-card:nth-of-type(3) .platform-icon{filter:saturate(.7);font-size:4rem}.platform-card:nth-of-type(4) .platform-icon{font-size:3rem;letter-spacing:-12px;padding-right:12px}
@media(max-width:900px){.platform-nav span:last-child{display:none}.platform-nav{justify-content:center}}

/* Executive Leadership Pass */
.leadership-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.leadership-actions{display:flex;gap:10px;flex-wrap:wrap}.leadership-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.lead-status-card{background:#fff;border:1px solid #e5e7eb;border-left:5px solid #5b21b6;border-radius:14px;padding:17px;box-shadow:0 7px 22px #1e1b4b10}.lead-status-card span,.lead-status-card small{display:block}.lead-status-card strong{display:block;font-size:2rem;margin:5px 0}.lead-status-card.danger{border-left-color:#dc2626}.lead-status-card.danger strong{color:#dc2626}.lead-status-card.warning{border-left-color:#d97706}.lead-status-card.warning strong{color:#b45309}.lead-status-card.success{border-left-color:#15803d}.lead-status-card.success strong{color:#15803d}.lead-status-card.purple strong{color:#5b21b6}.lead-command-grid{align-items:stretch}.command-panel{height:100%}.lead-priority-list .attention-row{border-radius:10px;margin-bottom:8px;background:#fafafa}.team-activity-row{display:grid;grid-template-columns:110px 1fr 32px;gap:10px;align-items:center;margin:14px 0}.team-activity-track{height:9px;background:#ede9fe;border-radius:999px;overflow:hidden}.team-activity-track i{display:block;height:100%;background:linear-gradient(90deg,#4c1d95,#7c3aed);border-radius:inherit}.team-activity-row strong{text-align:right}.lead-upcoming-item{display:flex;justify-content:space-between;gap:18px;padding:13px 4px;border-bottom:1px solid #ececf4}.lead-upcoming-item div{display:flex;flex-direction:column;gap:3px}.lead-upcoming-item span,.lead-upcoming-item time{font-size:.84rem;color:#667085}.leadership-list .item,.pipeline-command-list .item{border-left:4px solid #6d28d9;background:#fbfaff}.leadership-list .item{margin-bottom:10px}
@media(max-width:980px){.leadership-status-grid{grid-template-columns:repeat(2,1fr)}.leadership-heading{flex-direction:column}}@media(max-width:600px){.leadership-status-grid{grid-template-columns:1fr}.team-activity-row{grid-template-columns:90px 1fr 28px}}
@media print{body *{visibility:hidden}.lead-command-center,.lead-command-center *{visibility:visible}.lead-command-center{position:absolute;inset:0;width:100%;background:#fff}.sidebar,.topbar,.leadership-actions{display:none!important}.lead-status-card,.command-panel{box-shadow:none;break-inside:avoid}}

/* Option B Release Candidate — launch readiness */
.launch-readiness-panel{border:1px solid #d8c8f2;background:linear-gradient(135deg,#fff,#faf7ff);margin-top:1rem}.launch-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.launch-score{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:14px}.launch-score.ready{background:#edf9f1;color:#0d6b37}.launch-score.review{background:#fff7e8;color:#8a5600}.launch-score strong{font-size:1.8rem}.launch-score span{font-weight:700}.launch-check{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.launch-check>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:800;flex:0 0 auto}.launch-check.pass>span{background:#dcfce7;color:#166534}.launch-check.warn>span{background:#fef3c7;color:#92400e}.launch-check strong,.launch-check small{display:block}.launch-check small{margin-top:.2rem;color:#5f6470;line-height:1.35}.launch-brief{grid-column:1/-1;border-left:5px solid var(--purple,#5b21b6)}@media(max-width:760px){.launch-check-grid{grid-template-columns:1fr}}