/* HIP Admin Console. This is the complete admin visual system from the supplied standalone design. */
.hip-admin-shell {
    --bg: #0B1220;
    --surface: #111827;
    --elev: #161E2E;
    --border: #1F2937;
    --text: #F8FAFB;
    --secondary: #D1D5DB;
    --muted: #9CA3AF;
    --action: #14B8A6;
    --action-ink: #04121B;
    --blue: #1F6FEB;
    --info: #3B82F6;
    --violet: #7C3AED;
    --ok: #22C55E;
    --warn: #F59E0B;
    --danger: #EF4444;
    --critical: #B91C1C;
    --hairline: rgba(255,255,255,.06);
    --tint: rgba(20,184,166,.10);
    --grid: rgba(255,255,255,.04);
    --shadow: 0 24px 60px rgba(0,0,0,.22);
    --font-sans: "Satoshi", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "JetBrains Mono", Consolas, monospace;
    --panel: var(--surface);
    --elevated: var(--elev);
    --line: var(--border);
    --ink: var(--text);
    --text-secondary: var(--secondary);
    --primary: var(--action);
    --accent: var(--action);
    --success: var(--ok);
    min-height: 100vh;
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    color: var(--text);
    background-color: var(--bg);
    background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size: 64px 64px;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.hip-admin-sidebar {
    position: sticky;
    top: 0;
    z-index: 30;
    height: 100vh;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 18px 12px 14px;
    overflow: hidden;
    border-right: 1px solid var(--border);
    background: var(--surface);
}

.hip-admin-sidebar .hip-admin-brand {
    min-height: 52px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 28px;
    align-items: center;
    gap: 10px;
    margin: 0 2px 18px;
    padding: 0 5px 14px;
    border-bottom: 1px solid var(--hairline);
}

.hip-admin-sidebar .hip-admin-brand .mark { width: 28px; height: 34px; }
.hip-admin-sidebar .hip-admin-brand b { display:block; color:var(--text); font-size:16px; line-height:1.1; }
.hip-admin-sidebar .hip-admin-brand small { display:block; margin-top:4px; color:var(--muted); font:700 7.5px var(--font-mono); letter-spacing:.1em; white-space:nowrap; }
.hip-admin-nav-collapse { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--border); border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; }
.hip-admin-nav-collapse svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.hip-admin-nav { min-height:0; display:flex; flex-direction:column; gap:3px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--border) transparent; }
.hip-admin-nav-item {
    min-height: 39px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--secondary) !important;
    font-size: 12.5px;
    font-weight: 650;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.hip-admin-nav-item svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.hip-admin-nav-item:hover { border-color:var(--border); background:var(--elev); color:var(--text) !important; }
.hip-admin-nav-item.active { border-color:rgba(20,184,166,.18); background:var(--tint); color:var(--action) !important; }

.hip-admin-sidebar .operator { margin-top:auto; padding:14px 7px 0; border-top:1px solid var(--hairline); }
.hip-admin-sidebar .operator .avatar { background:var(--tint); color:var(--action); }
.hip-admin-sidebar .operator b { color:var(--text); }
.hip-admin-sidebar .operator small { color:var(--muted); }

.hip-admin-main { min-width:0; }
.hip-admin-topbar {
    position: sticky;
    top: 0;
    z-index: 25;
    min-height: 62px;
    display: grid;
    grid-template-columns: auto minmax(260px, 520px) 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 12px 26px;
    border-bottom: 1px solid var(--border);
    background: rgba(11,18,32,.94);
    backdrop-filter: blur(16px);
}
.hip-admin-menu { display:none; }
.hip-admin-environment { min-height:34px; display:inline-flex; align-items:center; gap:9px; padding:0 14px; border:1px solid rgba(245,158,11,.28); border-radius:9px; background:rgba(245,158,11,.10); color:var(--warn); font:800 10.5px var(--font-mono); text-transform:uppercase; letter-spacing:.12em; }
.hip-admin-environment i { width:6px; height:6px; border-radius:50%; background:var(--warn); box-shadow:none; }
.hip-admin-search { min-height:38px; display:flex; align-items:center; gap:9px; padding:0 11px; border:1px solid var(--border); border-radius:9px; background:var(--surface); }
.hip-admin-search svg { width:15px; height:15px; fill:none; stroke:var(--muted); stroke-width:2; }
.hip-admin-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--text); font:500 12.5px var(--font-sans); }
.hip-admin-search span { padding:2px 6px; border:1px solid var(--border); border-radius:5px; color:var(--muted); font:700 10px var(--font-mono); }
.hip-admin-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.hip-admin-actions > a:first-child { color:var(--secondary); font-size:12px; font-weight:700; text-decoration:none; }
.hip-admin-icon-button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--border); border-radius:8px; color:var(--secondary); }
.hip-admin-icon-button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.hip-admin-account { min-height:34px; display:flex; align-items:center; gap:8px; padding:4px 9px 4px 5px; border:1px solid var(--border); border-radius:9px; background:var(--surface); }
.hip-admin-account b { width:25px; height:25px; display:grid; place-items:center; border-radius:6px; background:var(--tint); color:var(--action); font:800 8px var(--font-mono); }
.hip-admin-account strong { color:var(--secondary); font-size:11.5px; }
.hip-admin-sidebar > .operator { display:none; }

.hip-admin-content { min-width:0; min-height:calc(100vh - 62px); }
.hip-admin-content > main,
.hip-admin-content > .admin-page,
.hip-admin-content > .admin-redesign-page,
.hip-admin-content > .admin-rule-page { max-width:none !important; min-height:calc(100vh - 62px); margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--text); }

/* Shared admin surfaces replace the former editorial theme across every route. */
.hip-admin-content :is(.card,.panel,.admin-card,.stat-card,.admin-panel,.rule-card,.settings-card,.alert-card,.table-shell,.table-card) {
    border:1px solid var(--border) !important;
    border-radius:13px !important;
    background:var(--surface) !important;
    box-shadow:none !important;
    color:var(--text);
}
.hip-admin-content :is(h1,h2,h3,h4,strong,b) { color:var(--text); }
.hip-admin-content :is(p,small,.muted,.subtitle,.description) { color:var(--muted); }
.hip-admin-content :is(a:not(.button):not(.btn),button.link) { color:var(--action); }
.hip-admin-content :is(input,select,textarea) { border-color:var(--border); border-radius:8px; background:var(--bg); color:var(--text); }
.hip-admin-content :is(table) { color:var(--secondary); }
.hip-admin-content :is(th) { color:var(--muted); font-family:var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.hip-admin-content :is(td,th) { border-color:var(--hairline); }

/* Exact supplied summary-card structure: icon, value, period and colored status. */
.summary-card-row .editorial-metric { min-height:176px; }
.summary-card-row .metric-heading { min-height:30px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.summary-card-row .metric-heading > span { min-height:0; flex:1; }
.summary-card-row .metric-icon { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:9px; background:rgba(20,184,166,.12); color:var(--action); }
.summary-card-row .metric-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.summary-card-row .editorial-metric > strong { margin:18px 0 8px; }
.summary-card-row .editorial-metric > small { margin:0; color:var(--muted); }
.summary-card-row .editorial-metric > em { margin-top:auto; color:var(--ok); font:800 11px var(--font-sans); font-style:normal; }
.summary-card-row .metric-blue .metric-icon { background:rgba(59,130,246,.13); color:var(--info); }
.summary-card-row .metric-blue > em { color:var(--warn); }
.summary-card-row .metric-red .metric-icon { background:rgba(239,68,68,.13); color:var(--danger); }
.summary-card-row .metric-red > em { color:var(--danger); }
.summary-card-row .metric-amber .metric-icon { background:rgba(245,158,11,.13); color:var(--warn); }
.summary-card-row .metric-amber > em { color:var(--warn); }

/* Supplied Live Event Geography composition. */
.event-geography { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr); gap:18px; margin:26px 0; }
.event-geography-map,.event-stream { min-width:0; border:1px solid var(--border); border-radius:14px; background:var(--surface); overflow:hidden; }
.event-geography-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 20px 12px; }
.event-geography-header h2 { margin:0 0 6px; color:var(--text); font-size:20px; letter-spacing:-.02em; }
.event-geography-header span { color:var(--muted); font-size:12.5px; }
.event-geography-controls { display:flex; gap:7px; }
.event-geography-controls button { min-height:32px; padding:0 10px; border:1px solid var(--border); border-radius:8px; background:var(--elev); color:var(--secondary); font-size:11px; font-weight:700; cursor:pointer; }
.event-geography-controls button[aria-pressed="true"] { border-color:var(--action); color:var(--action); }
.event-geography-filters { display:flex; flex-wrap:wrap; gap:7px; padding:0 20px 14px; border-bottom:1px solid var(--hairline); }
.event-geography-filters button { min-height:31px; display:inline-flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--border); border-radius:999px; background:transparent; color:var(--muted); font-size:10.5px; font-weight:750; cursor:pointer; }
.event-geography-filters button.active { border-color:rgba(20,184,166,.48); background:var(--tint); color:var(--action); }
.event-geography-filters i,.event-geography-legend i { width:7px; height:7px; border-radius:50%; background:var(--action); }
.event-geography :is(.event-geography-filters,.event-geography-legend) i.blue { background:var(--info) !important; }.event-geography :is(.event-geography-filters,.event-geography-legend) i.green { background:var(--ok) !important; }.event-geography :is(.event-geography-filters,.event-geography-legend) i.red { background:var(--danger) !important; }.event-geography :is(.event-geography-filters,.event-geography-legend) i.amber { background:var(--warn) !important; }.event-geography :is(.event-geography-filters,.event-geography-legend) i.slate { background:var(--muted) !important; }
.event-geography-canvas-wrap { position:relative; min-height:510px; }
.event-geography-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.event-geography-legend { display:flex; flex-wrap:wrap; gap:12px 18px; padding:13px 16px; border-top:1px solid var(--hairline); color:var(--secondary); font-size:10.5px; }
.event-geography-legend span { display:inline-flex; align-items:center; gap:7px; }
.event-geography-legend strong { color:var(--muted); font:800 10.5px var(--font-mono); }
.event-geography-privacy { margin:0 !important; padding:0 16px 16px; color:var(--muted) !important; font-size:10.5px !important; font-style:italic; }
.event-stream { display:flex; flex-direction:column; }
.event-stream > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--hairline); }
.event-stream h3 { margin:0; font-size:17px; }
.event-stream-state { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font:800 9px var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.event-stream-state i { width:7px; height:7px; border-radius:50%; background:currentColor; }.event-stream-state.active{color:var(--ok)}.event-stream-state.partial{color:var(--warn)}
.event-stream ol { list-style:none; margin:0; padding:0 18px; }
.event-stream li { display:grid; grid-template-columns:10px minmax(0,1fr); gap:10px; padding:14px 0; border-bottom:1px solid var(--hairline); }
.event-dot { width:8px; height:8px; margin-top:4px; border-radius:50%; background:var(--action); }
.event-stream li div { display:grid; gap:3px; }.event-stream li b{font-size:12px}.event-stream li span{color:var(--secondary);font-size:11.5px;line-height:1.45}.event-stream li small{color:var(--muted);font:600 9.5px var(--font-mono)}
.event-stream-empty { display:grid; gap:7px; margin:auto 18px; padding:20px; border:1px dashed var(--border); border-radius:10px; }.event-stream-empty span{color:var(--muted);font-size:12px;line-height:1.5}
.event-stream footer { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding:14px 18px; border-top:1px solid var(--hairline); }.event-stream footer a{font-size:11px;font-weight:750;text-decoration:none}.event-stream footer time{color:var(--muted);font:600 9.5px var(--font-mono)}
.queued-events { margin:12px 18px 0; padding:8px 10px; border-radius:8px; background:var(--tint); color:var(--action); font-size:11px; font-weight:700; }

body:has(.hip-admin-shell) { margin:0; overflow-x:hidden; background:#0B1220; }

.hip-admin-shell.nav-collapsed { grid-template-columns:68px minmax(0,1fr); }
.hip-admin-shell.nav-collapsed .hip-admin-sidebar .hip-admin-brand { grid-template-columns:34px; }
.hip-admin-shell.nav-collapsed .hip-admin-brand > div,
.hip-admin-shell.nav-collapsed .hip-admin-nav-collapse,
.hip-admin-shell.nav-collapsed .hip-admin-nav-item span,
.hip-admin-shell.nav-collapsed .operator > div { display:none; }
.hip-admin-shell.nav-collapsed .hip-admin-nav-item { grid-template-columns:18px; justify-content:center; padding-inline:10px; }

@media (max-width:980px) {
    .hip-admin-shell { grid-template-columns:68px minmax(0,1fr); }
    .hip-admin-sidebar .hip-admin-brand { grid-template-columns:34px; }
    .hip-admin-brand > div,.hip-admin-nav-collapse,.hip-admin-nav-item span,.hip-admin-sidebar .operator > div { display:none; }
    .hip-admin-nav-item { grid-template-columns:18px; justify-content:center; }
    .hip-admin-topbar { grid-template-columns:auto minmax(220px,1fr) auto; }
    .hip-admin-environment { display:none; }
    .event-geography { grid-template-columns:1fr; }
    .event-geography-canvas-wrap { min-height:440px; }
}
@media (max-width:720px) {
    .hip-admin-shell { display:block; }
    .hip-admin-sidebar { position:fixed; left:0; width:248px; transform:translateX(-102%); transition:transform .18s ease; box-shadow:var(--shadow); }
    .hip-admin-shell.nav-open .hip-admin-sidebar { transform:translateX(0); }
    .hip-admin-sidebar .hip-admin-brand { grid-template-columns:34px minmax(0,1fr); }
    .hip-admin-brand > div,.hip-admin-nav-item span,.hip-admin-sidebar .operator > div { display:block; }
    .hip-admin-nav-item { grid-template-columns:18px minmax(0,1fr); justify-content:initial; }
    .hip-admin-menu { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--secondary); }
    .hip-admin-menu svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; }
    .hip-admin-topbar { grid-template-columns:auto minmax(0,1fr) auto; padding-inline:14px; }
    .hip-admin-actions > a:first-child,.hip-admin-account strong { display:none; }
}
@media (max-width:520px) { .hip-admin-search { display:none; } .hip-admin-topbar { grid-template-columns:auto 1fr auto; } }
@media (max-width:600px) { .event-geography-header{display:block}.event-geography-controls{margin-top:12px}.event-geography-canvas-wrap{min-height:360px}.event-geography-filters{max-height:116px;overflow:auto} }
@media (prefers-reduced-motion:reduce) { .hip-admin-sidebar,.hip-admin-nav-item { transition:none !important; } }

