body[data-g2g-gm-audit="page"] { color-scheme: dark; font-family: Inter, Segoe UI, Arial, sans-serif; color: #edf7ff; margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% -10%, #12547d 0%, transparent 35%), #07101d; }
.audit-shell, .audit-shell * { box-sizing: border-box; }
.audit-shell { max-width: 1180px; margin: 0 auto; padding: 32px 24px 80px; }
.audit-top { display: flex; justify-content: space-between; gap: 20px; color: #8cb7ce; font-size: 12px; letter-spacing: .14em; }
.audit-top a, .audit-actions a { color: #6ed6ff; text-decoration: none; }
.audit-top a:hover, .audit-actions a:hover { text-decoration: underline; }
.audit-shell header { padding: 30px 0 20px; }
.audit-shell h1 { margin: 0 0 10px; font: normal clamp(30px, 4vw, 48px) Georgia, serif; color: #fff; }
.audit-shell header p, .audit-note { color: #a9c2d3; line-height: 1.55; }
.audit-filters { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)) auto; align-items: end; gap: 12px; padding: 22px; border: 1px solid #245b76; border-radius: 16px; background: #0a2639; }
.audit-filters label { display: grid; gap: 7px; font-size: 13px; color: #b8d8e9; }
.audit-filters input, .audit-filters select { width: 100%; min-height: 41px; background: #071b2a; color: #eef8fc; border: 1px solid #36708b; border-radius: 8px; padding: 8px; }
.audit-filters button, .audit-actions button, .audit-pages button { min-height: 41px; border: 1px solid #4ca8ce; border-radius: 8px; padding: 8px 15px; background: #1177a2; color: white; cursor: pointer; }
.audit-actions { display: flex; align-items: center; gap: 20px; margin: 18px 0; flex-wrap: wrap; }
.audit-actions button, .audit-pages button { background: #0c364b; }
.audit-pages button:disabled { opacity: .4; cursor: default; }
#audit-state { min-height: 25px; color: #a9dff5; }
.audit-results { display: grid; gap: 10px; }
.audit-entry { border: 1px solid #254f66; border-radius: 11px; background: #0b2232; padding: 14px 17px; display: grid; grid-template-columns: minmax(170px, 1fr) minmax(260px, 2fr) auto; gap: 12px; align-items: start; }
.audit-entry strong { display: block; color: #7ce0ff; }
.audit-entry small { color: #a8c0cf; }
.audit-entry p { margin: 3px 0 0; overflow-wrap: anywhere; }
.audit-entry time { color: #a8c0cf; font-size: 13px; white-space: nowrap; }
.audit-pages { display: flex; justify-content: center; align-items: center; gap: 14px; margin: 25px 0; }
.audit-pages[hidden] { display: none; }
.audit-note { font-size: 13px; margin-top: 32px; }
.audit-error { color: #ffb2b2 !important; }
.audit-panel-link { display: inline-flex; margin: 12px 0; color: #7ce0ff !important; border: 1px solid #3a91b1; border-radius: 8px; padding: 8px 12px; text-decoration: none !important; background: #0b3145; }
.audit-panel-link:hover { background: #15516b; }
@media (max-width: 750px) { .audit-filters { grid-template-columns: 1fr 1fr; } .audit-entry { grid-template-columns: 1fr; } .audit-entry time { white-space: normal; } }
@media (max-width: 460px) { .audit-filters { grid-template-columns: 1fr; } .audit-top { display: block; } }