.el-audit-page { --ea-ink:#213a58; --ea-muted:#7c8b9d; --ea-line:#e7ecf2; display:grid; gap:1rem; color:var(--ea-ink); }
.el-audit-header { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding:.2rem .1rem; }
.el-audit-eyebrow { display:block; margin-bottom:.2rem; color:#00a1aa; font-size:.64rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.el-audit-header h1 { margin:0; font-size:1.55rem; font-weight:800; letter-spacing:-.03em; }
.el-audit-header p { margin:.25rem 0 0; color:var(--ea-muted); font-size:.76rem; }
.el-audit-periods { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }
.el-audit-periods button,.el-audit-reset { min-height:2.25rem; padding:.45rem .7rem; border:1px solid var(--ea-line); border-radius:.55rem; color:#38506d; background:#fff; font-size:.66rem; font-weight:700; transition:.15s ease; }
.el-audit-periods button:hover,.el-audit-reset:hover { border-color:#b9dfe2; color:#008e97; background:#f5fcfc; }
.el-audit-filters { display:grid; grid-template-columns:minmax(14rem,1fr) 9.5rem 9.5rem auto; gap:.55rem; align-items:end; padding:.75rem; border:1px solid var(--ea-line); border-radius:.85rem; background:#fff; box-shadow:0 1px 2px rgba(32,54,80,.03); }
.el-audit-filters label { display:grid; gap:.25rem; color:var(--ea-muted); font-size:.57rem; font-weight:700; }
.el-audit-filters input { width:100%; min-height:2.4rem; border:1px solid #dfe6ee; border-radius:.55rem; padding:.45rem .6rem; color:#263f5d; background:#fff; font-size:.68rem; outline:none; }
.el-audit-filters input:focus { border-color:#43bec3; box-shadow:0 0 0 3px rgba(0,174,181,.1); }
.el-audit-search { position:relative; }
.el-audit-search svg { position:absolute; z-index:2; left:.65rem; bottom:.68rem; width:.9rem; height:.9rem; color:#8798aa; }
.el-audit-search input { padding-left:2rem; }
.el-audit-reset { align-self:end; }
.el-audit-tabs { display:flex; gap:.35rem; overflow:auto; padding-bottom:.1rem; }
.el-audit-tabs button { display:flex; align-items:center; gap:.4rem; min-height:2.3rem; padding:.45rem .7rem; border:1px solid var(--ea-line); border-radius:.6rem; color:#64768b; background:#fff; font-size:.65rem; font-weight:750; white-space:nowrap; }
.el-audit-tabs button b { min-width:1.25rem; padding:.13rem .32rem; border-radius:999px; color:#718196; background:#f0f3f7; font-size:.55rem; text-align:center; }
.el-audit-tabs button.is-active { border-color:#8ed9dd; color:#007f87; background:#eefbfb; }
.el-audit-tabs button.is-active b { color:#007f87; background:#d9f4f5; }
.el-audit-card { overflow:hidden; border:1px solid var(--ea-line); border-radius:.85rem; background:#fff; box-shadow:0 2px 8px rgba(32,54,80,.035); }
.el-audit-card-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:3.4rem; padding:.65rem .85rem; border-bottom:1px solid var(--ea-line); }
.el-audit-card-head > div { display:flex; align-items:baseline; gap:.55rem; }
.el-audit-card-head strong { font-size:.7rem; }
.el-audit-card-head span { color:var(--ea-muted); font-size:.58rem; }
.el-audit-source-note { display:flex; align-items:center; gap:.3rem; }
.el-audit-source-note svg { width:.85rem; height:.85rem; color:#00a1aa; }
.el-audit-list { display:grid; }
.el-audit-row { display:grid; grid-template-columns:2.2rem minmax(0,1fr) auto; gap:.7rem; align-items:start; padding:.78rem .85rem; }
.el-audit-row + .el-audit-row { border-top:1px solid #eef1f4; }
.el-audit-row:hover { background:#fcfdfd; }
.el-audit-marker { display:grid; place-items:center; width:2.1rem; height:2.1rem; border-radius:.58rem; background:#f1f5f9; color:#54708f; }
.el-audit-marker svg { width:1rem; height:1rem; }
.el-audit-marker.is-teal { color:#008e97; background:#e7f9fa; }
.el-audit-marker.is-blue { color:#316eae; background:#edf5fc; }
.el-audit-marker.is-success { color:#278455; background:#eaf7ef; }
.el-audit-marker.is-warning { color:#a86f00; background:#fff5dc; }
.el-audit-marker.is-danger { color:#c63b4c; background:#fff0f2; }
.el-audit-main { min-width:0; }
.el-audit-title-line { display:flex; align-items:center; gap:.45rem; min-width:0; }
.el-audit-title-line strong { overflow:hidden; color:#263f5d; font-size:.69rem; text-overflow:ellipsis; white-space:nowrap; }
.el-audit-type { flex:0 0 auto; padding:.14rem .36rem; border-radius:.35rem; color:#718095; background:#f0f3f6; font-size:.5rem; font-weight:800; text-transform:uppercase; }
.el-audit-main > p { margin:.18rem 0 0; overflow:hidden; color:#6f7f92; font-size:.61rem; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.el-audit-meta { display:flex; flex-wrap:wrap; gap:.3rem .8rem; margin-top:.35rem; color:#8997a7; font-size:.54rem; }
.el-audit-meta span { display:inline-flex; align-items:center; gap:.22rem; }
.el-audit-meta svg { width:.72rem; height:.72rem; }
.el-audit-side { display:flex; align-items:flex-end; gap:.65rem; }
.el-audit-side time { display:grid; justify-items:end; min-width:4.4rem; color:#8b99a9; font-size:.53rem; }
.el-audit-side time b { color:#53667d; font-size:.62rem; }
.el-audit-side a { display:inline-flex; align-items:center; gap:.2rem; min-height:1.8rem; padding:.28rem .45rem; border-radius:.42rem; color:#008e97; background:#eefafa; font-size:.55rem; font-weight:800; }
.el-audit-side a:hover { background:#dcf5f6; }
.el-audit-side a svg { width:.72rem; height:.72rem; }
.el-audit-details { margin-top:.38rem; }
.el-audit-details summary { width:max-content; cursor:pointer; color:#32828a; font-size:.54rem; font-weight:750; list-style:none; }
.el-audit-details summary::-webkit-details-marker { display:none; }
.el-audit-change-list { display:grid; gap:.28rem; margin-top:.45rem; padding:.5rem; border:1px solid #e8edf2; border-radius:.55rem; background:#fafcfd; }
.el-audit-change { display:grid; grid-template-columns:minmax(7rem,10rem) minmax(0,1fr) .8rem minmax(0,1fr); align-items:center; gap:.4rem; font-size:.55rem; }
.el-audit-change b { color:#53667c; }
.el-audit-change span { overflow-wrap:anywhere; }
.el-audit-change .is-old { color:#9b6670; text-decoration:line-through; text-decoration-color:#e2b8be; }
.el-audit-change .is-new { color:#287a55; font-weight:700; }
.el-audit-change svg { width:.7rem; height:.7rem; color:#9cabb9; }
.el-audit-empty { display:grid; place-items:center; min-height:15rem; padding:2rem; text-align:center; }
.el-audit-empty svg { width:2rem; height:2rem; margin-bottom:.6rem; color:#a7b4c2; }
.el-audit-empty strong { font-size:.75rem; }
.el-audit-empty p { margin:.25rem 0 0; color:var(--ea-muted); font-size:.62rem; }
.el-audit-limit { padding:.6rem .85rem; border-top:1px solid var(--ea-line); color:#786a42; background:#fffaf0; font-size:.56rem; }
@media (max-width: 900px) {
    .el-audit-header { align-items:flex-start; flex-direction:column; }
    .el-audit-periods { justify-content:flex-start; }
    .el-audit-filters { grid-template-columns:1fr 1fr; }
    .el-audit-search { grid-column:1 / -1; }
    .el-audit-reset { width:100%; }
}
@media (max-width: 640px) {
    .el-audit-header h1 { font-size:1.3rem; }
    .el-audit-filters { grid-template-columns:1fr; }
    .el-audit-search { grid-column:auto; }
    .el-audit-row { grid-template-columns:2rem minmax(0,1fr); padding:.75rem .65rem; }
    .el-audit-side { grid-column:2; justify-content:space-between; align-items:center; }
    .el-audit-side time { justify-items:start; }
    .el-audit-main > p { white-space:normal; }
    .el-audit-title-line { align-items:flex-start; flex-direction:column; gap:.25rem; }
    .el-audit-title-line strong { white-space:normal; }
    .el-audit-change { grid-template-columns:1fr; gap:.18rem; padding:.25rem 0; }
    .el-audit-change svg { transform:rotate(90deg); }
    .el-audit-card-head { align-items:flex-start; flex-direction:column; gap:.35rem; }
}