/* Full route system from the supplied standalone design. */
.hip-admin-content {
    --admin-pad-x: clamp(14px, 2vw, 26px);
    --admin-pad-y: clamp(20px, 2.4vw, 30px);
}

.hip-admin-content > :is(main, section, div):first-child,
.hip-admin-content > main,
.hip-admin-content > .admin-redesign-page,
.hip-admin-content > .admin-rule-page,
.hip-admin-content > .alert-center-page,
.hip-admin-content > .audit-trail-page,
.hip-admin-content > .license-page,
.hip-admin-content > .license-detail-page,
.hip-admin-content > .license-create-page,
.hip-admin-content > .service-clients-page {
    width: 100%;
    min-width: 0;
    padding: var(--admin-pad-y) var(--admin-pad-x) 96px !important;
}

.hip-admin-content :is(.admin-redesign-page,.admin-rule-page,.alert-center-page,.audit-trail-page,.license-page,.license-detail-page,.license-create-page,.service-clients-page) {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    min-width: 0;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) > :first-child {
    min-width: 0;
}

.hip-admin-content :is(.eyebrow,.hip-eyebrow,.activity-eyebrow) {
    margin: 0 0 12px !important;
    color: var(--action) !important;
    font: 800 10.5px/1.2 var(--font-mono) !important;
    letter-spacing: .2em !important;
    text-transform: uppercase;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) h1,
.hip-admin-content > :is(main,section,div) h1:first-of-type {
    margin: 0 0 9px !important;
    color: var(--text) !important;
    font: 800 clamp(26px, 2.6vw, 36px)/1.12 var(--font-sans) !important;
    letter-spacing: -.035em !important;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) p {
    max-width: 650px;
    margin: 0 !important;
    color: var(--secondary) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.admin-heading-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.admin-record-count {
    color: var(--muted);
    font: 600 11.5px var(--font-mono);
    white-space: nowrap;
}

.hip-admin-content :is(.rule-builder-panel,.hip-panel,.lookup-result,.hip-alert-row,.hip-platform-row,.hip-action-card,.hip-privacy-callout,.license-summary-card,.audit-detail-card,.data-panel,.score-card,.attention-panel,.outcomes-panel,.managed-application-queue) {
    min-width: 0;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    background: var(--surface) !important;
    color: var(--text) !important;
    box-shadow: none !important;
}

.hip-admin-content :is(.rule-builder-panel,.hip-panel,.lookup-result,.data-panel) > h2:first-child,
.hip-admin-content :is(.rule-builder-panel,.hip-panel,.lookup-result,.data-panel) > :first-child h2 {
    margin: 0 0 7px;
    color: var(--text);
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -.015em;
}

.admin-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: -20px -20px 18px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}

.admin-panel-title > span {
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .14em;
    text-transform: uppercase;
}

.admin-panel-title > small {
    padding: 3px 7px;
    border-radius: 5px;
    background: var(--tint);
    color: var(--action);
    font: 800 9px var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-filter-pills,
.hip-admin-content :is(.alert-tabs,.range-tabs,.hip-tabs,.verification-filters) {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin: 0 0 6px;
}

.admin-filter-pills button,
.hip-admin-content :is(.alert-tabs,.range-tabs,.hip-tabs,.verification-filters) :is(button,a) {
    min-height: 34px;
    padding: 6px 13px !important;
    border: 1px solid var(--border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--muted) !important;
    font: 700 12px var(--font-sans) !important;
    text-decoration: none !important;
    cursor: pointer;
}

.admin-filter-pills button:is(.active,[aria-pressed="true"]),
.hip-admin-content :is(.alert-tabs,.range-tabs,.hip-tabs,.verification-filters) :is(.active,[aria-current="page"],[aria-pressed="true"]) {
    border-color: var(--action) !important;
    background: var(--tint) !important;
    color: var(--action) !important;
}

.hip-admin-content :is(.table-scroll,.hip-table-wrap,.rule-table-scroll,.audit-table-scroll,.certificate-table-scroll,.license-table-wrap) {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface);
}

.hip-admin-content :is(.admin-list-card,.rule-catalogue-panel) {
    padding: 0 !important;
    overflow: hidden;
}

.hip-admin-content .admin-list-card > .service-client-heading,
.hip-admin-content .rule-catalogue-panel > :not(.rule-table-scroll):not(.rule-pagination) {
    margin: 0;
    padding: 18px 20px;
}

.hip-admin-content .admin-list-card .table-scroll,
.hip-admin-content .rule-catalogue-panel .rule-table-scroll {
    border: 0;
    border-top: 1px solid var(--border);
    border-radius: 0;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) {
    width: 100%;
    min-width: 720px;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0;
    background: var(--surface) !important;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) thead {
    background: var(--elev);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) th {
    padding: 13px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    background: var(--elev) !important;
    color: var(--muted) !important;
    font: 800 9.5px/1.3 var(--font-mono) !important;
    letter-spacing: .13em !important;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) td {
    padding: 15px 16px !important;
    border: 0 !important;
    border-top: 1px solid var(--hairline) !important;
    color: var(--secondary) !important;
    font-size: 13.5px;
    line-height: 1.45;
    vertical-align: middle;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr {
    background: var(--surface);
    transition: background .14s ease;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:hover {
    background: var(--elev) !important;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table) td:first-child strong {
    display: inline-block;
    margin-bottom: 3px;
    color: var(--text);
    font-weight: 700;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table) code {
    display: block;
    color: var(--action);
    font: 500 11px var(--font-mono);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table) small {
    display: block;
    margin-top: 6px;
    color: var(--muted) !important;
    font-size: 12px;
    line-height: 1.45;
}

.hip-admin-content .admin-rule-table tr[class^="admin-row-"] td:first-child {
    border-left: 3px solid var(--action) !important;
}
.hip-admin-content .admin-rule-table tr.admin-row-owner td:first-child { border-left-color: var(--action) !important; }
.hip-admin-content .admin-rule-table tr.admin-row-admin td:first-child { border-left-color: var(--info) !important; }
.hip-admin-content .admin-rule-table tr.admin-row-reviewer td:first-child { border-left-color: var(--ok) !important; }
.hip-admin-content .admin-rule-table tr.admin-row-disabled td:first-child { border-left-color: var(--warn) !important; }
.hip-admin-content .admin-rule-table tr.admin-row-standard td:first-child { border-left-color: var(--muted) !important; }

.hip-admin-content :is(.hip-primary-action,.primary-button,.dashboard-refresh-button),
.hip-admin-content button:not([class]):not([aria-pressed]):not([role="radio"]):not([role="switch"]):not([role="checkbox"]) {
    min-height: 38px;
    padding: 9px 15px;
    border: 1px solid var(--action);
    border-radius: 9px;
    background: var(--action);
    color: var(--action-ink);
    font: 750 13px var(--font-sans);
    text-decoration: none;
    cursor: pointer;
}

/* The primary action is an anchor on catalogue pages. Make its label and
   alignment explicit so generic anchor rules cannot produce a blank teal
   control in the final cascade. */
.hip-admin-content a.hip-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--action-ink) !important;
    line-height: 1.2;
    white-space: nowrap;
}

.hip-admin-content :is(.hip-secondary-action,.secondary-button,.rule-edit-link,.license-sort-button),
.hip-admin-content .button-row > button + button {
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid var(--border) !important;
    border-radius: 9px;
    background: var(--elev) !important;
    color: var(--secondary) !important;
    font: 700 12.5px var(--font-sans);
    text-decoration: none;
    cursor: pointer;
}

.hip-admin-content :is(button,a)[disabled],
.hip-admin-content :is(button,a)[aria-disabled="true"] {
    border-color: var(--border) !important;
    background: var(--elev) !important;
    color: var(--muted) !important;
    cursor: not-allowed;
    opacity: .72;
}

.hip-admin-content :is(.button-row,.service-client-actions,.hip-button-row,.certificate-row-actions,.alert-row-actions,.rule-actions,.license-actions) {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.hip-admin-content :is(.rule-form-grid,.license-create-grid,.dns-form-grid,.hip-form-grid) {
    display: grid;
    grid-template-columns: minmax(150px, .34fr) minmax(240px, 1fr);
    gap: 10px 18px;
    align-items: center;
}

.hip-admin-content :is(.rule-form-grid,.license-create-grid,.dns-form-grid,.hip-form-grid) > label,
.hip-admin-content .rule-builder-panel > label {
    color: var(--text);
    font-size: 13px;
    font-weight: 650;
}

.hip-admin-content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height: 42px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border) !important;
    border-radius: 9px !important;
    background: var(--bg) !important;
    color: var(--text) !important;
    font: 500 13.5px var(--font-sans);
    outline: 0;
}

.hip-admin-content textarea { min-height: 92px; resize: vertical; line-height: 1.55; }
.hip-admin-content :is(input,select,textarea):focus-visible {
    border-color: var(--action) !important;
    box-shadow: 0 0 0 3px rgba(20,184,166,.16) !important;
}
.hip-admin-content :is(input,select,textarea):disabled {
    background: var(--elev) !important;
    color: var(--muted) !important;
}

.hip-admin-content .rule-form-grid > small,
.hip-admin-content :is(.form-group,.license-field) small {
    grid-column: 2;
    margin: -5px 0 5px;
    color: var(--muted) !important;
    font-size: 11.5px;
    line-height: 1.5;
}

.hip-admin-content .form-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.hip-admin-content .form-row > label { flex: 1 1 180px; }
.hip-admin-content .condition-row {
    display: grid;
    grid-template-columns: minmax(140px,1fr) minmax(120px,.7fr) minmax(160px,1fr) auto;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg);
}

