:root {
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --ink: #253146;
    --muted: #657184;
    --line: #e1e5eb;
    --line-soft: #eef0f3;
    --bg: #f6f7f9;
    --dca-blue: #293e98;
    --dca-blue-dark: #20317d;
    --dca-blue-soft: #eef1fa;
    --shadow: 0 6px 24px #2531460d;
}

html, body { font-family: var(--font-ui); line-height: 1.5; }
h1, h2, h3, h4 { font-family: var(--font-ui); font-weight: 650; }
h1 { font-size: 27px; letter-spacing: -.025em; line-height: 1.25; }
h2 { font-size: 18px; line-height: 1.4; }
h3 { font-size: 15px; line-height: 1.4; }
.content { max-width: 1440px; padding: 32px 36px 64px; background-image: none; }
.content .page-heading { gap: 20px; align-items: center; margin-bottom: 28px; }
.content .page-heading p { max-width: 760px; font-size: 14px; line-height: 1.55; }
.content .eyebrow::before { display: none; }
.content .btn { min-height: 38px; padding: 8px 14px; font-size: 13px; border-radius: 6px; font-weight: 600; box-shadow: none; }
.content .btn.primary { background: var(--dca-blue); box-shadow: none; }
.content .btn.primary:hover { background: var(--dca-blue-dark); }
.content .btn.secondary { border-color: #d4dae3; background: #fff; color: var(--ink); }
.content .text-button { font-size: 13px; font-weight: 500; }
.content .panel, .content .table-panel, .content .content-section, .content .side-section,
.content .settings-card, .content .guided-form-card, .content .guided-steps,
.content .guided-inspector > section, .content .policy-inspector > section,
.content .onboarding-card { border-color: var(--line); border-radius: 8px; box-shadow: none; }
.content .content-section { padding: 24px; margin-bottom: 22px; }
.content .content-section > h2 { margin-bottom: 12px; }
.content .panel-heading, .content .section-title { gap: 16px; }
.content .metric, .content .workload-card, .content .module-choice-card { box-shadow: none; }
.content .metric:hover, .content .workload-card:hover, .content .module-choice-card:hover { box-shadow: none; border-color: #c6cdd9; }
.content .operations-summary, .content .supporting-summary, .content .policy-hero,
.content .governance-settings-summary, .content .committee-hero {
    background: #fff; border: 1px solid var(--line); color: var(--ink); border-radius: 8px; box-shadow: none;
}
.content .operations-summary > div, .content .supporting-summary > div,
.content .governance-settings-summary > div, .content .policy-hero-metrics a { border-color: var(--line); }
.content .operations-summary :is(span, small), .content .supporting-summary :is(span, small),
.content .governance-settings-summary :is(span, small), .content .policy-hero :is(p, small),
.content .committee-hero :is(p, .eyebrow) { color: var(--muted); font-size: 12px; letter-spacing: 0; }
.content .operations-summary strong, .content .supporting-summary strong,
.content .policy-hero strong, .content .governance-settings-summary strong,
.content .metric strong, .content .summary-ribbon strong { font-family: var(--font-ui); font-size: 24px; font-weight: 600; color: var(--ink); }
.content .policy-hero-metrics a { color: var(--ink); }
.content .policy-hero-metrics span { font-size: 13px; font-weight: 500; }
.content .committee-members span { border-color: var(--line); color: var(--ink); background: #f5f6f8; }
.content .policy-hero .eyebrow, .content .committee-hero .meeting-readiness > span,
.content .committee-hero .meeting-readiness > small { color: var(--muted); }
.content .committee-hero .meeting-readiness { border-color: var(--line); }
.content .committee-hero .meeting-readiness > i { background: #e4e8ed; }
.content .summary-ribbon { border-color: var(--line); box-shadow: none; border-radius: 8px; margin-bottom: 24px; }
.content .summary-ribbon span { font-size: 12px; }
.content .summary-ribbon strong { font-size: 20px; }
.content .summary-ribbon .warn strong { color: #986223; }
.content .table-panel { overflow: hidden; }
.content .table-scroll { max-width: 100%; overflow-x: auto; }
.content table { font-size: 13px; line-height: 1.45; }
.content th { padding: 13px 16px; background: #f8f9fb; color: #657184; font-size: 11px; font-weight: 600; letter-spacing: .025em; }
.content td { padding: 16px; border-color: var(--line-soft); }
.content td > small { font-size: 12px; }
.content .table-title, .content .table-title strong { color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.5; }
.content .table-title:hover, .content .next-action:hover { color: var(--dca-blue); text-decoration: underline; }
.content tbody tr:hover { background: #fafbfc; }
.content .table-summary { padding: 14px 16px; font-size: 12px; color: var(--muted); border-color: var(--line); }
.content .next-action { color: var(--muted); font-size: 12px; font-weight: 500; white-space: nowrap; }
.content .status-pill { font-family: var(--font-ui); font-size: 11px; font-weight: 500; padding: 3px 7px; border-radius: 4px; }
.content .status-pill.positive { background: #f1f6f3; color: #3b6a50; }
.content .status-pill.info, .content .status-pill.neutral { background: #f0f2f5; color: #536176; }
.content .status-pill.warning { background: #fbf3e4; color: #8b5c1d; }
.content .status-pill.negative { background: #fbeeed; color: #9b4340; }
.content .tag-list span, .content .record-type { background: #f2f4f6; color: #586577; font-size: 11px; font-weight: 400; }
.content .count-badge { background: #f1f3f6; color: var(--muted); }
.content .view-tabs, .content .detail-tabs { gap: 22px; flex-wrap: wrap; }
.content .view-tabs button.active, .content .detail-tabs button.active,
.content .policy-main-tabs button.active, .content .reg-view-tabs button.active,
.content .reg-detail-tabs button.active { border-color: var(--dca-blue); color: var(--ink); }
.content .view-tabs span, .content .detail-tabs span { background: transparent; color: var(--muted); }
.content .field > span, .content .field small { font-size: 13px; }
.content .field > span { font-weight: 500; }
.content .field em { font-size: 11px; }
.content .field :is(input, select, textarea) { font-size: 14px; border-color: #ccd3de; padding: 10px 11px; }
.content .field small { font-size: 12px; }
.content .toolbar { margin: 0 0 20px; gap: 12px; flex-wrap: wrap; }
.content .toolbar .table-search { flex: 1 1 260px; max-width: 440px; min-width: 0; min-height: 40px; }
.content .toolbar .table-search input { min-width: 0; width: 100%; font-size: 14px; }
.content .toolbar select { font-size: 13px; }
.content .filter-disclosure { flex: 0 1 auto; }
.content .filter-disclosure[open] { flex: 1 1 100%; }
.content .filter-disclosure > summary { display: list-item; cursor: pointer; padding: 8px 0; color: var(--muted); font-size: 13px; }
.content .filter-fields { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; padding: 16px; margin-top: 6px; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
.content .filter-fields label { display: grid; gap: 6px; min-width: 160px; flex: 1 1 180px; }
.content .filter-fields label > span { color: var(--muted); font-size: 12px; }
.content .filter-fields label.customer-toggle { display: flex; align-items: center; gap: 8px; min-height: 38px; font-size: 13px; }
.content .filter-fields select { width: 100%; min-height: 38px; border: 1px solid #ccd3de; border-radius: 6px; padding: 7px 10px; background: #fff; color: var(--ink); }
.content .filter-fields .text-button { min-height: 38px; }
.content .review-queue { border: 1px solid var(--line); border-radius: 8px; padding: 14px 18px; margin-bottom: 22px; background: #fff; }
.content .review-queue summary { cursor: pointer; font-size: 14px; font-weight: 600; }
.content .review-queue p { font-size: 13px; color: var(--muted); }
.content .review-queue article { padding: 12px 0; border-top: 1px solid var(--line-soft); }
.content .review-queue article p { margin-bottom: 0; }
.content .workload-disclosure { margin: 0 0 22px; }
.content .workload-disclosure > summary { color: var(--muted); cursor: pointer; font-size: 13px; padding: 8px 0; }
.content .workload-disclosure .workload-grid { margin-top: 14px; }
.content .task-execution { max-width: 980px; }
.content .task-execution .execution-introduction { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 0 0 24px; box-shadow: none; }
.content .task-execution .execution-introduction h2 { font-size: 15px; }
.content .task-execution > details.content-section { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 16px 0; margin: 0; }
.content .task-execution > details.content-section > summary { font-size: 13px; font-weight: 500; color: var(--muted); }
.content .task-execution .execution-finish { border: 0; background: transparent; padding: 0 0 24px; }
.content .task-execution .execution-finish > p { font-size: 13px; color: var(--muted); margin: 0; }
.content .work-profile-context { border: 0; border-radius: 6px; background: #f6f7f9; padding: 18px; }
.content .work-profile-context > summary, .content .execution-evidence summary { cursor: pointer; font-size: 13px; color: #536176; padding: 8px 0; }
.content .execution-evidence .muted, .content .execution-introduction .muted { color: var(--muted); font-size: 12px; }
.content .execution-evidence input[type="file"] { font-size: 13px; }
.content .execution-evidence-list { padding: 0; }
.content .task-guidance { color: var(--muted); font-size: 12px; font-weight: 400; }
.content .work-overview-summary { background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 12px 0; border-radius: 0; }
.content .task-row > .status-pill { display: inline-flex; }
.content .reg-profile-banner, .content .reg-library-intro, .content .reg-monitoring-intro,
.content .reg-measure-intro, .content .reg-avg-highlight, .content .reg-source-overview > header,
.content .reg-dca-advice { background: #f8f9fb; border-color: var(--line); }
.content .modal { box-shadow: 0 18px 70px #182a4633; border-radius: 10px; }
.content :is(button, summary, a, input, select, textarea):focus-visible { outline: 2px solid #526aba; outline-offset: 3px; }
@media (max-width: 1000px) { .content { padding: 26px 24px 48px; } }
@media (max-width: 680px) {
    .content { padding: 24px 16px 40px; }
    .content h1 { font-size: 24px; }
    .content .page-heading { align-items: flex-start; gap: 16px; }
    .content .content-section { padding: 18px; }
    .content .toolbar .table-search { max-width: none; flex-basis: 100%; }
    .content .filter-fields { padding: 14px; }
    .content th, .content td { padding: 12px; }
    .content .operations-summary, .content .supporting-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
    .content .operations-summary > div, .content .supporting-summary > div { padding: 12px !important; border: 0 !important; margin: 0; }
    .content .notification-panel { max-width: calc(100vw - 32px); }
}