.historical-audit-page .container { max-width: 1680px; }
.historical-audit-shell { display: grid; gap: 1rem; padding-bottom: 2rem; }
.historical-audit-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1.5rem; color: #fff; background: linear-gradient(135deg, #17233b, #263b63); border-radius: 18px; box-shadow: 0 16px 36px rgba(13, 26, 52, .18); }
.historical-audit-hero h2 { margin: .2rem 0 .45rem; color: inherit; }
.historical-audit-hero p { margin: 0; max-width: 820px; color: #dbe6f7; }
.historical-audit-eyebrow { display: block; color: #9dc7ff; font-size: .76rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.historical-audit-hero-note { max-width: 360px; padding: .8rem 1rem; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(255,255,255,.08); line-height: 1.45; }
.historical-back-link { display: inline-block; margin-bottom: .7rem; color: #dbeafe; }
.historical-hero-status { display: grid; justify-items: end; gap: .4rem; min-width: 190px; }
.historical-hero-status small { color: #dbe6f7; }
.historical-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.historical-summary-grid article { display: grid; gap: .25rem; min-height: 92px; padding: 1rem; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff; }
.historical-summary-grid span { color: #5f6f84; font-size: .82rem; font-weight: 700; }
.historical-summary-grid strong { font-size: 1.8rem; color: #17233b; }
.historical-summary-grid .audit-green { border-color: #93d8ba; background: #f0fbf6; }
.historical-summary-grid .audit-yellow { border-color: #f3d27e; background: #fff9e8; }
.historical-summary-grid .audit-red { border-color: #efadad; background: #fff3f3; }
.historical-filter-bar { display: grid; grid-template-columns: minmax(240px, 2fr) minmax(160px, 1fr) minmax(140px, 1fr) auto auto; align-items: end; gap: .75rem; padding: 1rem; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff; }
.historical-filter-bar label, .historical-form-grid label { display: grid; gap: .35rem; color: #33445c; font-weight: 700; }
.historical-audit-card { overflow: hidden; border: 1px solid #dbe3ee; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(23, 35, 59, .06); }
.historical-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: 1px solid #e7edf4; }
.historical-card-head h3 { margin: 0 0 .2rem; }
.historical-card-head p { margin: 0; color: #64748b; }
.historical-card-head > span { color: #52647c; font-weight: 800; white-space: nowrap; }
.historical-table-wrap { overflow-x: auto; }
.historical-table { width: 100%; border-collapse: collapse; }
.historical-table th, .historical-table td { padding: .9rem 1rem; border-bottom: 1px solid #e7edf4; text-align: left; vertical-align: top; }
.historical-table th { color: #52647c; background: #f7f9fc; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.historical-table td small { display: block; margin-top: .25rem; color: #6a788b; max-width: 340px; overflow-wrap: anywhere; }
.historical-row-action { text-align: right !important; }
.audit-chip { display: inline-flex; align-items: center; width: fit-content; min-height: 28px; padding: .2rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.audit-green { color: #11603c; background: #dff7eb; }
.audit-yellow { color: #805c05; background: #fff0ba; }
.audit-red { color: #8f2727; background: #ffe1e1; }
.historical-pagination, .historical-action-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem; }
.historical-alert-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.historical-alert { padding: 1rem 1.1rem; border: 1px solid; border-radius: 14px; }
.historical-alert h3 { margin: 0 0 .45rem; }
.historical-alert ul { margin: 0; padding-left: 1.2rem; }
.audit-alert-red { border-color: #efadad; background: #fff3f3; color: #721f1f; }
.audit-alert-yellow { border-color: #f3d27e; background: #fff9e8; color: #6d5008; }
.historical-data-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 1.1rem 1.25rem; gap: .85rem; }
.historical-data-grid div { min-width: 0; padding: .8rem; border-radius: 10px; background: #f7f9fc; }
.historical-data-grid dt { color: #65758b; font-size: .77rem; font-weight: 800; text-transform: uppercase; }
.historical-data-grid dd { margin: .3rem 0 0; color: #17233b; font-weight: 700; overflow-wrap: anywhere; }
.historical-data-wide { grid-column: span 2; }
.historical-material-list, .historical-finding-list, .historical-evidence-list { display: grid; gap: .75rem; padding: 1rem 1.25rem 1.25rem; }
.historical-material, .historical-finding-list article, .historical-evidence-list article { border: 1px solid #dfe6ef; border-radius: 12px; background: #fbfcfe; }
.historical-material-summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; }
.historical-material-summary > div:last-child { display: grid; align-content: start; justify-items: end; gap: .35rem; text-align: right; }
.historical-material h4 { margin: .2rem 0; }
.historical-material p { margin: 0; color: #607086; }
.historical-material-category { color: #48617f; font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.historical-conflict-list { margin: 0 1rem 1rem; padding: .75rem .75rem .75rem 1.8rem; color: #7f2424; background: #fff0f0; border-radius: 9px; }
.historical-material .historical-resolution-warning { margin: 0 1rem 1rem; padding: .75rem .85rem; color: #7f2424; background: #fff0f0; border: 1px solid #efadad; border-radius: 9px; font-weight: 700; }
.historical-resolution-panel { border-top: 1px solid #dfe6ef; }
.historical-resolution-panel summary { min-height: 44px; padding: .75rem 1rem; cursor: pointer; color: #254c7a; font-weight: 800; }
.historical-resolution-panel form { display: grid; gap: 1rem; padding: 0 1rem 1rem; }
.historical-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; padding: 1rem 1.25rem; }
.historical-form-wide { grid-column: 1 / -1; }
.historical-action-row { justify-content: flex-start; padding: 0 1.25rem 1.25rem; }
.historical-finding-list article, .historical-evidence-list article { padding: .9rem 1rem; }
.historical-finding-list article > div, .historical-evidence-list article > div { display: flex; justify-content: space-between; gap: .75rem; }
.historical-finding-list p, .historical-evidence-list p { margin: .45rem 0; overflow-wrap: anywhere; }
.historical-finding-list small, .historical-evidence-list small { display: block; color: #64748b; }
.historical-evidence-list blockquote { margin: .7rem 0 0; padding: .65rem .8rem; border-left: 4px solid #9cb3d1; background: #f1f5fa; }
.historical-empty { padding: 1.5rem; text-align: center; color: #64748b; }

@media (max-width: 1100px) {
    .historical-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .historical-data-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .historical-filter-bar { grid-template-columns: 2fr 1fr 1fr; }
}

@media (max-width: 720px) {
    .historical-audit-hero, .historical-material-summary { display: grid; }
    .historical-audit-hero-note { max-width: none; }
    .historical-hero-status, .historical-material-summary > div:last-child { justify-items: start; text-align: left; }
    .historical-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .historical-filter-bar, .historical-form-grid, .historical-alert-grid, .historical-data-grid { grid-template-columns: 1fr; }
    .historical-filter-bar .btn { width: 100%; min-height: 48px; }
    .historical-data-wide, .historical-form-wide { grid-column: auto; }
    .historical-table thead { display: none; }
    .historical-table, .historical-table tbody, .historical-table tr, .historical-table td { display: block; width: 100%; }
    .historical-table tr { padding: .7rem; border-bottom: 1px solid #dbe3ee; }
    .historical-table td { display: grid; grid-template-columns: minmax(90px, .55fr) 1fr; gap: .55rem; padding: .5rem; border: 0; }
    .historical-table td::before { content: attr(data-label); color: #64748b; font-size: .75rem; font-weight: 800; text-transform: uppercase; }
    .historical-table .historical-row-action { display: block; text-align: left !important; }
    .historical-row-action .btn, .historical-action-row .btn { width: 100%; min-height: 48px; }
    .historical-action-row { display: grid; }
}

@media (forced-colors: active) {
    .historical-audit-hero, .historical-audit-card, .historical-summary-grid article, .historical-material { border: 1px solid CanvasText; }
    .audit-chip { border: 1px solid CanvasText; }
}