.hip-admin-content .rule-builder-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: start;
}
.hip-admin-content .admin-rules-editor { grid-template-columns: minmax(360px,.82fr) minmax(400px,1.18fr); }
.hip-admin-content .admin-rule-editor-form,
.hip-admin-content .admin-rule-preview { min-height: 100%; }
.hip-admin-content .admin-rule-editor-form > h3 {
    margin: 22px 0 10px;
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Rules editor: ported directly from the standalone redesign. The rule list is
   the navigator and the selected rule editor is the detail pane. */
.hip-admin-content .admin-rules-workspace {
    display: grid;
    grid-template-columns: minmax(430px,1.22fr) minmax(390px,.78fr);
    gap: 18px;
    align-items: start;
}
.hip-admin-content .admin-rule-selector {
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
}
.hip-admin-content .admin-rule-selector > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .14em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-selector > header small {
    color: var(--muted);
    font: 500 10.5px var(--font-mono);
    letter-spacing: 0;
    text-transform: none;
}
.hip-admin-content .admin-rule-new {
    display: block;
    padding: 10px 16px;
    border-bottom: 1px solid var(--hairline);
    color: var(--action);
    font: 700 11px var(--font-mono);
    letter-spacing: .04em;
    text-decoration: none;
}
.hip-admin-content .admin-rule-selector nav { display: block; }
.hip-admin-content .admin-rule-selector-row {
    display: block;
    padding: 13px 16px;
    border-top: 1px solid var(--hairline);
    border-left: 3px solid transparent;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease;
}
.hip-admin-content .admin-rule-selector-row:first-child { border-top: 0; }
.hip-admin-content .admin-rule-selector-row:hover,
.hip-admin-content .admin-rule-selector-row:focus-visible { background: var(--elev); }
.hip-admin-content .admin-rule-selector-row.selected {
    border-left-color: var(--action);
    background: var(--tint);
}
.hip-admin-content .admin-rule-selector-title,
.hip-admin-content .admin-rule-selector-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}
.hip-admin-content .admin-rule-selector-title { margin-bottom: 7px; }
.hip-admin-content .admin-rule-selector-title strong {
    overflow: hidden;
    min-width: 0;
    color: var(--text);
    font-size: 13.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hip-admin-content .admin-rule-selector-title em,
.hip-admin-content .admin-rule-selector-title b {
    flex: 0 0 auto;
    padding: 2px 7px;
    border-radius: 4px;
    font: 800 9px var(--font-mono);
    font-style: normal;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-selector-title em { background: rgba(185,28,28,.16); color: var(--danger); }
.hip-admin-content .admin-rule-selector-title b { margin-left: auto; }
.hip-admin-content .admin-rule-selector-title b.is-active { background: rgba(34,197,94,.12); color: var(--ok); }
.hip-admin-content .admin-rule-selector-title b.is-draft { background: var(--elev); color: var(--muted); }
.hip-admin-content .admin-rule-selector-meta {
    flex-wrap: wrap;
    color: var(--muted);
    font: 500 10.5px var(--font-mono);
}
.hip-admin-content .admin-rule-selector-meta code {
    overflow: hidden;
    max-width: 180px;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hip-admin-content .admin-rule-empty {
    display: grid;
    gap: 5px;
    padding: 22px 16px;
    color: var(--muted);
}
.hip-admin-content .admin-rule-empty strong { color: var(--text); font-size: 13px; }
.hip-admin-content .admin-rule-empty span { font-size: 12px; line-height: 1.5; }
.hip-admin-content .admin-rule-editor-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.hip-admin-content .admin-rule-editor-form {
    padding: 20px !important;
    border-radius: 14px !important;
}
.hip-admin-content .admin-rule-editor-form > .admin-panel-title {
    margin: -20px -20px 18px;
    padding: 13px 18px;
}
.hip-admin-content .admin-rule-editor-heading h2 {
    margin-bottom: 5px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}
.hip-admin-content .admin-rule-editor-heading code { color: var(--muted); font: 500 11.5px var(--font-mono); }
.hip-admin-content .admin-rule-editor-status {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 5px;
    font: 800 9.5px var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-editor-status.is-active { background: rgba(34,197,94,.12); color: var(--ok); }
.hip-admin-content .admin-rule-editor-status.is-draft { background: var(--elev); color: var(--muted); }
.hip-admin-content .admin-rule-editor-form > label {
    display: grid;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-editor-form > label :is(input,textarea) {
    font: 500 13px var(--font-sans);
    letter-spacing: 0;
    text-transform: none;
}
.hip-admin-content .admin-rule-editor-form > .form-row {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 14px;
}
.hip-admin-content .admin-rule-editor-form > .form-row > label {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg);
    color: var(--secondary);
    font-size: 12px;
    font-weight: 650;
}
.hip-admin-content .admin-rule-editor-form > .form-row > label:has(select) {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-editor-form > h3 {
    margin: 22px 0 12px !important;
    color: var(--muted) !important;
    font: 800 9.5px var(--font-mono) !important;
    letter-spacing: .14em !important;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-editor-form > h3:first-of-type::after {
    content: " — all must match";
}
.hip-admin-content .admin-rule-editor-form .condition-row {
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--surface);
}
.hip-admin-content .admin-rule-sample-result {
    margin-top: 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg);
}
.hip-admin-content .admin-rule-sample-result > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.hip-admin-content .admin-rule-sample-result > header small { color: var(--secondary); font: 700 10px var(--font-mono); letter-spacing: 0; }
.hip-admin-content .admin-rule-sample-result > p { margin: 0; padding: 14px; }
.hip-admin-content .admin-rule-simulation-metrics {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.hip-admin-content .admin-rule-simulation-metrics > span {
    display: grid;
    gap: 4px;
    padding: 13px 14px;
    border-top: 1px solid var(--hairline);
}
.hip-admin-content .admin-rule-simulation-metrics > span:nth-child(odd) { border-right: 1px solid var(--hairline); }
.hip-admin-content .admin-rule-simulation-metrics small { color: var(--muted); font-size: 11px; }
.hip-admin-content .admin-rule-simulation-metrics strong { color: var(--text); font-size: 13px; }
.hip-admin-content .admin-rule-source {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg);
}
.hip-admin-content .admin-rule-source summary { color: var(--secondary); cursor: pointer; font-size: 12.5px; font-weight: 700; }
.hip-admin-content .admin-rule-source[open] summary { margin-bottom: 12px; }
.hip-admin-content .admin-rule-editor-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.hip-admin-content .admin-rule-editor-actions .hip-tertiary-action {
    border-color: transparent;
    background: transparent;
    color: var(--muted);
}
.hip-admin-content .admin-rule-editor-actions .hip-tertiary-action:hover { color: var(--action); }
.hip-admin-content :is(.json-editor,.json-preview) {
    width: 100%;
    min-height: 260px;
    margin: 12px 0;
    padding: 15px;
    overflow: auto;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    background: var(--bg) !important;
    color: var(--secondary) !important;
    font: 500 11.5px/1.75 var(--font-mono) !important;
}
.hip-admin-content .simulation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: 9px;
    margin: 14px 0;
}
.hip-admin-content .simulation-grid > * {
    padding: 11px 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg);
    color: var(--muted);
    font-size: 12px;
}

.hip-admin-content .rule-count-grid,
.hip-admin-content :is(.summary-grid,.license-summary-grid,.dashboard-grid,.hip-card-row,.score-grid,.scan-score-grid,.operational-grid) {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
    gap: 12px;
}
.hip-admin-content .rule-count-grid > span,
.hip-admin-content :is(.hip-mini-stat,.license-summary-card,.summary-card,.score-card) {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--elev);
    color: var(--muted);
    font-size: 12px;
}
.hip-admin-content .rule-count-grid strong,
.hip-admin-content :is(.hip-mini-stat,.license-summary-card,.summary-card,.score-card) strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
    font: 800 24px var(--font-mono);
}

.hip-admin-content .rule-catalogue-filters,
.hip-admin-content :is(.alert-toolbar,.audit-toolbar,.verification-filters) {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 12px;
    align-items: end;
}
.hip-admin-content .rule-catalogue-filters label {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}
.hip-admin-content .rule-count-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hip-admin-content .rule-count-grid > span {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    font: 650 11px var(--font-sans);
}
.hip-admin-content .rule-count-grid strong {
    color: var(--text);
    font: 800 12px var(--font-mono);
}
.hip-admin-content .admin-rule-table tbody tr > td:first-child {
    border-left: 3px solid transparent;
}
.hip-admin-content .admin-rule-table tbody tr.good > td:first-child { border-left-color: var(--ok); }
.hip-admin-content .admin-rule-table tbody tr.verified > td:first-child { border-left-color: var(--action); }
.hip-admin-content .admin-rule-table tbody tr.review > td:first-child { border-left-color: var(--info); }
.hip-admin-content .admin-rule-table tbody tr.warning > td:first-child { border-left-color: var(--warn); }
.hip-admin-content .admin-rule-table tbody tr.danger > td:first-child,
.hip-admin-content .admin-rule-table tbody tr.risk > td:first-child { border-left-color: var(--danger); }
.hip-admin-content .admin-rule-table tbody tr.critical > td:first-child { border-left-color: var(--critical); }

.hip-admin-content :is(.rule-pagination,.alert-pagination) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font: 600 11.5px var(--font-mono);
}

.hip-admin-content .rule-dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(4,8,16,.78);
}
.hip-admin-content .rule-dialog {
    width: min(760px,100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: 0 30px 80px rgba(0,0,0,.5);
}
.hip-admin-content .rule-dialog > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: -22px -22px 18px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--border);
}
.hip-admin-content .rule-dialog h2 { margin: 0; font-size: 20px; }
.hip-admin-content .rule-dialog-close {
    width: 34px;
    height: 34px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--elev);
    color: var(--secondary);
    font-size: 20px;
    cursor: pointer;
}

.hip-admin-content :is(.rule-detail-grid,.license-facts,.hip-definition-list,.scan-detail-list) {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--border);
}
.hip-admin-content :is(.rule-detail-grid,.license-facts,.hip-definition-list,.scan-detail-list) > div {
    padding: 13px 15px;
    background: var(--surface);
}
.hip-admin-content :is(dt,.license-label) {
    margin-bottom: 6px;
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .11em;
    text-transform: uppercase;
}
.hip-admin-content dd { margin: 0; color: var(--secondary); font-size: 13px; font-weight: 650; }

.hip-admin-content :is(.admin-message,.service-client-message,.license-notice,.hip-inline-alert,.data-note,.dashboard-data-note,.dns-safety-note,.source-warning) {
    margin: 0;
    padding: 13px 15px;
    border: 1px solid rgba(59,130,246,.38);
    border-radius: 10px;
    background: rgba(59,130,246,.08);
    color: var(--secondary) !important;
    font-size: 13px;
    line-height: 1.55;
}
.hip-admin-content :is(.admin-message,.service-client-message,.license-notice,.hip-inline-alert).error,
.hip-admin-content :is(.admin-error,.lookup-error,.hip-error-text) {
    border-color: rgba(239,68,68,.42) !important;
    background: rgba(239,68,68,.08) !important;
    color: var(--danger) !important;
}

.hip-admin-content :is(.hip-pill,.license-status,.certificate-state,.table-status,.status-glyph) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--elev);
    color: var(--secondary);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .05em;
    text-transform: uppercase;
}
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).good,
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).success { border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10);color:var(--ok); }
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).caution,
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).warning { border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.10);color:var(--warn); }
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).danger,
.hip-admin-content :is(.hip-pill,.license-status,.certificate-state).risk { border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.10);color:var(--danger); }

.hip-admin-content :is(.hip-two-column,.dashboard-detail-grid,.scan-detail-grid,.license-create-grid,.license-overview-grid,.service-client-layout) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: start;
}

.hip-admin-content :is(.loading-state,.dashboard-loading-state,.visual-empty,.alert-empty-state,.audit-empty-state,.license-empty,.license-empty-inline,.rule-catalogue-empty,.verification-empty,.api-unavailable) {
    padding: 44px 24px;
    border: 1px dashed var(--border);
    border-radius: 13px;
    background: var(--surface);
    color: var(--muted);
    text-align: center;
    font-size: 13.5px;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .hip-admin-content .admin-rules-workspace,
    .hip-admin-content .admin-rules-editor,
    .hip-admin-content .rule-builder-grid,
    .hip-admin-content :is(.hip-two-column,.dashboard-detail-grid,.scan-detail-grid,.license-create-grid,.license-overview-grid,.service-client-layout) { grid-template-columns: 1fr; }
    .hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) { align-items:flex-start; flex-direction:column; }
    .admin-heading-actions { justify-content:flex-start; }
}

@media (max-width: 640px) {
    .hip-admin-content { --admin-pad-x: 14px; --admin-pad-y: 20px; }
    .hip-admin-content :is(.rule-form-grid,.license-create-grid,.dns-form-grid,.hip-form-grid) { grid-template-columns:1fr; }
    .hip-admin-content .rule-form-grid > small { grid-column:1; }
    .hip-admin-content .condition-row { grid-template-columns:1fr; }
    .hip-admin-content :is(.rule-builder-panel,.hip-panel,.lookup-result,.hip-alert-row,.hip-platform-row,.hip-action-card,.hip-privacy-callout,.license-summary-card,.audit-detail-card,.data-panel,.score-card,.attention-panel,.outcomes-panel,.managed-application-queue) { padding:16px !important; }
    .admin-panel-title { margin:-16px -16px 16px; }
    .hip-admin-content .rule-dialog-backdrop { padding:10px; }
    .hip-admin-content .rule-dialog { max-height:calc(100vh - 20px); padding:18px; }
    .hip-admin-content .rule-dialog > header { margin:-18px -18px 18px; padding:16px 18px; }
}

/* Filter controls intentionally remain quiet pills, even when they are buttons. */
.hip-admin-content .admin-filter-pills button,
.hip-admin-content :is(.alert-tabs,.range-tabs,.hip-tabs,.verification-filters) :is(button,a) {
    min-height: 34px !important;
    padding: 6px 13px !important;
    border: 1px solid var(--border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--muted) !important;
    font: 700 12px var(--font-sans) !important;
}
.hip-admin-content .admin-filter-pills button:is(.active,[aria-pressed="true"]),
.hip-admin-content :is(.alert-tabs,.range-tabs,.hip-tabs,.verification-filters) :is(.active,[aria-current="page"],[aria-pressed="true"]) {
    border-color: var(--action) !important;
    background: var(--tint) !important;
    color: var(--action) !important;
}

/* Trust Pulse is a complete, source-matched operational view. These final rules
   intentionally outrank the generic admin button treatment above. */
