:root {
    --ink-950: #0b1220;
    --ink-900: #111a2e;
    --ink-800: #1d2942;
    --ink-700: #34425c;
    --ink-500: #68758a;
    --ink-300: #b6c0cf;
    --line: #e5e9f0;
    --canvas: #f4f6f9;
    --paper: #ffffff;
    --blue: #2563eb;
    --cyan: #22d3ee;
    --green: #16a36a;
    --amber: #d7890b;
    --red: #d64545;
    --sidebar: 256px;
    --radius: 14px;
    --shadow: 0 8px 30px rgba(25, 39, 65, .06);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; background: var(--canvas); color: var(--ink-900); font-family: Inter, "Yu Gothic UI", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif; font-size: 14px; line-height: 1.55; }
a { color: inherit; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: var(--sidebar); display: flex; flex-direction: column; padding: 24px 18px; background: var(--ink-950); color: #dfe7f4; }
.brand { display: flex; align-items: center; gap: 12px; padding: 2px 8px 30px; text-decoration: none; }
.brand strong { display: block; color: #fff; font-size: 15px; letter-spacing: -.01em; }
.brand small { display: block; margin-top: 2px; color: #7f8da6; font: 10px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; letter-spacing: .09em; }
.brand__mark { display: inline-flex; align-items: flex-end; gap: 3px; width: 31px; height: 31px; padding: 7px; border: 1px solid #32415e; border-radius: 9px; background: #151f35; }
.brand__mark i { width: 4px; border-radius: 3px; background: var(--cyan); box-shadow: 0 0 10px rgba(34,211,238,.35); }
.brand__mark i:nth-child(1) { height: 8px; opacity: .6; }.brand__mark i:nth-child(2) { height: 16px; }.brand__mark i:nth-child(3) { height: 11px; opacity: .8; }
.nav-list { display: grid; gap: 5px; }
.nav-item { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: 9px; color: #9eabc0; text-decoration: none; font-weight: 600; transition: .18s ease; }
.nav-item:hover { background: #151f35; color: #fff; }
.nav-item.is-active { background: #1b2944; color: #fff; box-shadow: inset 3px 0 var(--cyan); }
.nav-icon { display: grid; width: 20px; place-items: center; color: #7787a2; font: 18px/1 Georgia, serif; }
.nav-item.is-active .nav-icon { color: var(--cyan); }
.nav-count { margin-left: auto; min-width: 22px; padding: 2px 7px; border-radius: 99px; background: #f66b6b; color: white; font-size: 11px; text-align: center; }
.sidebar__footer { display: grid; gap: 12px; margin-top: auto; padding: 18px 8px 0; border-top: 1px solid #202c42; }
.service-state { color: #8997ac; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; letter-spacing: .05em; }
.service-state span { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #35d890; box-shadow: 0 0 0 4px rgba(53,216,144,.1); }
.logout-button { width: 100%; padding: 8px 10px; border: 1px solid #2a3851; border-radius: 8px; background: transparent; color: #a9b5c7; text-align: left; }
.logout-button:hover { border-color: #4a5c7b; color: #fff; }

.main-area { min-height: 100vh; margin-left: var(--sidebar); }
.page-wrap { width: min(1500px, 100%); margin: 0 auto; padding: 42px 44px 64px; }
.mobile-bar, .sidebar-scrim { display: none; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.page-heading h1 { margin: 2px 0 5px; font-size: clamp(26px, 3vw, 36px); line-height: 1.12; letter-spacing: -.035em; }
.page-heading p:not(.eyebrow) { margin: 0; color: var(--ink-500); }
.eyebrow, .section-kicker { margin: 0; color: var(--blue); font: 700 10px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: uppercase; letter-spacing: .12em; }
.last-scan { display: flex; align-items: center; gap: 8px; color: var(--ink-500); font-size: 12px; white-space: nowrap; }
.last-scan span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(22,163,106,.1); }
.record-count { padding: 5px 10px; border: 1px solid var(--line); border-radius: 99px; background: var(--paper); color: var(--ink-500); font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; white-space: nowrap; }

.automation-strip { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(360px,1.3fr); align-items: center; gap: 24px; margin-bottom: 18px; padding: 15px 20px; box-shadow: none; }
.automation-strip__state { display: flex; align-items: center; gap: 12px; }.automation-strip__state strong { display: block; margin-top: 2px; font-size: 12px; }
.automation-indicator { width: 10px; height: 10px; border-radius: 50%; background: #9ca7b8; box-shadow: 0 0 0 5px rgba(156,167,184,.12); }
.automation-strip--success .automation-indicator { background: var(--green); box-shadow: 0 0 0 5px rgba(22,163,106,.1); }.automation-strip--failed .automation-indicator { background: var(--red); box-shadow: 0 0 0 5px rgba(214,69,69,.1); }.automation-strip--running .automation-indicator { background: var(--blue); box-shadow: 0 0 0 5px rgba(37,99,235,.1); }
.automation-strip dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0; }.automation-strip dl div { padding-left: 12px; border-left: 1px solid var(--line); }.automation-strip dt { color: var(--ink-500); font-size: 10px; }.automation-strip dd { margin: 2px 0 0; font: 700 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.automation-error, .automation-warning { grid-column: 1 / -1; margin: -8px 0 0; padding: 7px 10px; border-radius: 7px; font-size: 10px; }.automation-error { background: #feecec; color: #a82727; }.automation-warning { background: #fff5de; color: #8c5c0b; }

.card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--shadow); }
.site-pulse { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; margin-bottom: 18px; padding: 26px 28px 26px 34px; overflow: hidden; }
.site-pulse__rail { position: absolute; inset: 0 auto 0 0; width: 6px; display: grid; grid-template-rows: repeat(5,1fr); }
.site-pulse__rail i:nth-child(1), .site-pulse__rail i:nth-child(5) { background: #4a9dff; }.site-pulse__rail i:nth-child(2), .site-pulse__rail i:nth-child(4) { background: var(--cyan); }.site-pulse__rail i:nth-child(3) { background: #46df9d; }
.site-pulse__identity { display: flex; align-items: center; gap: 16px; min-width: 0; }
.site-avatar { display: grid; flex: 0 0 46px; height: 46px; place-items: center; border-radius: 12px; background: var(--ink-900); color: #fff; font: 700 12px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .05em; }
.site-pulse h2, .site-card h2 { margin: 2px 0 0; font-size: 19px; letter-spacing: -.02em; }
.site-pulse a, .site-card a { color: var(--ink-500); font-size: 12px; text-decoration: none; }
.site-pulse a:hover, .site-card a:hover { color: var(--blue); }
.site-pulse__status { display: grid; justify-items: end; gap: 7px; }.site-pulse__status .label { color: var(--ink-500); font-size: 11px; }

.metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.metric-card { min-width: 0; padding: 19px 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.metric-card__label { display: block; color: var(--ink-500); font-size: 11px; font-weight: 700; }
.metric-card strong { display: block; margin: 4px 0 0; color: var(--ink-900); font: 700 27px/1.15 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: -.04em; }
.metric-card small { color: #929daf; font-size: 10px; }
.text-warning { color: var(--amber) !important; }.text-danger { color: var(--red) !important; }.text-success { color: var(--green) !important; }
.core-health { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 18px; margin-bottom: 18px; padding: 18px 20px; border-left: 4px solid var(--green); box-shadow: none; }.core-health--warning { border-left-color: var(--amber); }.core-health--danger { border-left-color: var(--red); }
.core-health__seal { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #ccd5e2; border-radius: 50%; background: #f7f9fc; color: var(--ink-800); font: 800 17px Georgia,serif; }.core-health__body h2 { margin: 2px 0; font-size: 14px; }.core-health__body p:last-child { margin: 0; color: var(--ink-500); font-size: 11px; }
.core-health dl { display: flex; gap: 20px; margin: 0; }.core-health dl div { min-width: 82px; padding-left: 14px; border-left: 1px solid var(--line); }.core-health dt { color: var(--ink-500); font-size: 10px; }.core-health dd { margin: 2px 0 0; font-weight: 800; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 18px; margin-bottom: 18px; }
.panel { padding: 24px; }
.panel--table { padding: 0; overflow: hidden; }.panel--table .panel__heading { padding: 22px 24px 18px; }
.panel__heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.panel__heading h2 { margin: 2px 0 0; font-size: 17px; letter-spacing: -.02em; }
.text-link { color: var(--blue); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.text-link:hover { text-decoration: underline; }

.issue-list { margin: 0 -8px; }
.issue-row { display: grid; grid-template-columns: 6px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 13px 8px; border-top: 1px solid #edf0f4; }
.issue-row:first-child { border-top: 0; }
.severity { width: 5px; height: 34px; border-radius: 99px; background: var(--ink-300); }.severity--high { background: var(--red); }.severity--medium { background: var(--amber); }.severity--low { background: var(--blue); }
.issue-row__body { min-width: 0; }.issue-row__body strong, .issue-row__body span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.issue-row__body span { margin-top: 2px; color: var(--ink-500); font-size: 11px; }
.issue-row__meta { display: grid; justify-items: end; gap: 4px; }.issue-row__meta time { color: #939daf; font-size: 10px; }
.timeline { position: relative; }.timeline::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 4px; width: 1px; background: #dce2eb; }
.timeline__item { position: relative; display: grid; grid-template-columns: 9px 1fr; gap: 13px; padding: 10px 0; }.timeline__node { z-index: 1; width: 9px; height: 9px; margin-top: 5px; border: 2px solid var(--paper); border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 2px #bbcdf8; }
.timeline__top { display: flex; justify-content: space-between; gap: 12px; }.timeline__top time { color: #96a0af; font-size: 10px; white-space: nowrap; }.timeline__item p { margin: 2px 0 0; color: var(--ink-500); font-size: 11px; }
code { padding: 2px 5px; border-radius: 4px; background: #f0f3f7; color: #34425c; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; }

.badge { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 4px 8px; border-radius: 99px; font-size: 10px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.badge__dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.badge--success { background: #e8f7f0; color: #08764a; }.badge--warning { background: #fff4db; color: #9a6100; }.badge--danger { background: #feecec; color: #b52727; }.badge--info { background: #eaf1ff; color: #245bbd; }.badge--neutral { background: #eef1f5; color: #5b687c; }
.badge-stack { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.plain-state { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-500); font-size: 11px; }.plain-state::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #aeb7c4; }.plain-state.is-on { color: #08764a; }.plain-state.is-on::before { background: var(--green); }

.table-scroll { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 10px 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f8f9fb; color: var(--ink-500); font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; text-align: left; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
td { padding: 14px 18px; border-bottom: 1px solid #edf0f4; vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0; } tbody tr:hover { background: #fbfcfe; }
td strong, td small { display: block; } td strong { font-size: 12px; } td small { margin-top: 2px; color: var(--ink-500); font-size: 10px; }
.table-empty { padding: 35px; color: var(--ink-500); text-align: center; }.cell-note { max-width: 420px; margin: 7px 0 0; color: var(--ink-700); font-size: 11px; }.patched-note { margin-top: 4px; color: var(--green); }
.vulnerability-id { margin-top: 5px; color: #7b8799; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.source-trail { width: fit-content; margin-top: 8px; }.source-trail summary { color: var(--blue); font-size: 10px; font-weight: 800; cursor: pointer; list-style-position: outside; }.source-trail summary span { display: inline-grid; min-width: 18px; margin-left: 3px; place-items: center; border-radius: 99px; background: #eaf1ff; font: 700 9px ui-monospace, SFMono-Regular, Consolas, monospace; }.source-trail__links { display: flex; flex-wrap: wrap; gap: 6px; max-width: 440px; margin-top: 7px; }.source-trail__links a { padding: 4px 7px; border: 1px solid #d7e1f2; border-radius: 6px; background: #f7faff; color: #315b9e; font-size: 9px; font-weight: 700; text-decoration: none; }.source-trail__links a:hover { border-color: #9ab7e8; background: #eef5ff; }.source-trail__links a:focus-visible, .source-trail summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.source-credit { color: var(--blue); font-weight: 700; text-decoration: none; }.source-credit:hover { text-decoration: underline; }.source-credit:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.sub-count { color: var(--amber); font-size: 10px; }.sub-count--danger { color: var(--red); }

.empty-state { display: grid; justify-items: center; padding: 36px 18px; text-align: center; }.empty-state__mark { display: grid; width: 35px; height: 35px; margin-bottom: 10px; place-items: center; border-radius: 50%; background: #e9f7f0; color: var(--green); font-weight: 800; }.empty-state p { max-width: 420px; margin: 4px 0 0; color: var(--ink-500); font-size: 12px; }
.site-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(310px,1fr)); gap: 18px; }.site-card { padding: 24px; }.site-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.site-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 22px 0; }.site-stats div { padding: 12px; border-radius: 9px; background: #f7f8fa; }.site-stats dt { color: var(--ink-500); font-size: 10px; }.site-stats dd { margin: 3px 0 0; font: 700 15px ui-monospace, SFMono-Regular, Consolas, monospace; }
.site-card__footer { display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--line); color: var(--ink-500); font-size: 10px; }.inline-empty { margin-top: 22px; padding: 16px; border-radius: 9px; background: #f7f8fa; color: var(--ink-500); }

.filter-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; padding: 16px; box-shadow: none; }.filter-bar label { display: grid; gap: 5px; }.filter-bar label > span, .login-card label > span { color: var(--ink-700); font-size: 10px; font-weight: 700; }
.filter-bar select, .filter-bar input, .login-card input { min-height: 38px; padding: 8px 34px 8px 11px; border: 1px solid #d8dee8; border-radius: 8px; outline: none; background: var(--paper); color: var(--ink-900); }.filter-bar select:focus, .filter-bar input:focus, .login-card input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.search-field { flex: 1 1 220px; }.search-field input { width: 100%; padding-right: 11px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 15px; border: 1px solid var(--blue); border-radius: 8px; background: var(--blue); color: #fff; font-size: 11px; font-weight: 700; text-decoration: none; }.button:hover { background: #174fc5; }.button--ghost { border-color: #d8dee8; background: var(--paper); color: var(--ink-700); }.button--ghost:hover { background: #f5f7fa; }
.severity-label { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; }.severity-label i { width: 7px; height: 7px; border-radius: 50%; }.severity-label--high { color: var(--red); }.severity-label--high i { background: var(--red); }.severity-label--medium { color: var(--amber); }.severity-label--medium i { background: var(--amber); }.severity-label--low { color: var(--blue); }.severity-label--low i { background: var(--blue); }

.settings-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.settings-card { padding: 22px; }.settings-card__icon { float: right; font-size: 20px; }.settings-card h2 { margin: 2px 0 18px; font-size: 17px; }.settings-list { margin: 0; }.settings-list div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1px solid var(--line); }.settings-list dt { color: var(--ink-500); font-size: 11px; }.settings-list dd { margin: 0; font-weight: 700; }
.notice { margin-top: 18px; padding: 16px 18px; border: 1px solid #cbdaf8; border-radius: 10px; background: #f1f6ff; color: #294a86; }.notice p { margin: 3px 0 0; font-size: 11px; }

.login-page { background: var(--ink-950); }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(380px,.9fr) minmax(460px,1.1fr); }
.login-intro { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: clamp(32px,6vw,78px); overflow: hidden; background: radial-gradient(circle at 15% 80%, rgba(37,99,235,.28), transparent 38%), var(--ink-950); color: white; }
.login-intro::after { content: ""; position: absolute; right: -120px; bottom: -120px; width: 360px; height: 360px; border: 1px solid rgba(34,211,238,.16); border-radius: 50%; box-shadow: 0 0 0 55px rgba(34,211,238,.035), 0 0 0 110px rgba(34,211,238,.02); }
.login-brand { display: flex; align-items: center; gap: 11px; font-size: 15px; }.login-intro .eyebrow { color: var(--cyan); }.login-intro h1 { max-width: 560px; margin: 14px 0 20px; font-size: clamp(34px,4.5vw,64px); line-height: 1.12; letter-spacing: -.055em; }.login-intro p:not(.eyebrow) { max-width: 500px; color: #9eabc1; font-size: 14px; }
.login-pulse { position: relative; z-index: 1; display: grid; grid-template-columns: 80px repeat(4,10px); align-items: center; gap: 12px; }.login-pulse span { height: 1px; background: linear-gradient(90deg,var(--cyan),transparent); }.login-pulse i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); opacity: .2; }.login-pulse i:nth-of-type(1) { opacity: 1; box-shadow: 0 0 0 6px rgba(34,211,238,.1); }.login-pulse i:nth-of-type(2) { opacity: .7; }.login-pulse i:nth-of-type(3) { opacity: .45; }
.login-panel { display: grid; min-height: 100vh; place-items: center; padding: 34px; background: var(--canvas); }.login-card { width: min(410px,100%); }.login-card h2 { margin: 4px 0 4px; font-size: 25px; letter-spacing: -.03em; }.login-card > div > p:last-child { margin: 0 0 26px; color: var(--ink-500); }.login-card label { display: grid; gap: 6px; margin-top: 15px; }.login-card input { width: 100%; min-height: 44px; padding-right: 12px; }.login-button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; margin-top: 22px; padding: 0 17px; border: 0; border-radius: 8px; background: var(--ink-900); color: white; font-weight: 700; }.login-button:hover { background: var(--blue); }.login-button span { font-size: 18px; }.login-security { display: block; margin-top: 13px; color: #8b96a7; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; }.form-error { margin: 16px 0; padding: 10px 12px; border: 1px solid #facaca; border-radius: 8px; background: #fff1f1; color: #ae2f2f; font-size: 12px; }

@media (max-width: 1120px) { .metric-grid { grid-template-columns: repeat(3,1fr); }.settings-grid { grid-template-columns: 1fr 1fr; }.login-intro h1 { font-size: 43px; } }
@media (max-width: 860px) {
    .sidebar { transform: translateX(-100%); transition: transform .22s ease; }.sidebar.is-open { transform: translateX(0); }.sidebar-scrim { position: fixed; inset: 0; z-index: 30; display: block; visibility: hidden; background: rgba(7,13,25,.55); opacity: 0; transition: .22s ease; }.sidebar.is-open + .sidebar-scrim { visibility: visible; opacity: 1; }
    .main-area { margin-left: 0; }.mobile-bar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 12px; height: 58px; padding: 0 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.93); backdrop-filter: blur(12px); }.mobile-brand { font-weight: 800; }.menu-button { display: grid; gap: 4px; width: 34px; height: 34px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: white; }.menu-button > span:not(.sr-only) { height: 1px; background: var(--ink-900); }
    .page-wrap { padding: 28px 22px 48px; }.dashboard-grid { grid-template-columns: 1fr; }.settings-grid { grid-template-columns: 1fr; }.automation-strip { grid-template-columns: 1fr; }.core-health { grid-template-columns: auto 1fr; }.core-health dl, .core-health .text-link { grid-column: 2; }.login-shell { grid-template-columns: 1fr; }.login-intro { display: none; }.login-panel { min-height: 100vh; }
}
@media (max-width: 620px) {
    .page-wrap { padding-inline: 15px; }.page-heading { align-items: flex-start; margin-bottom: 20px; }.page-heading > :last-child:not(:first-child) { margin-top: 8px; }.page-heading h1 { font-size: 28px; }.page-heading p:not(.eyebrow) { font-size: 12px; }
    .site-pulse { grid-template-columns: 1fr; padding: 21px 19px 21px 26px; }.site-pulse__status { justify-items: start; padding-left: 62px; }.metric-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.metric-card { padding: 15px; }.metric-card strong { font-size: 22px; }.metric-grid .metric-card:last-child { grid-column: 1 / -1; }
    .panel { padding: 18px; }.panel--table { padding: 0; }.panel__heading { align-items: flex-start; }.issue-row { grid-template-columns: 5px 1fr; }.issue-row__meta { grid-column: 2; justify-items: start; }.timeline__top { display: grid; gap: 1px; }
    .filter-bar { align-items: stretch; }.filter-bar label, .filter-bar .button { flex: 1 1 42%; }.filter-bar .search-field { flex-basis: 100%; }.site-grid { grid-template-columns: 1fr; }
    .automation-strip dl { grid-template-columns: 1fr; }.automation-strip dl div { padding: 7px 0 0; border-top: 1px solid var(--line); border-left: 0; }
    .core-health { grid-template-columns: 1fr; }.core-health__seal { width: 34px; height: 34px; }.core-health dl, .core-health .text-link { grid-column: 1; }.core-health dl { justify-content: space-between; }.core-health dl div { flex: 1; }
    th, td { padding-inline: 13px; }.login-panel { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }