/* agency-pages.css - additive styles for /agencies/, /agencies/{slug}, /submit.
   Extends the V2 terminal shell (base.css + style.css + cin-bundle.min.css).
   Palette mirrors coverage_page.py so the agency surface reads as one system.
   No new fonts, no design-token overrides. */

.ag-hero { padding: 3rem 1.5rem 2rem; max-width: 1200px; margin: 0 auto; }
.ag-hero .ag-crumb { font-size: 0.8125rem; color: #6b7684; margin-bottom: 1rem; }
.ag-hero .ag-crumb a { color: #8894a5; text-decoration: none; }
.ag-hero .ag-crumb a:hover { color: #fff; }
.ag-eyebrow { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: #66d9ef; font-weight: 600; margin-bottom: 0.5rem; }
.ag-hero h1 { font-family: 'Clash Display', system-ui, sans-serif; font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 700; margin: 0 0 0.75rem; line-height: 1.1; color: #fff; }
.ag-lede { font-size: 1.0625rem; color: #a3b0bf; max-width: 800px; line-height: 1.55; margin: 0 0 1rem; }
.ag-stats { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 0.75rem; }
.ag-stat b { display: block; font-family: 'Clash Display', sans-serif; font-size: 1.5rem; color: #fff; line-height: 1; }
.ag-stat span { font-size: 0.75rem; color: #8894a5; text-transform: uppercase; letter-spacing: 0.06em; margin-top: 0.25rem; display: inline-block; }

.ag-wrap { max-width: 1200px; margin: 1.5rem auto 0; padding: 0 1.5rem; }
.ag-section { max-width: 1200px; margin: 2rem auto 0; padding: 0 1.5rem; }
.ag-section h2 { font-family: 'Clash Display', sans-serif; font-size: 1.375rem; margin: 0 0 0.25rem; color: #fff; }
.ag-section-sub { color: #8894a5; font-size: 0.875rem; margin: 0 0 1rem; }

.ag-filter { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; }
.ag-filter input, .ag-filter select { background: #0f1620; border: 1px solid #1f2937; color: #fff; padding: 0.5rem 0.75rem; border-radius: 6px; font-size: 0.9375rem; font-family: inherit; }
.ag-filter input[type="search"] { min-width: 260px; }
.ag-filter-count { margin-left: auto; color: #8894a5; font-size: 0.875rem; }

.ag-table-wrap { overflow-x: auto; border: 1px solid #1f2937; border-radius: 8px; }
.ag-table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.ag-table thead th { background: #0f1620; color: #8894a5; text-align: left; padding: 0.625rem 0.875rem; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid #1f2937; white-space: nowrap; }
.ag-table thead th.num { text-align: right; }
.ag-table tbody td { padding: 0.625rem 0.875rem; border-bottom: 1px solid #131a24; color: #d1d8e0; }
.ag-table tbody tr:hover { background: #0f1620; }
.ag-table tbody tr:last-child td { border-bottom: none; }
.ag-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.ag-table a { color: #66d9ef; text-decoration: none; font-weight: 600; }
.ag-table a:hover { text-decoration: underline; }
.ag-table .ag-muted { color: #8894a5; font-weight: 400; }
.ag-foot { padding: 0.75rem 0.875rem; color: #6b7684; font-size: 0.8125rem; border-top: 1px solid #1f2937; }

.ag-badge { display: inline-block; font-size: 0.6875rem; padding: 0.15rem 0.5rem; border-radius: 999px; font-weight: 600; vertical-align: middle; background: #16324a; color: #9fe0f5; margin-right: 0.375rem; }
.ag-badge.distressed { background: #7c2d12; color: #fed7aa; }
.ag-badge.merger_pending { background: #3730a3; color: #c7d2fe; }
.ag-badge.zombie { background: #374151; color: #9ca3af; }
.ag-badge.healthy { background: #14532d; color: #bbf7d0; }

.ag-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ag-panel { border: 1px solid #1f2937; border-radius: 8px; background: #0d131c; }
.ag-panel-head { padding: 0.75rem 1rem; border-bottom: 1px solid #1f2937; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.05em; color: #8894a5; font-weight: 600; }
.ag-panel-body { padding: 1rem; color: #a3b0bf; line-height: 1.55; font-size: 0.9375rem; }
.ag-dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.25rem; margin: 0; }
.ag-dl dt { color: #6b7684; font-size: 0.8125rem; }
.ag-dl dd { color: #d1d8e0; margin: 0; font-size: 0.9375rem; overflow-wrap: anywhere; }
.ag-dl dd a { color: #66d9ef; text-decoration: none; }
.ag-dl dd a:hover { text-decoration: underline; }

.ag-cta { border: 1px solid #1f2937; border-radius: 8px; background: #0f1620; padding: 1.25rem 1.5rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; }
.ag-cta-title { font-family: 'Clash Display', sans-serif; color: #fff; font-size: 1.0625rem; margin: 0 0 0.25rem; }
.ag-cta p { color: #a3b0bf; margin: 0; font-size: 0.9375rem; }
.ag-btn { display: inline-block; padding: 0.5rem 1rem; border-radius: 6px; border: 1px solid #1f2937; color: #d1d8e0; text-decoration: none; font-size: 0.9375rem; background: #0d131c; }
.ag-btn:hover { color: #fff; border-color: #2b3a4d; }
.ag-btn.primary { background: #66d9ef; color: #06222b; border-color: #66d9ef; font-weight: 600; }
.ag-btn.primary:hover { background: #8be6f4; color: #06222b; }
.ag-empty { color: #8894a5; font-style: italic; }

/* Submit form */
.ag-form { max-width: 720px; }
.ag-field { margin-bottom: 1.25rem; }
.ag-field label { display: block; color: #d1d8e0; font-size: 0.9375rem; margin-bottom: 0.4rem; font-weight: 500; }
.ag-field .req { color: #f87171; }
.ag-field input, .ag-field textarea, .ag-field select { width: 100%; background: #0f1620; border: 1px solid #1f2937; color: #fff; padding: 0.625rem 0.75rem; border-radius: 6px; font-size: 0.9375rem; font-family: inherit; box-sizing: border-box; }
.ag-field textarea { min-height: 160px; resize: vertical; }
.ag-field .hint { display: block; color: #6b7684; font-size: 0.8125rem; margin-top: 0.35rem; }
.ag-field .err { display: none; color: #f87171; font-size: 0.8125rem; margin-top: 0.35rem; }
.ag-field.invalid input, .ag-field.invalid textarea { border-color: #f87171; }
.ag-field.invalid .err { display: block; }
.ag-radios { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
.ag-radio { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.75rem; border: 1px solid #1f2937; border-radius: 999px; color: #a3b0bf; font-size: 0.875rem; cursor: pointer; }
.ag-radio input { width: auto; }
.ag-radio.on { border-color: #66d9ef; color: #fff; }
.ag-form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ag-form-msg { padding: 0.875rem 1rem; border-radius: 6px; margin-bottom: 1rem; font-size: 0.9375rem; }
.ag-form-msg.ok { background: #14532d; color: #bbf7d0; }
.ag-form-msg.bad { background: #7f1d1d; color: #fecaca; }

@media (max-width: 720px) {
  .ag-grid-2, .ag-form-grid-2 { grid-template-columns: 1fr; }
  .ag-table thead th:nth-child(2), .ag-table td:nth-child(2) { display: none; }
}