.hip-admin-content .event-geography {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr);
    gap: 18px;
    margin: 26px 0;
}
.hip-admin-content :is(.event-geography-map,.event-stream) {
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    overflow: hidden;
}
.hip-admin-content .event-geography-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 20px 12px;
}
.hip-admin-content .event-geography-header h2 { margin: 0 0 6px; font-size: 20px; letter-spacing: -.02em; }
.hip-admin-content .event-geography-header span { color: var(--muted); font-size: 12.5px; }
.hip-admin-content .event-geography-controls { display: flex; gap: 7px; }
.hip-admin-content button.event-geography-control {
    min-height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    background: var(--elev) !important;
    color: var(--secondary) !important;
    font: 750 11px var(--font-sans) !important;
    cursor: pointer;
}
.hip-admin-content button.event-geography-control[aria-pressed="true"] { border-color: var(--action) !important; color: var(--action) !important; }
.hip-admin-content .event-geography-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0 20px 14px;
    border-bottom: 1px solid var(--hairline);
}
.hip-admin-content button.event-geography-filter {
    min-height: 31px !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px !important;
    border: 1px solid var(--border) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--muted) !important;
    font: 750 10.5px var(--font-sans) !important;
    cursor: pointer;
}
.hip-admin-content button.event-geography-filter.active {
    border-color: rgba(20,184,166,.48) !important;
    background: var(--tint) !important;
    color: var(--action) !important;
}
.hip-admin-content button.event-geography-filter:focus-visible,
.hip-admin-content button.event-geography-control:focus-visible { outline: 2px solid var(--action); outline-offset: 2px; }
.hip-admin-content .event-geography-filters i,
.hip-admin-content .event-geography-legend i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--action); }
.hip-admin-content .event-geography-canvas-wrap { position: relative; min-height: 570px; background: rgba(8,18,33,.24); }
.hip-admin-content .event-geography-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hip-admin-content .event-geography-status {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 250px;
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: rgba(11,18,32,.9);
    box-shadow: var(--shadow);
}
.hip-admin-content .event-geography-status span { display: flex; align-items: center; gap: 7px; color: var(--secondary); font: 800 9.5px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.hip-admin-content .event-geography-status span i { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.hip-admin-content .event-geography-status small { color: var(--muted); font-size: 10.5px; line-height: 1.45; }
.hip-admin-content .event-geography-status:is(.delayed,.replay) span i { background: var(--warn); }
.hip-admin-content .event-geography-status:is(.paused,.listening) span i { background: var(--muted); }
.hip-admin-content .event-geography-legend { display: flex; flex-wrap: wrap; gap: 12px 18px; padding: 13px 16px; border-top: 1px solid var(--hairline); color: var(--secondary); font-size: 10.5px; }
.hip-admin-content .event-geography-legend span { display: inline-flex; align-items: center; gap: 7px; }
.hip-admin-content .event-geography-legend strong { color: var(--muted); font: 800 10.5px var(--font-mono); }
.hip-admin-content .event-geography-privacy { margin: 0 !important; padding: 0 16px 16px; color: var(--muted) !important; font-size: 10.5px !important; font-style: italic; }
.hip-admin-content .event-stream { display: flex; min-height: 0; flex-direction: column; }
.hip-admin-content .event-stream > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--hairline); }
.hip-admin-content .event-stream > header > div { display: grid; gap: 5px; }
.hip-admin-content .event-stream h3 { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: -.015em; }
.hip-admin-content .event-stream-meta { color: var(--muted); font: 600 10.5px var(--font-mono); letter-spacing: .02em; }
.hip-admin-content .event-stream-pause { min-height: 34px; padding: 0 12px; border: 1px solid var(--border); border-radius: 8px; background: transparent; color: var(--secondary); font: 700 11px var(--font-sans); }
.hip-admin-content .event-stream-pause:hover { border-color: rgba(20,184,166,.42); color: var(--text); }
.hip-admin-content .event-stream ol { flex: 1 1 auto; min-height: 0; max-height: 620px; list-style: none; margin: 0; padding: 0; overflow-y: scroll; scrollbar-gutter: stable; scrollbar-color: rgba(156,163,175,.72) rgba(255,255,255,.05); scrollbar-width: thin; }
.hip-admin-content .event-stream ol::-webkit-scrollbar { width: 10px; }
.hip-admin-content .event-stream ol::-webkit-scrollbar-track { background: rgba(255,255,255,.05); }
.hip-admin-content .event-stream ol::-webkit-scrollbar-thumb { border: 2px solid var(--surface); border-radius: 999px; background: rgba(156,163,175,.72); }
.hip-admin-content .event-stream li.event-stream-item { display: block; padding: 14px 18px; border-bottom: 1px solid var(--hairline); border-left: 3px solid var(--action); background: transparent !important; }
.hip-admin-content .event-stream li.event-stream-item.blue { border-left-color: #3B82F6; }
.hip-admin-content .event-stream li.event-stream-item.green { border-left-color: var(--ok); }
.hip-admin-content .event-stream li.event-stream-item.amber { border-left-color: var(--warn); }
.hip-admin-content .event-stream li.event-stream-item.red { border-left-color: var(--danger); }
.hip-admin-content .event-stream-replay { display: grid; gap: 3px; margin: 12px 18px 0; padding: 10px 12px; border: 1px solid rgba(245,158,11,.26); border-radius: 8px; background: rgba(245,158,11,.06); }
.hip-admin-content .event-stream-replay strong { color: var(--warn); font-size: 11px; }
.hip-admin-content .event-stream-replay span { color: var(--muted); font-size: 10.5px; line-height: 1.4; }
.hip-admin-content .event-stream li div { display: grid; gap: 3px; }
.hip-admin-content .event-stream li b { color: var(--text); font-size: 13.5px; font-weight: 700; }
.hip-admin-content .event-stream li span { color: var(--secondary); font-size: 12.5px; line-height: 1.5; }
.hip-admin-content .event-stream .event-stream-summary { margin-bottom: 3px; color: var(--muted); font: 400 12.5px/1.5 var(--font-sans); }
.hip-admin-content .event-stream .event-stream-region { color: var(--muted); font: 400 11px/1.45 var(--font-sans); }
.hip-admin-content .event-stream .event-stream-title-row { display: flex; grid-template-columns: none; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 5px; }
.hip-admin-content .event-stream .event-stream-title-row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hip-admin-content .event-stream .event-stream-title-row time { margin-left: auto; color: var(--muted); font: 600 10.5px var(--font-mono); white-space: nowrap; }
.hip-admin-content .event-stream .event-status { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 3px 8px; border: 1px solid rgba(20,184,166,.32); border-radius: 6px; background: rgba(20,184,166,.10); color: var(--action); font: 800 10.5px/1.25 var(--font-sans); letter-spacing: .04em; white-space: nowrap; }
.hip-admin-content .event-stream .event-status i { color: currentColor; font: 800 10px var(--font-mono); }
.hip-admin-content .event-stream .event-status.blue { border-color: rgba(59,130,246,.34); background: rgba(59,130,246,.10); color: #3B82F6; }
.hip-admin-content .event-stream .event-status.green { border-color: rgba(34,197,94,.34); background: rgba(34,197,94,.10); color: var(--ok); }
.hip-admin-content .event-stream .event-status.amber { border-color: rgba(245,158,11,.34); background: rgba(245,158,11,.10); color: var(--warn); }
.hip-admin-content .event-stream .event-status.red { border-color: rgba(239,68,68,.34); background: rgba(239,68,68,.10); color: var(--danger); }

@media (max-width: 1080px) {
    .hip-admin-content .event-geography { grid-template-columns: 1fr; }
    .hip-admin-content .event-geography-canvas-wrap { min-height: 520px; }
}
@media (max-width: 600px) {
    .hip-admin-content .event-geography-header { display: block; }
    .hip-admin-content .event-geography-controls { margin-top: 12px; }
    .hip-admin-content .event-geography-motion { display: none; }
    .hip-admin-content .event-geography-filters { max-height: 116px; overflow: auto; }
    .hip-admin-content .event-geography-canvas-wrap { min-height: 390px; }
    .hip-admin-content .event-geography-status { left: 12px; right: 12px; top: 12px; max-width: none; }
    .hip-admin-content .event-stream ol { max-height: 440px; }
}
@media (prefers-reduced-motion: reduce) {
    .hip-admin-content .event-geography-canvas { animation: none !important; }
}

/* Complete route coverage for the supplied redesign. The rules below are the
   final adapter layer for existing production pages: services and actions stay
   intact, while every legacy page structure uses the same visual grammar. */
.hip-admin-notifications { position: relative; }
.hip-admin-notifications > i {
    position: absolute;
    top: 6px;
    right: 7px;
    width: 7px;
    height: 7px;
    border: 1.5px solid var(--surface);
    border-radius: 50%;
    background: var(--warn);
}
.hip-admin-account { color: var(--text) !important; text-decoration: none !important; border-radius: 999px; }
.hip-admin-account b { border-radius: 50%; font-size: 9px; }
.hip-admin-account svg { width: 13px; height: 13px; fill: none; stroke: var(--muted); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.hip-admin-content :is(
    .admin-rule-page,.alert-center-page,.audit-trail-page,.service-clients-page,
    .license-page,.license-detail-page,.license-create-page,.activity-dashboard
) {
    display: grid;
    gap: 24px;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: var(--admin-pad-y) var(--admin-pad-x) 72px;
    background: transparent;
}

.hip-admin-content :is(
    .admin-rule-header,.hip-page-heading,.license-heading,.license-detail-heading,
    .license-create-heading,.service-client-heading
) {
    min-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    padding: 0 0 2px;
    border: 0;
    background: transparent;
}
.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.license-detail-heading,.license-create-heading,.service-client-heading) > div:first-child { min-width: 0; }
.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.license-detail-heading,.license-create-heading,.service-client-heading) h1 {
    margin: 8px 0 9px;
    color: var(--text);
    font: 800 clamp(26px,3vw,36px)/1.08 var(--font-sans);
    letter-spacing: -.03em;
    text-wrap: balance;
}
.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.license-detail-heading,.license-create-heading,.service-client-heading) p:not(.eyebrow):not(.hip-eyebrow) {
    max-width: 700px;
    margin: 0;
    color: var(--secondary);
    font-size: 14.5px;
    line-height: 1.6;
}
.hip-admin-content :is(.eyebrow,.hip-eyebrow,.license-step,.service-client-section-label) {
    margin: 0;
    color: var(--action) !important;
    font: 800 10.5px/1.3 var(--font-mono) !important;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.hip-admin-content :is(
    .admin-heading-actions,.alert-heading-status,.audit-heading-status,
    .service-client-actions,.button-row,.rule-button-row,.hip-action-row
) { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.hip-admin-content :is(.alert-heading-status,.audit-heading-status) { justify-content: flex-end; }
.hip-admin-content :is(.alert-heading-status,.audit-heading-status) small,
.hip-admin-content .admin-record-count { color: var(--muted); font: 700 10.5px var(--font-mono); }

.hip-admin-content :is(
    .alert-toolbar,.audit-toolbar,.rule-catalogue-filters,.license-search,
    .verification-filters,.service-client-create,.license-preferences
) {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
}
.hip-admin-content :is(.alert-toolbar,.audit-toolbar,.rule-catalogue-filters,.license-search,.verification-filters) label {
    flex: 1 1 190px;
    display: grid;
    gap: 7px;
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hip-admin-content :is(.alert-toolbar,.audit-toolbar) > p { margin: 0 4px 10px auto; color: var(--muted); font: 700 10.5px var(--font-mono); }

.hip-admin-content :is(
    .hip-list-panel,.audit-results,.service-client-inventory,.license-inventory,
    .verification-inventory,.managed-application-queue,.hip-threat-panel
) {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
}
.hip-admin-content :is(.audit-results-heading,.license-inventory-heading,.verification-inventory-heading,.certificate-queue-heading,.hip-panel-heading) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--hairline);
}
.hip-admin-content :is(.audit-results-heading,.license-inventory-heading,.verification-inventory-heading,.certificate-queue-heading,.hip-panel-heading) h2 { margin: 0 0 5px; font-size: 18px; }
.hip-admin-content :is(.audit-results-heading,.license-inventory-heading,.verification-inventory-heading,.certificate-queue-heading,.hip-panel-heading) p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; }

.hip-admin-content :is(.hip-alert-row,.alert-center-row,.hip-platform-row,.self-healing-item) {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 17px 19px;
    border: 0;
    border-bottom: 1px solid var(--hairline);
    border-radius: 0;
    background: transparent;
}
.hip-admin-content :is(.hip-alert-row,.alert-center-row,.hip-platform-row,.self-healing-item):last-child { border-bottom: 0; }
.hip-admin-content :is(.hip-alert-row,.alert-center-row,.hip-platform-row,.self-healing-item):hover { background: var(--elev); }
.hip-admin-content .hip-alert-icon {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(59,130,246,.12);
    color: var(--info);
    font: 800 12px var(--font-mono);
}
.hip-admin-content .hip-alert-icon.good { background: rgba(34,197,94,.12); color: var(--ok); }
.hip-admin-content .hip-alert-icon.caution { background: rgba(245,158,11,.12); color: var(--warn); }
.hip-admin-content .hip-alert-icon.danger,
.hip-admin-content .hip-alert-icon.critical { background: rgba(239,68,68,.12); color: var(--danger); }
.hip-admin-content .alert-content { display: grid; gap: 6px; min-width: 0; }
.hip-admin-content .alert-content h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; font-size: 15px; }
.hip-admin-content .alert-content > strong { color: var(--text); font-size: 13px; }
.hip-admin-content .alert-content > p { margin: 0; color: var(--secondary); font-size: 12.5px; line-height: 1.55; }
.hip-admin-content .alert-metadata { display: flex; flex-wrap: wrap; gap: 5px 14px; color: var(--muted); font: 600 9.5px var(--font-mono); }
.hip-admin-content .alert-row-actions { min-width: 116px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.hip-admin-content .alert-score { display: grid; justify-items: end; width: 100%; }
.hip-admin-content .alert-score strong { color: var(--action); font: 800 22px var(--font-mono); }
.hip-admin-content .alert-score small { color: var(--muted); font-size: 9.5px; }

.hip-admin-content :is(.table-scroll,.audit-table-scroll,.audit-table-scroll,.certificate-table-scroll,.service-client-list,.license-table-wrap) {
    min-width: 0;
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 12px;
}
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: var(--surface);
}
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) th {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    background: var(--elev);
    color: var(--muted);
    font: 800 9.5px var(--font-mono);
    letter-spacing: .12em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) td {
    padding: 14px;
    border-bottom: 1px solid var(--hairline);
    color: var(--secondary);
    font-size: 12.5px;
    line-height: 1.5;
    vertical-align: top;
}
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) tbody tr:last-child td { border-bottom: 0; }
.hip-admin-content :is(table,.admin-rule-table,.hip-data-table,.certificate-operations-table,.dns-record-table) tbody tr:hover { background: var(--elev); }
.hip-admin-content td :is(strong,.audit-primary-value,.certificate-domain) { color: var(--text); }
.hip-admin-content td small { display: block; margin-top: 3px; color: var(--muted); }
.hip-admin-content .audit-time { white-space: nowrap; font-family: var(--font-mono); font-size: 10.5px; }
.hip-admin-content .audit-summary { max-width: 360px; }

.hip-admin-content :is(.rule-builder-panel,.lookup-result,.hip-panel,.service-client-card,.license-summary-card,.admin-detail-card,.admin-form-card,.dns-zone-card,.self-healing-candidate) {
    min-width: 0;
    margin: 0;
    padding: 19px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface);
    color: var(--text);
    box-shadow: none;
}
.hip-admin-content :is(.rule-builder-panel,.lookup-result,.hip-panel,.service-client-card,.license-summary-card,.admin-detail-card,.admin-form-card,.dns-zone-card,.self-healing-candidate) h2 { margin: 0 0 7px; font-size: 18px; letter-spacing: -.015em; }
.hip-admin-content :is(.rule-builder-panel,.lookup-result,.hip-panel,.service-client-card,.license-summary-card,.admin-detail-card,.admin-form-card,.dns-zone-card,.self-healing-candidate) h3 { color: var(--text); }
.hip-admin-content :is(.rule-builder-panel,.lookup-result,.hip-panel,.service-client-card,.license-summary-card,.admin-detail-card,.admin-form-card,.dns-zone-card,.self-healing-candidate) p { color: var(--secondary); }
.hip-admin-content :is(.padded,.narrow,.flush) { max-width: none !important; }

.hip-admin-content :is(.rule-form-grid,.hip-form-grid,.dns-form-grid,.license-form-grid,.service-client-create,.protection-options) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 15px;
}
.hip-admin-content :is(.form-group,.rule-field,.license-field) { display: grid; align-content: start; gap: 7px; }
.hip-admin-content :is(.form-group,.rule-field,.license-field) > label,
.hip-admin-content label > span:first-child { color: var(--secondary); font-size: 11.5px; font-weight: 700; }
.hip-admin-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
    color: var(--text);
    font-size: 12.5px;
}
.hip-admin-content textarea { min-height: 104px; resize: vertical; }
.hip-admin-content :is(input,select,textarea):focus { border-color: var(--action); outline: 0; box-shadow: 0 0 0 3px rgba(20,184,166,.1); }
.hip-admin-content :is(input,textarea)::placeholder { color: var(--muted); opacity: 1; }
.hip-admin-content :is(input[type=checkbox],input[type=radio]) { width: 17px; height: 17px; accent-color: var(--action); }
.hip-admin-content .managed-review-attestation { display: flex; gap: 11px; align-items: flex-start; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--elev); }
.hip-admin-content .managed-review-attestation span { display: grid; gap: 4px; }
.hip-admin-content .managed-review-attestation small { color: var(--muted); line-height: 1.45; }

.hip-admin-content :is(.managed-application-list,.dns-zone-list,.service-client-list,.license-inventory-grid,.self-healing-grid) {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    gap: 13px;
    padding: 17px;
}
.hip-admin-content .managed-application-list > article {
    display: grid;
    gap: 13px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg);
}
.hip-admin-content .managed-application-list > article > header,
.hip-admin-content .dns-zone-card > header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.hip-admin-content .managed-application-list > article > header div { display: grid; gap: 4px; }
.hip-admin-content .managed-application-list > article > header span,
.hip-admin-content .dns-zone-card time { color: var(--muted); font: 600 9.5px var(--font-mono); }
.hip-admin-content .managed-application-list dl,
.hip-admin-content .dns-zone-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: var(--border); }
.hip-admin-content .managed-application-list dl div,
.hip-admin-content .dns-zone-card dl div { padding: 10px; background: var(--surface); }
.hip-admin-content .managed-application-requirements { padding: 11px 13px; border: 1px solid rgba(245,158,11,.28); border-radius: 8px; background: rgba(245,158,11,.06); }
.hip-admin-content .managed-application-requirements strong { color: var(--warn); }
.hip-admin-content .managed-application-ready { margin: 0; color: var(--ok) !important; }

.hip-admin-content :is(.dns-endpoint-facts,.license-facts,.connected-devices,.license-code-result) {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: 10px;
}
.hip-admin-content .dns-endpoint-facts span { display: grid; gap: 5px; padding: 11px 13px; border: 1px solid var(--border); border-radius: 8px; background: var(--elev); color: var(--secondary); font-size: 11.5px; }
.hip-admin-content .dns-endpoint-facts strong { color: var(--text); }
.hip-admin-content .dns-ds-record { display: block; margin-top: 7px; padding: 10px; overflow-wrap: anywhere; border: 1px solid var(--border); border-radius: 7px; background: var(--bg); color: var(--action); }

.hip-admin-content :is(.rule-dialog-backdrop,.certificate-action-confirmation,.license-confirmation) {
    z-index: 120;
}
.hip-admin-content .rule-dialog-backdrop {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(4,8,16,.74);
    backdrop-filter: blur(8px);
}
.hip-admin-content .rule-dialog {
    width: min(720px,100%);
    max-height: calc(100vh - 44px);
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: 0 24px 70px rgba(0,0,0,.5);
}
.hip-admin-content details { border: 1px solid var(--border); border-radius: 8px; background: var(--elev); }
.hip-admin-content details > summary { padding: 10px 12px; color: var(--secondary); font-size: 11.5px; font-weight: 700; cursor: pointer; }
.hip-admin-content details[open] > summary { border-bottom: 1px solid var(--border); }
.hip-admin-content .audit-detail-card { padding: 14px; background: var(--bg); }

.hip-admin-content :is(.alert-pagination,.rule-pagination,.license-pagination) { display: flex; justify-content: center; align-items: center; gap: 12px; }
.hip-admin-content :is(.alert-pagination,.rule-pagination,.license-pagination) span { color: var(--muted); font: 700 10.5px var(--font-mono); }
.hip-admin-content :is(.hip-danger-box,.service-client-danger,.license-danger-zone) { padding: 16px; border: 1px solid rgba(239,68,68,.4); border-radius: 11px; background: rgba(239,68,68,.07); }
.hip-admin-content :is(.hip-danger-box,.service-client-danger,.license-danger-zone) h2,
.hip-admin-content :is(.hip-danger-box,.service-client-danger,.license-danger-zone) h3 { color: var(--danger); }

@media (max-width: 760px) {
    .hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.license-detail-heading,.license-create-heading,.service-client-heading) { align-items: flex-start; flex-direction: column; }
    .hip-admin-content :is(.rule-form-grid,.hip-form-grid,.dns-form-grid,.license-form-grid,.service-client-create,.protection-options) { grid-template-columns: 1fr; }
    .hip-admin-content :is(.hip-alert-row,.alert-center-row,.hip-platform-row,.self-healing-item) { grid-template-columns: auto minmax(0,1fr); }
    .hip-admin-content .alert-row-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .hip-admin-content .alert-score { width: auto; justify-items: start; }
}

/* Route-specific structures retained by the production pages. These selectors
   remove the last legacy presentation paths without changing their data or
   interaction contracts. */
.hip-admin-content :is(
    .hip-dashboard,.hip-admin-overview,.admin-certificate-page,
    .authoritative-dns-page,.rule-catalogue-page,.overview-command
) { width: 100%; min-width: 0; }

.hip-admin-content :is(.activity-header,.activity-header-controls,.section-heading,.admin-list-heading,.rule-catalogue-heading) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.hip-admin-content .activity-header h1 { margin: 8px 0 8px; font: 800 clamp(26px,3vw,36px)/1.08 var(--font-sans); letter-spacing: -.03em; }
.hip-admin-content .activity-header > div:first-child > p:last-child { margin: 0; color: var(--secondary); font-size: 14.5px; }
.hip-admin-content :is(.date-chip,.connection-chip,.refresh-control) { min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--secondary); font-size: 11px; font-weight: 700; }
.hip-admin-content .date-chip svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.hip-admin-content .connection-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.hip-admin-content .connection-chip.degraded i { background: var(--warn); }
.hip-admin-content .connection-chip small { color: var(--muted); font: 600 9px var(--font-mono); }

.hip-admin-content :is(.overview-state,.api-unavailable,.license-not-found,.license-result-placeholder,.hip-threat-empty,.muted-note,.small-note) {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 17px 19px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    color: var(--secondary);
}
.hip-admin-content .overview-state .state-icon { width: 28px; height: 28px; display: grid; place-items: center; flex: none; border-radius: 8px; background: rgba(245,158,11,.12); color: var(--warn); font-weight: 900; }
.hip-admin-content .loading-ring { width: 24px; height: 24px; flex: none; border: 2px solid var(--border); border-top-color: var(--action); border-radius: 50%; animation: hip-admin-spin .8s linear infinite; }
@keyframes hip-admin-spin { to { transform: rotate(360deg); } }

.hip-admin-content :is(.dashboard-detail-grid,.hip-profile-layout,.license-overview-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.hip-admin-content :is(.attention-panel,.outcomes-panel,.recent-scans-panel,.data-panel,.license-overview,.license-actions-panel,.license-form-panel,.license-result-panel) { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.hip-admin-content :is(.attention-panel,.outcomes-panel,.data-panel,.license-overview,.license-actions-panel,.license-form-panel,.license-result-panel) { padding: 19px; }
.hip-admin-content :is(.attention-panel,.data-panel,.recent-scans-panel) > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.hip-admin-content :is(.attention-panel,.data-panel,.recent-scans-panel) > header h2 { margin: 4px 0 5px; font-size: 18px; }
.hip-admin-content :is(.attention-panel,.data-panel,.recent-scans-panel) > header p { margin: 0; font-size: 12px; }
.hip-admin-content .attention-list { display: grid; margin-top: 14px; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.hip-admin-content .attention-list > * { border-bottom: 1px solid var(--hairline); }
.hip-admin-content .attention-list > *:last-child { border-bottom: 0; }
.hip-admin-content .priority-event { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 11px; align-items: center; margin-top: 12px; padding: 12px; border: 1px solid rgba(245,158,11,.25); border-radius: 9px; background: rgba(245,158,11,.06); text-decoration: none; }
.hip-admin-content .outcome-chart { min-height: 210px; display: flex; align-items: end; gap: 10px; padding-top: 28px; }
.hip-admin-content .outcome-day { position: relative; min-width: 0; flex: 1; display: grid; justify-items: center; gap: 7px; }
.hip-admin-content .outcome-stack { width: min(24px,100%); height: max(12px,calc(var(--volume) * 1.5px)); display: flex; flex-direction: column-reverse; overflow: hidden; border-radius: 4px 4px 2px 2px; background: var(--elev); }
.hip-admin-content .outcome-stack i { min-height: 2px; flex-basis: calc(var(--segment) * 1%); }
.hip-admin-content .outcome-stack .trusted { background: var(--ok); }
.hip-admin-content .outcome-stack .caution { background: var(--warn); }
.hip-admin-content .outcome-stack .risk { background: var(--danger); }
.hip-admin-content .outcome-date { color: var(--muted); font: 700 9px var(--font-mono); }
.hip-admin-content .chart-legend { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 10.5px; }
.hip-admin-content .chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hip-admin-content .chart-legend i { width: 7px; height: 7px; border-radius: 50%; }
.hip-admin-content .chart-tooltip { position: absolute; left: 50%; bottom: calc(100% + 7px); z-index: 4; min-width: 160px; display: none; transform: translateX(-50%); padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); box-shadow: var(--shadow); }
.hip-admin-content .outcome-day:is(:hover,:focus) .chart-tooltip { display: grid; gap: 3px; }

.hip-admin-content :is(.hip-card-row,.hip-protection-grid,.hip-checks,.operational-grid) { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 13px; }
.hip-admin-content .hip-card-row.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hip-admin-content .hip-card-row.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hip-admin-content :is(.hip-mini-stat,.hip-metric-card) { display: grid; gap: 7px; padding: 17px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.hip-admin-content :is(.hip-mini-stat,.hip-metric-card) > strong { color: var(--text); font: 800 26px var(--font-mono); }
.hip-admin-content .hip-mini-stat.hot > strong { color: var(--danger); }
.hip-admin-content .hip-mini-stat.good > strong { color: var(--ok); }
.hip-admin-content :is(.hip-stack,.hip-check-list,.hip-x-list,.hip-sender-list) { display: grid; gap: 9px; }
.hip-admin-content :is(.hip-check-list,.hip-x-list) { margin: 0; padding: 0; list-style: none; }
.hip-admin-content :is(.hip-check-list,.hip-x-list) li { position: relative; padding-left: 20px; color: var(--secondary); line-height: 1.5; }
.hip-admin-content :is(.hip-check-list,.hip-x-list) li::before { content: ""; position: absolute; left: 2px; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--action); }

.hip-admin-content :is(.hip-profile-main,.sender-summary,.license-overview,.license-actions-panel) { min-width: 0; }
.hip-admin-content .hip-sender-list { padding: 12px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); }
.hip-admin-content .sender-summary { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); }
.hip-admin-content :is(.hip-source-pill,.hip-status,.connection-chip,.date-chip,.service-client-status,.dns-zone-status,.certificate-state,.license-status) { white-space: nowrap; }
.hip-admin-content :is(.hip-source-pill,.hip-status,.connection-chip,.date-chip,.service-client-status,.dns-zone-status,.certificate-state,.license-status,.table-status,.admin-status-pill,.status-pill) { display: inline-flex; align-items: center; width: fit-content; min-height: 26px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg); color: var(--secondary); font: 750 10.5px var(--font-mono); letter-spacing: .02em; }
.hip-admin-content :is(.trusted,.ready,.in-use,.hip-success-text) { color: var(--ok) !important; }
.hip-admin-content :is(.suspicious,.attention) { color: var(--warn) !important; }
.hip-admin-content :is(.hot,.priority-event) { color: var(--danger); }
.hip-admin-content :is(.disabled,.secondary,.muted-note,.small-note) { color: var(--muted) !important; }

.hip-admin-content :is(.rule-count-grid,.license-overview-grid,.license-code-result,.service-client-grants) { display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 10px; }
.hip-admin-content .rule-count-grid > span { display: grid; gap: 4px; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--elev); color: var(--muted); font-size: 11px; }
.hip-admin-content .rule-count-grid strong { color: var(--text); font: 800 22px var(--font-mono); }
.hip-admin-content :is(.rule-json-field,.managed-review-form) { display: grid; gap: 8px; }
.hip-admin-content .rule-protected-note { padding: 11px 13px; border: 1px solid rgba(245,158,11,.24); border-radius: 8px; background: rgba(245,158,11,.06); color: var(--secondary); }
.hip-admin-content .rule-dialog > header,.hip-admin-content .rule-dialog > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.hip-admin-content .rule-dialog-close { width: 32px; height: 32px; padding: 0; display: grid; place-items: center; }

.hip-admin-content :is(.license-code,.service-client-credential) { overflow-wrap: anywhere; font-family: var(--font-mono); }
.hip-admin-content .service-client-credential { display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(20,184,166,.32); border-radius: 10px; background: var(--tint); }
.hip-admin-content .license-copy-warning { color: var(--warn) !important; }
.hip-admin-content :is(.license-form-error,.admin-error,.api-unavailable) { border-color: rgba(239,68,68,.36); background: rgba(239,68,68,.07); color: var(--danger); }
.hip-admin-content :is(.license-manage-link,.alert-detail-link,.service-client-cancel,.verification-sort-button) { color: var(--action); font-weight: 700; }

/* Plans and live activity use the same production components and spacing as
   the standalone redesign. Values remain sourced from the real admin APIs. */
.hip-admin-content .plans-billing-note {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(245,158,11,.28);
    border-radius: 10px;
    background: rgba(245,158,11,.06);
    color: var(--secondary);
    font-size: 12px;
    line-height: 1.55;
}
.hip-admin-content .plan-selector-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
    gap: 12px;
}
.hip-admin-content .plan-selector-card {
    min-height: 104px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 8px;
    padding: 17px 19px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    color: var(--secondary);
    text-align: left;
}
.hip-admin-content .plan-selector-card strong { color: var(--text); font-size: 17px; }
.hip-admin-content .plan-selector-card span { color: var(--muted); font: 700 10px var(--font-mono); }
.hip-admin-content .plan-selector-card:is(:hover,:focus-visible) { border-color: rgba(20,184,166,.55); }
.hip-admin-content .plan-selector-card.active {
    border-color: var(--action);
    background: rgba(20,184,166,.08);
    box-shadow: inset 3px 0 0 var(--action);
}
.hip-admin-content .plan-limit-card { display: grid; gap: 14px; }
.hip-admin-content .plan-limit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--border);
}
.hip-admin-content .plan-limit-grid > div { min-width: 0; padding: 13px 14px; background: var(--elev); }
.hip-admin-content .plan-limit-grid dt { margin-bottom: 7px; color: var(--muted); font: 800 9.5px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.hip-admin-content .plan-limit-grid dd { margin: 0; color: var(--text); font-weight: 750; }
.hip-admin-content .plan-limit-grid small,
.hip-admin-content .entitlement-matrix td small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; font-weight: 500; }
.hip-admin-content .entitlement-matrix,
.hip-admin-content .plans-assignment-section { display: grid; gap: 14px; }
.hip-admin-content .entitlement-matrix .admin-rule-table th:not(:first-child),
.hip-admin-content .entitlement-matrix .admin-rule-table td:not(:first-child) { text-align: center; }
.hip-admin-content .live-activity-page { display: grid; gap: 18px; }
.hip-admin-content .live-activity-replay { display: grid; gap: 15px; }
.hip-admin-content .live-activity-replay .hip-threat-empty { display: grid; justify-items: start; }
.hip-admin-content .provider-list-panel,
.hip-admin-content .system-health-page,
.hip-admin-content .admin-create-flow { min-width: 0; }
.hip-admin-content .provider-list-panel { overflow: hidden; }
.hip-admin-content .system-health-page { display: grid; gap: 18px; }
.hip-admin-content .system-health-event.neutral { color: var(--muted); }
.hip-admin-content .admin-create-flow { align-items: start; }
.hip-admin-content .admin-detail-summary {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--border);
}
.hip-admin-content .admin-detail-summary > div { min-width: 0; padding: 13px 14px; background: var(--surface); }
.hip-admin-content .admin-detail-summary dt { margin-bottom: 7px; color: var(--muted); font: 800 9px var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }
.hip-admin-content .admin-detail-summary dd { margin: 0; overflow-wrap: anywhere; color: var(--text); font-weight: 750; }
.hip-admin-content .admin-detail-actions { display: grid; gap: 12px; padding: 17px 19px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.hip-admin-content .admin-detail-actions .eyebrow { margin: 0; }

@media (max-width: 760px) {
    .hip-admin-content .plan-selector-grid,
    .hip-admin-content .plan-limit-grid,
    .hip-admin-content .admin-detail-summary { grid-template-columns: 1fr; }
}
.hip-admin-content :is(.verification-actions,.verification-revoke-row,.certificate-row-actions,.license-actions-panel) { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.hip-admin-content :is(.verification-method-summary,.verification-status-detail,.license-status-explanation,.certificate-next-step,.certificate-review-explainer,.service-client-trust-note) { padding: 11px 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--elev); color: var(--secondary); line-height: 1.5; }
.hip-admin-content :is(.verification-revoke-confirmation,.credential-dismiss) { padding: 12px; border: 1px solid rgba(239,68,68,.32); border-radius: 9px; background: rgba(239,68,68,.06); }
.hip-admin-content :is(.dns-reason,.lookup-details,.license-overview-title,.service-client-count) { color: var(--muted); font-size: 11.5px; line-height: 1.5; }

.hip-admin-content :is(.outcome-chart,.hip-risk-bars,.hip-message-sample,.hip-report-tags) { min-width: 0; }
.hip-admin-content .hip-risk-bars { display: grid; gap: 11px; }
.hip-admin-content .hip-risk-bars label { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; color: var(--secondary); font-size: 11.5px; }
.hip-admin-content .hip-risk-bars label > span { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 999px; background: var(--elev); }
.hip-admin-content .hip-risk-bars label i { display: block; width: var(--value); height: 100%; border-radius: inherit; background: var(--action); }
.hip-admin-content .hip-report-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.hip-admin-content .hip-report-tags span { padding: 5px 9px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--muted); font: 700 9.5px var(--font-mono); }
.hip-admin-content .hip-message-sample { padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); }

.hip-admin-content .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.hip-admin-content .dashboard-data-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding-top: 14px; border-top: 1px solid var(--border); color: var(--muted); font: 600 9.5px var(--font-mono); }

/* Authoritative parity layer for the supplied standalone admin design.
   These rules intentionally normalize every admin route to the same visual
   contract instead of preserving route-specific legacy presentation. */
.hip-admin-shell,
.hip-admin-shell :is(button,input,select,textarea) {
    font-family: var(--font-sans);
}

.hip-admin-shell :is(code,kbd,pre),
.hip-admin-content :is(.eyebrow,.hip-eyebrow,.activity-eyebrow,.admin-record-count),
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) th {
    font-family: "JetBrains Mono", ui-monospace, monospace;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) h1,
.hip-admin-content > :is(main,section,div) h1:first-of-type {
    font: 800 clamp(26px, 3vw, 36px)/1.08 var(--font-sans) !important;
    letter-spacing: -.03em !important;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) {
    margin-bottom: 0 !important;
    letter-spacing: normal;
    text-transform: none;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) p {
    max-width: 600px;
    font-size: 15px;
    line-height: 1.6;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) .eyebrow {
    margin: 0 0 14px !important;
    color: var(--action) !important;
    font: 800 10.5px/1.2 var(--font-mono) !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.hip-admin-content :is(.admin-rule-header,.hip-page-heading,.license-heading,.alert-center-heading,.audit-trail-heading,.service-client-heading) .eyebrow + h1 {
    margin-top: 0 !important;
}

.hip-admin-content :is(.admin-list-card,.verification-inventory,.rule-catalogue-panel) {
    padding: 0 !important;
    border-radius: 14px !important;
    overflow: hidden;
}

.hip-admin-content :is(.admin-list-card,.verification-inventory,.rule-catalogue-panel) > :not(.table-scroll):not(.hip-table-wrap):not(.rule-table-scroll):not(.rule-pagination) {
    margin-inline: 20px;
}

.hip-admin-content :is(.admin-list-card,.verification-inventory,.rule-catalogue-panel) > :first-child {
    margin-top: 18px;
}

.hip-admin-content :is(.admin-list-card,.verification-inventory,.rule-catalogue-panel) > :last-child:not(.table-scroll):not(.hip-table-wrap):not(.rule-table-scroll) {
    margin-bottom: 18px;
}

.hip-admin-content :is(.admin-list-card,.verification-inventory,.rule-catalogue-panel) :is(.table-scroll,.hip-table-wrap,.rule-table-scroll) {
    margin: 16px 0 0;
    border: 0;
    border-top: 1px solid var(--border);
    border-radius: 0;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) th {
    padding: 12px 16px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) td {
    padding: 13px 16px !important;
    color: var(--secondary) !important;
    font-size: 13px !important;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr {
    box-shadow: inset 3px 0 0 transparent;
    background: var(--surface);
    color: var(--secondary);
}

.hip-admin-content .admin-status-row {
    box-shadow: inset 3px 0 0 transparent;
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.good,.admin-row-owner,.admin-row-standard) {
    box-shadow: inset 3px 0 0 var(--ok);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.verified,.admin-row-admin) {
    box-shadow: inset 3px 0 0 var(--action);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.caution,.warning,.suspicious,.admin-row-reviewer) {
    box-shadow: inset 3px 0 0 var(--warn);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.danger,.risk,.critical,.admin-row-disabled) {
    box-shadow: inset 3px 0 0 var(--danger);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr.info {
    box-shadow: inset 3px 0 0 var(--info);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr.neutral {
    box-shadow: inset 3px 0 0 var(--muted);
}

.hip-admin-content :is(.admin-rule-table,.hip-data-table) .admin-row-link {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: left;
}

.hip-admin-content .admin-filter-pills {
    margin-bottom: 0;
}

.hip-admin-content .admin-domain-catalogue {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.hip-admin-content .admin-domain-catalogue .hip-table-wrap {
    margin: 0;
}

.hip-admin-content .admin-account-catalogue {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.hip-admin-content .admin-account-catalogue .table-scroll {
    margin: 0;
    overflow: hidden auto;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
}

.hip-admin-content .admin-accounts-table th:first-child,
.hip-admin-content .admin-accounts-table td:first-child {
    width: 44px;
    padding-inline: 18px 8px !important;
}

.hip-admin-content .admin-accounts-table th:last-child,
.hip-admin-content .admin-accounts-table td:last-child {
    width: 34px;
    padding-inline: 8px 18px !important;
}

.hip-admin-content .admin-table-checkbox {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: transparent;
}

.hip-admin-content .admin-table-select {
    width: 48px;
    min-width: 48px;
    padding-left: 24px !important;
    padding-right: 8px !important;
    text-align: center;
}

.hip-admin-content .admin-row-chevron {
    color: var(--muted) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: right;
}

.hip-admin-content .admin-accounts-table tbody tr {
    cursor: pointer;
}

.hip-admin-content .admin-accounts-table tbody tr.admin-row-owner,
.hip-admin-content .admin-accounts-table tbody tr.admin-row-admin,
.hip-admin-content .admin-accounts-table tbody tr.admin-row-reviewer {
    box-shadow: inset 3px 0 0 var(--action);
}

.hip-admin-content .admin-accounts-table tbody tr.admin-row-standard {
    box-shadow: inset 3px 0 0 var(--ok);
}

.hip-admin-content .admin-accounts-table tbody tr.admin-row-disabled {
    box-shadow: inset 3px 0 0 var(--warn);
}

.hip-admin-content .admin-filter-pills button {
    min-height: 32px !important;
    padding: 6px 13px !important;
}

.hip-admin-content .admin-filter-pills button:is(.active,[aria-pressed="true"]) {
    border-color: var(--action) !important;
}

/* Settings follows the supplied two-column navigation and editor composition. */
.hip-admin-content .admin-settings-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:18px; align-items:start; }
.hip-admin-content .admin-settings-nav { position:sticky; top:80px; display:grid; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.hip-admin-content .admin-settings-nav button { min-height:0 !important; padding:13px 16px !important; border:0 !important; border-left:3px solid transparent !important; border-bottom:1px solid var(--hairline) !important; border-radius:0 !important; background:transparent !important; color:var(--secondary) !important; text-align:left; font:500 13.5px var(--font-sans); cursor:pointer; }
.hip-admin-content .admin-settings-nav button:last-child { border-bottom:0; }
.hip-admin-content .admin-settings-nav button:is(:hover,:focus-visible) { background:var(--elev) !important; color:var(--text) !important; }
.hip-admin-content .admin-settings-nav button.active { border-left-color:var(--action) !important; background:var(--tint) !important; color:var(--action) !important; font-weight:700; }
.hip-admin-content .admin-settings-content { min-width:0; display:grid; gap:14px; }
.hip-admin-content .admin-settings-content > .rule-builder-panel { padding:0 !important; overflow:hidden; }
.hip-admin-content .admin-settings-content > .rule-builder-panel > .admin-panel-title { margin:0; padding:18px 20px; border-bottom:1px solid var(--border); }
.hip-admin-content .admin-settings-content > .rule-builder-panel > p { margin:0; padding:0 20px 14px; }
.hip-admin-content .admin-settings-fields { display:grid; margin-top:14px; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.hip-admin-content .admin-settings-content > .rule-builder-panel > .admin-settings-fields { margin:0; border:0; border-radius:0; }
.hip-admin-content .admin-settings-fields label { min-height:62px; display:grid; grid-template-columns:minmax(160px,1fr) minmax(100px,220px); align-items:center; gap:8px 18px; margin:0; padding:15px 20px; border-bottom:1px solid var(--hairline); }
.hip-admin-content .admin-settings-fields label:last-child { border-bottom:0; }
.hip-admin-content .admin-settings-fields label > span { color:var(--text); font-weight:700; }
.hip-admin-content .admin-settings-fields label > small { grid-column:1; color:var(--muted); }
.hip-admin-content .admin-settings-fields label > input { grid-column:2; grid-row:1 / span 2; justify-self:end; }
.hip-admin-content .admin-settings-fields label > input[type="checkbox"] { width:38px; height:20px; accent-color:var(--action); }
.hip-admin-content .admin-settings-provider-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:13px; }
.hip-admin-content .admin-settings-provider-list > article { display:grid; align-content:start; gap:10px; }
.hip-admin-content .admin-settings-provider-list label { display:grid; gap:6px; }
.hip-admin-content .admin-settings-savebar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-top:4px; }
.hip-admin-content .admin-settings-savebar .admin-message { margin:0; }
.hip-admin-content .admin-settings-guardrails { margin-top:14px; padding:14px !important; border:1px solid var(--border); border-radius:10px; background:var(--elev); }

/* System Health follows the redesign's measured service grid and incident timeline. */
.hip-admin-content .system-health-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.hip-admin-content .system-health-card { min-width:0; min-height:132px; display:grid; align-content:start; gap:8px; padding:17px; border:1px solid var(--border); border-radius:13px; background:var(--surface); }
.hip-admin-content .system-health-card header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hip-admin-content .system-health-card header strong { color:var(--text); font-size:14px; }
.hip-admin-content .system-health-card header span { color:var(--muted); font:800 13px var(--font-mono); }
.hip-admin-content .system-health-card.good header span,.hip-admin-content .system-health-card.good .system-health-state { color:var(--ok); }
.hip-admin-content .system-health-card.warning header span,.hip-admin-content .system-health-card.warning .system-health-state { color:var(--warn); }
.hip-admin-content .system-health-card.danger header span,.hip-admin-content .system-health-card.danger .system-health-state { color:var(--danger); }
.hip-admin-content .system-health-state { margin:5px 0 0; color:var(--muted); font:800 10.5px var(--font-mono); letter-spacing:.12em; }
.hip-admin-content .system-health-card small { color:var(--muted); font-size:12px; line-height:1.5; }
.hip-admin-content .system-health-timeline { display:grid; gap:0; margin-top:8px; }
.hip-admin-content .system-health-event { display:grid; grid-template-columns:62px 22px minmax(0,1fr); gap:12px; padding:14px 0; border-top:1px solid var(--hairline); }
.hip-admin-content .system-health-event time { color:var(--muted); font:600 11px var(--font-mono); }
.hip-admin-content .system-health-event > span { color:var(--muted); font:800 12px var(--font-mono); }
.hip-admin-content .system-health-event.danger > span { color:var(--danger); }
.hip-admin-content .system-health-event.warning > span,.hip-admin-content .system-health-event.suspicious > span { color:var(--warn); }
.hip-admin-content .system-health-event strong { color:var(--text); font-size:13.5px; }
.hip-admin-content .system-health-event p { margin:4px 0 0; color:var(--muted); font-size:12.5px; line-height:1.5; }
.hip-admin-content .admin-workflow-stack { display:grid; gap:18px; }

/* Record detail uses the supplied back-link, identity header and two-column facts layout. */
.hip-admin-content .admin-record-detail { display:grid; gap:18px; padding-top:4px; }
.hip-admin-content .admin-back-link { width:fit-content; padding:0; border:0; background:transparent; color:var(--muted); font:650 12.5px var(--font-sans); cursor:pointer; }
.hip-admin-content .admin-back-link:is(:hover,:focus-visible) { color:var(--action); }
.hip-admin-content .admin-record-detail-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.hip-admin-content .admin-record-detail-header > div { min-width:0; }
.hip-admin-content .admin-record-detail-header .eyebrow { width:100%; margin-bottom:0 !important; }
.hip-admin-content .admin-record-title-line { display:flex; align-items:center; gap:12px; margin-top:14px; }
.hip-admin-content .admin-record-detail-header h1 { margin:0; font-size:clamp(25px,3vw,36px); letter-spacing:-.03em; }
.hip-admin-content .admin-record-summary { display:flex; flex-wrap:wrap; gap:16px 28px; margin:18px 0 0; }
.hip-admin-content .admin-record-summary div { display:grid; gap:5px; }
.hip-admin-content .admin-record-summary :is(dt,dd) { margin:0; }
.hip-admin-content .admin-record-summary dt { color:var(--muted); font:800 9.5px var(--font-mono); letter-spacing:.13em; text-transform:uppercase; }
.hip-admin-content .admin-record-summary dd { color:var(--text); font-size:13.5px; }
.hip-admin-content .admin-record-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.hip-admin-content .admin-record-facts { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr); margin:0; }
.hip-admin-content .admin-record-facts :is(dt,dd) { margin:0; padding:13px 0; border-bottom:1px solid var(--hairline); }
.hip-admin-content .admin-record-facts dt { color:var(--muted); }
.hip-admin-content .admin-record-facts dd { color:var(--text); text-align:right; overflow-wrap:anywhere; }
.hip-admin-content .admin-list-filters { display:grid; grid-template-columns:minmax(240px,1.5fr) minmax(180px,.7fr); gap:12px; align-items:end; padding:15px; border:1px solid var(--border); border-radius:13px; background:var(--surface); }
.hip-admin-content .admin-list-filters label { display:grid; gap:7px; }
.hip-admin-content .admin-row-link { padding:0 !important; border:0 !important; background:transparent !important; color:var(--text) !important; font:700 13px var(--font-sans) !important; text-align:left; text-decoration:none; cursor:pointer; }
.hip-admin-content .admin-row-link:is(:hover,:focus-visible) { color:var(--action) !important; text-decoration:underline; text-underline-offset:3px; }
.hip-admin-content .admin-alert-table td small { display:block; margin-top:5px; color:var(--muted); }
.hip-admin-content .admin-provider-table td:first-child strong { color:var(--ink); }
.hip-admin-content .admin-review-table { table-layout: fixed; }
.hip-admin-content .admin-review-table tbody tr { cursor: pointer; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(2) { width: 14%; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(3) { width: 30%; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(4) { width: 9%; text-align: right; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(5) { width: 13%; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(6) { width: 18%; }
.hip-admin-content .admin-review-table :is(th,td):nth-child(7) { width: 12%; }
.hip-admin-content .admin-primary-action { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 15px; border:1px solid var(--action); border-radius:9px; background:var(--action); color:var(--action-ink); font:800 12px var(--font-sans); text-decoration:none; }
.hip-admin-content .admin-primary-action:is(:hover,:focus-visible) { background:var(--action); color:var(--action-ink); filter:brightness(1.08); }
.hip-admin-content .admin-review-decision { display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr); gap:15px 18px; align-items:start; }
.hip-admin-content .admin-review-decision > div:first-child { grid-row:span 2; }
.hip-admin-content .admin-review-decision label { display:grid; gap:7px; }
.hip-admin-content .admin-review-decision .admin-review-check { display:flex; align-items:center; gap:9px; min-height:36px; color:var(--secondary); }
.hip-admin-content .admin-review-decision .admin-review-check input { width:17px; height:17px; margin:0; accent-color:var(--action); }
.hip-admin-content .admin-review-decision .admin-locked-field { grid-column:2; display:grid; gap:5px; padding:12px; border:1px dashed var(--border); border-radius:9px; background:var(--elev); }
.hip-admin-content .admin-review-decision .admin-locked-field > span { color:var(--muted); font:800 9.5px var(--font-mono); letter-spacing:.11em; text-transform:uppercase; }
.hip-admin-content .admin-review-decision .admin-locked-field > small { color:var(--muted); }
.hip-admin-content .admin-review-decision .admin-field-wide,
.hip-admin-content .admin-review-decision .admin-field-error,
.hip-admin-content .admin-review-decision .admin-heading-actions { grid-column:2; }
.hip-admin-content .admin-field-error { margin:0; color:var(--danger) !important; font-size:12px; }

@media (max-width: 980px) {
    .hip-admin-content .hip-card-row.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .hip-admin-content .hip-card-row.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .hip-admin-content :is(.dashboard-detail-grid,.hip-profile-layout,.license-overview-grid) { grid-template-columns: 1fr; }
    .hip-admin-content :is(.activity-header,.activity-header-controls,.section-heading,.admin-list-heading) { align-items: flex-start; }
    .hip-admin-content .hip-card-row:is(.four,.three) { grid-template-columns: 1fr; }
    .hip-admin-content .outcome-chart { overflow-x: auto; }
    .hip-admin-content .admin-settings-layout { grid-template-columns:1fr; }
    .hip-admin-content .admin-settings-nav { position:static; }
    .hip-admin-content .admin-settings-fields label { grid-template-columns:1fr auto; }
    .hip-admin-content .admin-record-detail-grid { grid-template-columns:1fr; }
    .hip-admin-content .admin-record-detail-header { align-items:stretch; flex-direction:column; }
    .hip-admin-content .admin-list-filters,
    .hip-admin-content .admin-review-decision { grid-template-columns:1fr; }
    .hip-admin-content .admin-review-decision > div:first-child { grid-row:auto; }
    .hip-admin-content .admin-review-decision .admin-field-wide,
    .hip-admin-content .admin-review-decision .admin-field-error,
    .hip-admin-content .admin-review-decision .admin-heading-actions,
    .hip-admin-content .admin-review-decision .admin-locked-field { grid-column:1; }
}
@media (prefers-reduced-motion: reduce) {
    .hip-admin-content .loading-ring { animation: none; }
}

.hip-admin-content :is(.alert-center-list,.audit-details,.service-client-empty) { display: grid; gap: 10px; }
.hip-admin-content :is(.audit-search,.load-more) { min-height: 38px; }
.hip-admin-content :is(.hip-muted-line,.hip-section-heading) { color: var(--muted); }
.hip-admin-content .hip-section-heading { margin: 0 0 10px; font: 800 10.5px var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.hip-admin-content .platform-avatar { width: 34px; height: 34px; display: grid; place-items: center; flex: none; border-radius: 9px; background: var(--tint); color: var(--action); font: 800 10px var(--font-mono); }
.hip-admin-content .risk-ring { border: 1px solid currentColor; box-shadow: 0 0 0 4px color-mix(in srgb,currentColor 10%,transparent); }
.hip-admin-content .service-client-revoked { color: var(--danger); text-decoration: line-through; }
.hip-admin-content .hip-tour-backdrop { position: fixed; inset: 0; z-index: 130; display: grid; place-items: center; padding: 22px; background: rgba(4,8,16,.78); backdrop-filter: blur(8px); }
.hip-admin-content .hip-tour-card { width: min(620px,100%); max-height: calc(100vh - 44px); overflow-y: auto; padding: 22px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.hip-admin-content .compact-editor { min-height: 240px; font-family: var(--font-mono); font-size: 11px; }
.hip-admin-content :is(.compact,.end) { align-self: auto; }
.hip-admin-content .info { color: var(--info) !important; }

/* Final standalone-dashboard parity contract. Keep this last so route-specific legacy rules cannot reintroduce the previous design. */
.hip-admin-shell,
.hip-admin-shell :is(button,input,select,textarea) { font-family:var(--font-sans); }
.hip-admin-content :is(.eyebrow,.admin-panel-title small,.admin-list-count,.hip-section-heading,table thead th) { font-family:var(--font-mono) !important; }
.hip-admin-content .admin-settings-layout { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) !important; gap:18px !important; }
.hip-admin-content .admin-settings-content > .rule-builder-panel { overflow:hidden; padding:0 !important; border:1px solid var(--border) !important; border-radius:14px !important; background:var(--surface) !important; }
.hip-admin-content .admin-settings-content > .rule-builder-panel > .admin-panel-title { min-height:auto; padding:18px 20px !important; border-bottom:0 !important; }
.hip-admin-content .admin-settings-content > .rule-builder-panel > .admin-panel-title > span { color:var(--text) !important; font:700 16px var(--font-sans) !important; letter-spacing:-.015em !important; text-transform:none !important; }
.hip-admin-content .admin-settings-content > .rule-builder-panel > p { padding:0 20px 18px !important; border-bottom:1px solid var(--border); color:var(--muted) !important; font-size:13px; line-height:1.55; }
.hip-admin-content .admin-settings-fields { margin:0 !important; border:0 !important; border-radius:0 !important; }
.hip-admin-content .admin-settings-fields label { position:relative; min-height:65px; grid-template-columns:minmax(0,1fr) auto; padding:15px 20px !important; border-bottom:1px solid var(--hairline) !important; }
.hip-admin-content .admin-settings-fields label:last-child { border-bottom:0 !important; }
.hip-admin-content .admin-settings-fields label > span:first-child { color:var(--text); font-size:13.5px; font-weight:700; }
.hip-admin-content .admin-settings-fields label > small { grid-column:1; margin-top:-4px; color:var(--muted); font-size:11.5px; }
.hip-admin-content .admin-settings-fields label > :is(input,.admin-setting-value,.admin-setting-lock,.admin-setting-action) { grid-column:2; grid-row:1 / span 2; align-self:center; justify-self:end; }
.hip-admin-content .admin-settings-fields input[type="number"] { width:92px; min-height:36px; padding:7px 10px; border:1px solid var(--border); border-radius:9px; background:var(--bg); color:var(--text); font:700 13px var(--font-mono); text-align:right; }
.hip-admin-content .admin-setting-value,
.hip-admin-content .admin-setting-lock,
.hip-admin-content .admin-setting-action { display:inline-flex; align-items:center; justify-content:center; min-height:36px; max-width:260px; padding:7px 11px; border:1px solid var(--border); border-radius:9px; background:var(--bg); color:var(--text); font:700 12px var(--font-mono); text-align:right; text-decoration:none; }
.hip-admin-content .admin-setting-lock { color:var(--muted); }
.hip-admin-content .admin-setting-action { border-color:color-mix(in srgb,var(--action) 55%,var(--border)); color:var(--action); }
.hip-admin-content .admin-setting-action:is(:hover,:focus-visible) { background:var(--tint); }
.hip-admin-content .admin-setting-switch { appearance:none; width:38px !important; height:22px !important; margin:0; border:1px solid var(--border); border-radius:999px; background:var(--elev); cursor:pointer; transition:background .16s ease; }
.hip-admin-content .admin-setting-switch::after { content:""; display:block; width:16px; height:16px; margin:2px; border-radius:50%; background:var(--secondary); transition:transform .16s ease; }
.hip-admin-content .admin-setting-switch:checked { border-color:var(--action); background:var(--action); }
.hip-admin-content .admin-setting-switch:checked::after { transform:translateX(18px); background:var(--action-ink); }
.hip-admin-content .admin-settings-provider-list { padding:0 20px 20px; }
.hip-admin-content .admin-settings-provider-list > article { margin:0; border-radius:10px; background:var(--elev); }
.hip-admin-content :is(.table-scroll,.hip-table-wrap,.rule-table-scroll,.audit-table-scroll,.certificate-table-scroll,.license-table-wrap) { overflow:hidden auto; border:1px solid var(--border) !important; border-radius:14px !important; background:var(--surface) !important; }
.hip-admin-content :is(.table-scroll,.hip-table-wrap,.rule-table-scroll,.audit-table-scroll,.certificate-table-scroll,.license-table-wrap) > :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) { border:0 !important; border-collapse:separate !important; border-spacing:0 !important; border-radius:0 !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) { overflow:hidden; border-collapse:separate !important; border-spacing:0 !important; background:var(--surface) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) thead { background:var(--elev) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) thead th { padding:12px 16px !important; color:var(--muted) !important; font-size:9.5px !important; font-weight:800 !important; letter-spacing:.13em !important; text-transform:uppercase; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody td { padding:13px 16px !important; border-top:1px solid var(--hairline) !important; color:var(--secondary) !important; font-size:13px !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(:hover,:focus-within) { background:var(--elev) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr > td:first-child { border-left:3px solid transparent !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.good,.admin-row-standard) > td:first-child { border-left-color:var(--ok) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.verified,.admin-row-owner,.admin-row-admin) > td:first-child { border-left-color:var(--action) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.caution,.warning,.suspicious,.admin-row-reviewer,.admin-row-disabled) > td:first-child { border-left-color:var(--warn) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr:is(.danger,.risk,.critical) > td:first-child { border-left-color:var(--danger) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr.info > td:first-child { border-left-color:var(--info) !important; }
.hip-admin-content :is(.admin-rule-table,.hip-data-table,.audit-trail-table,.license-table,.certificate-operations-table,.dns-record-table) tbody tr.neutral > td:first-child { border-left-color:var(--muted) !important; }
.hip-admin-content :is(.hip-pill,.table-status,.license-status,.admin-status-pill,.status-pill) { display:inline-flex; align-items:center; min-height:26px; padding:4px 10px; border:1px solid var(--border); border-radius:999px; background:var(--bg); font:750 10.5px var(--font-mono); letter-spacing:.02em; }

.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).good,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).trusted,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).ready { border-color:rgba(34,197,94,.35); background:rgba(34,197,94,.09); color:var(--ok) !important; }
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).verified,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).info { border-color:rgba(20,184,166,.38); background:var(--tint); color:var(--action) !important; }
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).caution,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).warning,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).suspicious { border-color:rgba(245,158,11,.38); background:rgba(245,158,11,.09); color:var(--warn) !important; }
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).danger,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).risk,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).critical { border-color:rgba(239,68,68,.38); background:rgba(239,68,68,.09); color:var(--danger) !important; }
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).neutral,
.hip-admin-content :is(.hip-pill,.hip-status,.table-status,.license-status,.admin-status-pill,.status-pill,.service-client-status,.dns-zone-status,.certificate-state).disabled { border-color:var(--border); background:var(--elev); color:var(--muted) !important; }

@media (max-width:760px) {
    .hip-admin-content .admin-settings-layout { grid-template-columns:1fr !important; }
}

@media (prefers-reduced-motion:reduce) {
    .hip-admin-content .admin-setting-switch,
    .hip-admin-content .admin-setting-switch::after { transition:none; }
}

/* Portal V1 consistency and accessibility contract. */
.hip-admin-shell *,
.hip-admin-shell *::before,
.hip-admin-shell *::after { box-sizing:border-box; }
.hip-admin-shell :is(h1,h2,h3,h4,h5,h6),
.hip-admin-content :is(.event-stream-title-row b,.admin-record-title-line,.admin-list-heading) { font-family:var(--font-sans) !important; }
.hip-admin-content :is(.eyebrow,.activity-eyebrow,.event-stream-meta,.event-status,time,table thead th) { font-family:var(--font-mono) !important; }
.hip-admin-shell :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--action) !important; outline-offset:3px; }
.hip-admin-shell :is(button,input,select,textarea) { font:inherit; }
.hip-admin-shell :is(button,a[href],summary) { touch-action:manipulation; }
.portal-live-region,
.visually-hidden { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

.hip-admin-content .event-geography { align-items:stretch; }
.hip-admin-content .event-geography-map { display:grid; grid-template-rows:auto auto minmax(390px,1fr) auto auto; }
.hip-admin-content .event-geography-canvas-wrap { width:100%; margin:0; }
.hip-admin-content .event-stream { height:100%; max-height:none; }
.hip-admin-content .event-stream ol { flex:1 1 0; max-height:none; overflow-y:scroll; scrollbar-gutter:stable; }
.hip-admin-content .event-stream .event-status { font:800 9.5px/1.2 var(--font-mono) !important; letter-spacing:.04em; text-transform:uppercase; }
.hip-admin-content .event-stream .event-stream-title-row b { font-size:13px !important; }
.hip-admin-content .event-stream .event-stream-summary { font:400 12px/1.5 var(--font-sans) !important; }
.hip-admin-content .event-stream .event-stream-region { font:500 10.5px/1.45 var(--font-mono) !important; }

@media (max-width:720px) {
    .hip-admin-shell.nav-open::after { content:""; position:fixed; inset:0; z-index:29; background:rgba(4,8,16,.72); }
    .hip-admin-shell.nav-open .hip-admin-sidebar { z-index:31; }
}
.rule-version-list {
    display: grid;
    gap: 10px;
    margin: 12px 0 0;
    padding-left: 22px;
}

/* Rule workbench controls are stateful editor surfaces, not primary actions.
   Keep inactive controls dark and reserve teal for the selected state. */
.hip-admin-content :is(.visual-rule-row,.visual-new-rule,.visual-condition,.condition-toggle,.condition-family-pill,.condition-catalogue-option,.severity-option) {
    min-height: 0;
    border-color: var(--border);
    background: transparent;
    color: var(--text);
}
.hip-admin-content .visual-new-rule {
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    color: var(--action);
}
.hip-admin-content .visual-rule-row {
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-left: 3px solid transparent;
    border-radius: 0;
}
.hip-admin-content .visual-rule-row:is(:hover,:focus-visible),
.hip-admin-content .visual-rule-row.selected { background: var(--elev); }
.hip-admin-content .visual-rule-row.selected { border-left-color: var(--action); }
.hip-admin-content .visual-condition { padding: 12px 14px; border-radius: 10px; }
.hip-admin-content .visual-condition.active { border-color: var(--action); background: rgba(20,184,166,.10); }
.hip-admin-content .visual-condition.available:is(:hover,:focus-visible) { border-color: var(--action); background: rgba(20,184,166,.05); }
.hip-admin-content .condition-toggle { width: 17px; height: 17px; padding: 0; border-radius: 5px; color: var(--muted); }
.hip-admin-content .active .condition-toggle { border-color: var(--action); color: var(--action); }
.hip-admin-content .condition-family-pill {
    min-height: 0;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--muted);
}
.hip-admin-content .condition-family-pill.selected,
.hip-admin-content .condition-family-pill[aria-pressed="true"] {
    border-color: var(--action);
    background: rgba(20,184,166,.10);
    color: var(--action);
}
.hip-admin-content .condition-family-pill:not(.selected):not([aria-pressed="true"]),
.hip-admin-content .condition-catalogue-option:not(.selected):not([aria-pressed="true"]) {
    border-color: var(--border) !important;
    background: transparent !important;
    color: var(--text) !important;
}
.hip-admin-content .condition-family-pill:not(.selected):not([aria-pressed="true"]) {
    color: var(--muted) !important;
}
.hip-admin-content .condition-catalogue-option.selected,
.hip-admin-content .condition-catalogue-option[aria-pressed="true"] {
    border-color: var(--action) !important;
    background: rgba(20,184,166,.10) !important;
}
.hip-admin-content .severity-option { padding: 9px 14px; border-radius: 9px; color: var(--muted); }
.hip-admin-content .severity-option.selected { border-color: var(--action); background: var(--action); color: var(--action-ink); }

.rule-version-list li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
