.sqehd {
    --navy-950: #071725;
    --navy-900: #0a2136;
    --navy-800: #103653;
    --blue-500: #1488d4;
    --cyan-500: #22b5e8;
    --green-500: #20c777;
    --amber-500: #f59e0b;
    --red-500: #ef4e55;
    --violet-500: #7c3aed;
    --ink: #111b2d;
    --muted: #66728a;
    --line: #dfe5ee;
    --panel: #ffffff;
    --canvas: #f3f6fa;
    width: min(1700px, calc(100% - 24px));
    margin: 18px auto 80px;
    color: var(--ink);
    background:
        radial-gradient(circle at 92% 4%, rgba(34, 181, 232, .08), transparent 22rem),
        var(--canvas);
    border: 1px solid #e7ebf1;
    border-radius: 30px;
    box-shadow: 0 28px 80px rgba(13, 34, 56, .12);
    overflow: hidden;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sqehd *,
.sqehd *::before,
.sqehd *::after {
    box-sizing: border-box;
}

.sqehd button,
.sqehd a,
.sqehd table {
    font-family: inherit;
}

.sqehd-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    min-height: 340px;
    padding: 54px 58px;
    color: #fff;
    background:
        linear-gradient(112deg, rgba(7, 23, 37, .97), rgba(10, 48, 78, .94) 56%, rgba(13, 126, 185, .9)),
        radial-gradient(circle at 86% 20%, rgba(34, 181, 232, .5), transparent 24rem);
    overflow: hidden;
}

.sqehd-hero::after {
    content: "";
    position: absolute;
    width: 410px;
    height: 410px;
    right: -145px;
    bottom: -230px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 50%;
    box-shadow: 0 0 0 58px rgba(255,255,255,.035), 0 0 0 116px rgba(255,255,255,.025);
}

.sqehd-hero-copy,
.sqehd-health-card,
.sqehd-refresh {
    position: relative;
    z-index: 1;
}

.sqehd-eyebrow,
.sqehd-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--cyan-500);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sqehd-eyebrow i {
    width: 8px;
    height: 8px;
    background: var(--green-500);
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(32,199,119,.14);
}

.sqehd-hero h1 {
    max-width: 790px;
    margin: 18px 0 12px;
    color: #fff;
    font-size: clamp(36px, 4.2vw, 68px);
    line-height: .98;
    letter-spacing: -.045em;
    font-weight: 650;
}

.sqehd-hero-copy > p {
    max-width: 790px;
    margin: 0;
    color: rgba(236, 246, 255, .79);
    font-size: clamp(16px, 1.35vw, 20px);
    line-height: 1.55;
}

.sqehd-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.sqehd-hero-meta span,
.sqehd-secure-badge {
    padding: 8px 12px;
    color: rgba(255,255,255,.84);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

.sqehd-health-card {
    align-self: center;
    display: flex;
    align-items: center;
    gap: 17px;
    width: 310px;
    padding: 22px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(0,0,0,.16);
    backdrop-filter: blur(12px);
}

.sqehd-health-score {
    display: flex;
    align-items: baseline;
    justify-content: center;
    min-width: 94px;
    height: 94px;
    padding-top: 26px;
    border: 7px solid var(--amber-500);
    border-radius: 50%;
}

.sqehd-status-strong .sqehd-health-score { border-color: var(--green-500); }
.sqehd-status-stable .sqehd-health-score { border-color: var(--cyan-500); }
.sqehd-status-critical .sqehd-health-score { border-color: var(--red-500); }

.sqehd-health-score span {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
}

.sqehd-health-score small {
    color: rgba(255,255,255,.58);
    font-size: 11px;
}

.sqehd-health-card > div:last-child {
    display: flex;
    flex-direction: column;
}

.sqehd-health-label {
    color: rgba(255,255,255,.63);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sqehd-health-card strong {
    margin: 3px 0;
    color: #fff;
    font-size: 25px;
}

.sqehd-health-card small {
    color: rgba(255,255,255,.65);
    font-size: 12px;
}

.sqehd-refresh {
    position: absolute;
    right: 58px;
    bottom: 28px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.45);
}

.sqehd-tabs {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex;
    gap: 7px;
    padding: 15px 24px;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 10px 30px rgba(15, 31, 49, .06);
    backdrop-filter: blur(16px);
    overflow-x: auto;
}

.sqehd-tabs button {
    appearance: none;
    padding: 10px 17px;
    color: #4e5c72;
    background: transparent;
    border: 0;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

.sqehd-tabs button:hover,
.sqehd-tabs button.is-active {
    color: #fff;
    background: var(--navy-900);
}

.sqehd-panel {
    display: none;
    padding: 30px;
}

.sqehd-panel.is-active {
    display: block;
    animation: sqehdReveal .3s ease-out;
}

@keyframes sqehdReveal {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.sqehd-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 24px;
}

.sqehd-kpi-grid-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sqehd-metric,
.sqehd-card,
.sqehd-data-trust {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 19px;
    box-shadow: 0 11px 30px rgba(17, 35, 58, .055);
}

.sqehd-metric {
    position: relative;
    min-height: 154px;
    padding: 22px 22px 19px;
    border-top: 4px solid var(--blue-500);
    overflow: hidden;
}

.sqehd-metric::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    right: -37px;
    top: -43px;
    background: currentColor;
    border-radius: 50%;
    opacity: .055;
}

.sqehd-tone-cyan { border-top-color: var(--cyan-500); color: var(--cyan-500); }
.sqehd-tone-red { border-top-color: var(--red-500); color: var(--red-500); }
.sqehd-tone-violet { border-top-color: var(--violet-500); color: var(--violet-500); }
.sqehd-tone-amber { border-top-color: var(--amber-500); color: var(--amber-500); }
.sqehd-tone-green { border-top-color: var(--green-500); color: var(--green-500); }
.sqehd-tone-blue { border-top-color: var(--blue-500); color: var(--blue-500); }

.sqehd-metric-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #65728a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sqehd-trend {
    color: currentColor;
    letter-spacing: 0;
    text-transform: none;
}

.sqehd-metric > strong {
    display: block;
    margin: 16px 0 8px;
    color: var(--ink);
    font-size: clamp(25px, 2vw, 36px);
    line-height: 1;
    letter-spacing: -.035em;
}

.sqehd-metric > small {
    display: block;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
}

.sqehd-overview-grid,
.sqehd-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(340px, .85fr);
    gap: 20px;
    margin-bottom: 20px;
}

.sqehd-two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sqehd-card {
    padding: 25px;
}

.sqehd-section-head,
.sqehd-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.sqehd-section-head {
    margin-bottom: 20px;
}

.sqehd-section-head h2,
.sqehd-panel-head h2 {
    margin: 6px 0 0;
    color: var(--ink);
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.1;
    letter-spacing: -.025em;
}

.sqehd-panel-head {
    margin: 4px 2px 24px;
}

.sqehd-panel-head p {
    max-width: 460px;
    margin: 17px 0 0;
    color: var(--muted);
    text-align: right;
}

.sqehd-count-badge,
.sqehd-legend-note {
    flex: none;
    padding: 7px 10px;
    color: #5b6678;
    background: #f1f4f8;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
}

.sqehd-alert-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 630px;
    padding-right: 5px;
    overflow-y: auto;
}

.sqehd-alert {
    display: grid;
    grid-template-columns: 11px minmax(0, 1fr);
    gap: 13px;
    padding: 16px;
    background: #f7f9fc;
    border: 1px solid #e6ebf2;
    border-radius: 14px;
}

.sqehd-alert-dot {
    width: 10px;
    height: 10px;
    margin-top: 4px;
    background: var(--blue-500);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(20,136,212,.10);
}

.sqehd-alert-critical .sqehd-alert-dot { background: var(--red-500); box-shadow: 0 0 0 5px rgba(239,78,85,.10); }
.sqehd-alert-warning .sqehd-alert-dot { background: var(--amber-500); box-shadow: 0 0 0 5px rgba(245,158,11,.11); }
.sqehd-alert-info .sqehd-alert-dot { background: var(--green-500); box-shadow: 0 0 0 5px rgba(32,199,119,.1); }

.sqehd-alert-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.sqehd-alert-title strong {
    color: var(--ink);
    font-size: 14px;
}

.sqehd-alert-title span {
    flex: none;
    color: #3e4b60;
    font-size: 12px;
    font-weight: 800;
}

.sqehd-alert p,
.sqehd-alert small {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.sqehd-alert small {
    display: block;
    color: #465469;
}

.sqehd-brief {
    color: #fff;
    background:
        linear-gradient(150deg, rgba(7,23,37,.98), rgba(14,54,84,.98)),
        var(--navy-900);
    border-color: transparent;
}

.sqehd-brief .sqehd-section-head h2,
.sqehd-brief .sqehd-brief-lead,
.sqehd-brief .sqehd-priorities strong {
    color: #fff;
}

.sqehd-brief-lead {
    padding: 16px 0 20px;
    margin: 0;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12);
    font-size: 16px;
    line-height: 1.55;
}

.sqehd-priorities {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 0;
    margin: 0;
    list-style: none;
}

.sqehd-priorities li {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 11px;
}

.sqehd-priorities li > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    color: var(--navy-950);
    background: var(--cyan-500);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 850;
}

.sqehd-priorities strong {
    display: block;
    font-size: 13px;
}

.sqehd-priorities p {
    margin: 3px 0 0;
    color: rgba(232,241,249,.64);
    font-size: 11px;
    line-height: 1.45;
}

.sqehd-score-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sqehd-score-row {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.68);
    font-size: 11px;
}

.sqehd-score-row > div {
    height: 5px;
    background: rgba(255,255,255,.12);
    border-radius: 99px;
    overflow: hidden;
}

.sqehd-score-row i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--cyan-500), var(--green-500));
    border-radius: inherit;
}

.sqehd-score-row strong {
    color: #fff;
    font-size: 11px;
    text-align: right;
}

.sqehd-trend-card {
    margin-top: 20px;
}

.sqehd-commercial-card {
    margin-top: 20px;
}

.sqehd-chart-wrap {
    position: relative;
    min-height: 360px;
}

.sqehd-chart-wide {
    min-height: 400px;
}

.sqehd-balance-block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sqehd-balance-block > div {
    padding: 20px;
    background: #f4f7fb;
    border-left: 4px solid var(--cyan-500);
    border-radius: 12px;
}

.sqehd-balance-block .is-danger { border-color: var(--red-500); }
.sqehd-balance-block .is-muted { border-color: #94a3b8; }

.sqehd-balance-block span,
.sqehd-balance-block strong {
    display: block;
}

.sqehd-balance-block span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sqehd-balance-block strong {
    margin-top: 8px;
    color: var(--ink);
    font-size: 22px;
}

.sqehd-footnote {
    margin: 18px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}

.sqehd-ops-brief {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 20px;
    padding: 28px 30px;
    color: #fff;
    background:
        linear-gradient(120deg, rgba(7,23,37,.99), rgba(13,65,100,.97)),
        var(--navy-950);
    border: 1px solid rgba(34,181,232,.15);
    border-radius: 20px;
    box-shadow: 0 16px 38px rgba(7,23,37,.13);
    overflow: hidden;
}

.sqehd-ops-brief::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -90px;
    bottom: -165px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(255,255,255,.025);
}

.sqehd-ops-brief > div {
    position: relative;
    z-index: 1;
}

.sqehd-ops-brief h3 {
    margin: 8px 0 6px;
    color: #fff;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.sqehd-ops-brief p {
    max-width: 820px;
    margin: 0;
    color: rgba(235,244,252,.68);
    font-size: 13px;
    line-height: 1.55;
}

.sqehd-ops-brief-stat {
    flex: 0 0 260px;
    padding: 17px 19px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
}

.sqehd-ops-brief-stat span,
.sqehd-ops-brief-stat strong,
.sqehd-ops-brief-stat small {
    display: block;
}

.sqehd-ops-brief-stat span {
    color: rgba(255,255,255,.55);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sqehd-ops-brief-stat strong {
    margin: 7px 0 4px;
    color: #fff;
    font-size: 27px;
}

.sqehd-ops-brief-stat small {
    color: rgba(255,255,255,.58);
    font-size: 11px;
}

.sqehd-operations-charts {
    margin-bottom: 20px;
}

.sqehd-chart-operations {
    min-height: 310px;
}

.sqehd-operations-queue {
    margin-bottom: 16px;
}

.sqehd-operations-table {
    min-width: 1320px;
}

.sqehd-operations-table td {
    vertical-align: top;
}

.sqehd-operations-table th:nth-child(4),
.sqehd-operations-table td:nth-child(4),
.sqehd-operations-table th:nth-child(6),
.sqehd-operations-table td:nth-child(6) {
    text-align: right;
}

.sqehd-operations-table code {
    white-space: nowrap;
}

.sqehd-operations-table .sqehd-next-action {
    min-width: 285px;
    color: #566278;
    line-height: 1.45;
}

.sqehd-priority {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sqehd-priority-critical {
    color: #b4232a;
    background: #fff0f1;
    border: 1px solid #ffd6d9;
}

.sqehd-priority-watch {
    color: #9a5b00;
    background: #fff7e7;
    border: 1px solid #ffe1a6;
}

.sqehd-priority-current {
    color: #087747;
    background: #eafbf3;
    border: 1px solid #c4f1dc;
}

.sqehd-age {
    color: var(--ink);
    font-weight: 800;
}

.sqehd-ops-standards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sqehd-ops-standards > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 17px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
}

.sqehd-ops-standards span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #fff;
    background: var(--navy-900);
    border-radius: 9px;
    font-size: 10px;
    font-weight: 850;
}

.sqehd-ops-standards p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}

.sqehd-ops-standards strong {
    display: block;
    margin-bottom: 2px;
    color: var(--ink);
    font-size: 12px;
}

.sqehd-ops-scope {
    margin: 10px 2px 0;
    color: #7a8597;
    font-size: 10px;
    text-align: right;
}

.sqehd-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.sqehd-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.sqehd-table th {
    padding: 11px 12px;
    color: #6a768a;
    background: #f4f7fa;
    font-size: 10px;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.sqehd-table td {
    padding: 13px 12px;
    color: #354156;
    border-bottom: 1px solid #e9edf3;
}

.sqehd-table tr:last-child td {
    border-bottom: 0;
}

.sqehd-table code {
    color: #435069;
    background: #f0f3f7;
    border-radius: 5px;
    font-size: 10px;
}

.sqehd-accounts-table td:not(:first-child),
.sqehd-accounts-table th:not(:first-child) {
    text-align: right;
}

.sqehd-data-trust {
    margin: 0 30px 30px;
    padding: 27px;
    color: #fff;
    background: var(--navy-950);
    border-color: transparent;
}

.sqehd-data-trust h2 {
    color: #fff;
}

.sqehd-secure-badge {
    color: #a7f3d0;
    border-color: rgba(32,199,119,.28);
}

.sqehd-freshness-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sqehd-source {
    position: relative;
    padding: 14px 14px 14px 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
}

.sqehd-source::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 8px;
    width: 4px;
    height: 4px;
    background: var(--green-500);
    border-radius: 50%;
}

.sqehd-source-watch::before { background: var(--amber-500); }
.sqehd-source-stale::before { background: var(--red-500); }

.sqehd-source span,
.sqehd-source strong,
.sqehd-source small {
    display: block;
}

.sqehd-source span {
    color: rgba(255,255,255,.53);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sqehd-source strong {
    margin: 6px 0 2px;
    color: #fff;
    font-size: 12px;
}

.sqehd-source small {
    color: rgba(255,255,255,.45);
    font-size: 10px;
}

.sqehd-scope-notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 24px;
    margin: 22px 0 0;
    padding: 18px 0 0 18px;
    color: rgba(255,255,255,.55);
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 11px;
}

.sqehd-access-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 900px;
    margin: 30px auto;
    padding: 22px;
    color: #182337;
    background: #fff;
    border: 1px solid #dce3ed;
    border-radius: 16px;
    box-shadow: 0 14px 40px rgba(11,32,52,.08);
    font-family: Inter, ui-sans-serif, sans-serif;
}

.sqehd-access-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    color: #fff;
    background: #0a2136;
    border-radius: 11px;
    font-weight: 800;
}

.sqehd-access-card strong {
    display: block;
    font-size: 16px;
}

.sqehd-access-card p {
    margin: 5px 0 0;
    color: #66728a;
    font-size: 13px;
}

@media (max-width: 1180px) {
    .sqehd-hero {
        grid-template-columns: 1fr;
    }
    .sqehd-health-card {
        width: min(100%, 360px);
    }
    .sqehd-kpi-grid,
    .sqehd-kpi-grid-primary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sqehd-overview-grid,
    .sqehd-two-col {
        grid-template-columns: 1fr;
    }
    .sqehd-ops-brief {
        align-items: flex-start;
    }
}

@media (max-width: 720px) {
    .sqehd {
        width: 100%;
        margin: 0 auto 50px;
        border-radius: 0;
    }
    .sqehd-hero {
        min-height: 0;
        padding: 38px 22px 72px;
    }
    .sqehd-hero h1 {
        font-size: 39px;
    }
    .sqehd-refresh {
        right: auto;
        left: 22px;
        bottom: 26px;
    }
    .sqehd-tabs {
        padding: 12px;
    }
    .sqehd-panel {
        padding: 18px 12px;
    }
    .sqehd-kpi-grid,
    .sqehd-kpi-grid-primary {
        grid-template-columns: 1fr;
    }
    .sqehd-panel-head {
        flex-direction: column;
    }
    .sqehd-panel-head p {
        margin-top: 0;
        text-align: left;
    }
    .sqehd-balance-block,
    .sqehd-freshness-grid,
    .sqehd-scope-notes,
    .sqehd-ops-standards {
        grid-template-columns: 1fr;
    }
    .sqehd-ops-brief {
        flex-direction: column;
        padding: 22px;
    }
    .sqehd-ops-brief-stat {
        flex-basis: auto;
        width: 100%;
    }
    .sqehd-ops-scope {
        text-align: left;
    }
    .sqehd-data-trust {
        margin: 0 12px 18px;
        padding: 20px;
    }
    .sqehd-section-head {
        flex-direction: column;
    }
    .sqehd-chart-wrap,
    .sqehd-chart-wide {
        min-height: 290px;
    }
}

.sqrtd {
    --navy-950: #061725;
    --navy-900: #0a2136;
    --navy-800: #123d5e;
    --blue-500: #1488d4;
    --cyan-500: #22b5e8;
    --green-500: #20c777;
    --amber-500: #f59e0b;
    --red-500: #ef4e55;
    --violet-500: #7c3aed;
    --ink: #111b2d;
    --muted: #66728a;
    --line: #dfe6ef;
    --panel: #fff;
    --canvas: #f3f6fa;
    width: min(1780px, calc(100% - 24px));
    margin: 18px auto 80px;
    color: var(--ink);
    background:
        radial-gradient(circle at 95% 4%, rgba(34, 181, 232, .08), transparent 24rem),
        var(--canvas);
    border: 1px solid #e7ebf1;
    border-radius: 30px;
    box-shadow: 0 28px 80px rgba(13, 34, 56, .12);
    overflow: hidden;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sqrtd *,
.sqrtd *::before,
.sqrtd *::after {
    box-sizing: border-box;
}

.sqrtd button,
.sqrtd table,
.sqrtd a {
    font-family: inherit;
}

.sqrtd-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: center;
    gap: 44px;
    min-height: 330px;
    padding: 50px 58px 58px;
    color: #fff;
    background:
        linear-gradient(112deg, rgba(6, 23, 37, .98), rgba(10, 50, 81, .95) 58%, rgba(16, 128, 188, .92)),
        radial-gradient(circle at 84% 18%, rgba(34, 181, 232, .48), transparent 23rem);
    overflow: hidden;
}

.sqrtd-hero::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -150px;
    bottom: -245px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 64px rgba(255,255,255,.035), 0 0 0 128px rgba(255,255,255,.023);
}

.sqrtd-hero-copy,
.sqrtd-portfolio-pulse,
.sqrtd-refresh {
    position: relative;
    z-index: 1;
}

.sqrtd-eyebrow,
.sqrtd-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--cyan-500);
    font-size: 11px;
    font-weight: 820;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sqrtd-eyebrow i {
    width: 8px;
    height: 8px;
    background: var(--green-500);
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(32,199,119,.14);
}

.sqrtd-hero h1 {
    max-width: 930px;
    margin: 18px 0 12px;
    color: #fff;
    font-size: clamp(35px, 4.1vw, 66px);
    font-weight: 650;
    letter-spacing: -.045em;
    line-height: .99;
}

.sqrtd-hero-copy > p {
    max-width: 850px;
    margin: 0;
    color: rgba(236,246,255,.78);
    font-size: clamp(15px, 1.3vw, 19px);
    line-height: 1.55;
}

.sqrtd-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 28px;
}

.sqrtd-hero-meta span {
    padding: 8px 12px;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 650;
}

.sqrtd-portfolio-pulse {
    padding: 25px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(0,0,0,.16);
    backdrop-filter: blur(12px);
}

.sqrtd-portfolio-pulse > span,
.sqrtd-portfolio-pulse > strong,
.sqrtd-portfolio-pulse > small {
    display: block;
}

.sqrtd-portfolio-pulse > span {
    color: rgba(255,255,255,.6);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sqrtd-portfolio-pulse > strong {
    margin: 9px 0 4px;
    color: #fff;
    font-size: 36px;
    letter-spacing: -.04em;
}

.sqrtd-portfolio-pulse > small {
    color: rgba(255,255,255,.63);
    font-size: 11px;
}

.sqrtd-portfolio-pulse > div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 7px 8px;
    margin-top: 20px;
    padding-top: 17px;
    color: rgba(255,255,255,.65);
    border-top: 1px solid rgba(255,255,255,.12);
    font-size: 11px;
}

.sqrtd-portfolio-pulse b {
    color: #fff;
}

.sqrtd-refresh {
    position: absolute;
    right: 58px;
    bottom: 27px;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.42);
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
}

.sqrtd-account-nav {
    position: sticky;
    z-index: 25;
    top: 0;
    display: flex;
    gap: 8px;
    padding: 14px 20px;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 10px 30px rgba(15,31,49,.065);
    backdrop-filter: blur(16px);
    overflow-x: auto;
}

.sqrtd-account-nav button {
    appearance: none;
    flex: none;
    min-width: 118px;
    padding: 10px 13px;
    color: #536076;
    background: #f5f7fa;
    border: 1px solid #e4e9f0;
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.sqrtd-account-nav button:hover {
    border-color: #b7c6d6;
    transform: translateY(-1px);
}

.sqrtd-account-nav button.is-active {
    color: #fff;
    background: var(--navy-900);
    border-color: var(--navy-900);
    box-shadow: 0 9px 22px rgba(10,33,54,.18);
}

.sqrtd-account-nav span,
.sqrtd-account-nav small {
    display: block;
}

.sqrtd-account-nav span {
    font-size: 12px;
    font-weight: 780;
}

.sqrtd-account-nav small {
    margin-top: 2px;
    color: #8993a3;
    font-size: 9px;
}

.sqrtd-account-nav button.is-active small {
    color: rgba(255,255,255,.55);
}

.sqrtd-body {
    padding: 28px;
}

.sqrtd-command {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    margin-bottom: 18px;
    padding: 25px 28px;
    color: #fff;
    background:
        linear-gradient(130deg, rgba(7,23,37,.99), rgba(14,57,87,.98)),
        var(--navy-900);
    border-radius: 20px;
    box-shadow: 0 14px 34px rgba(7,23,37,.12);
}

.sqrtd-command h2 {
    margin: 7px 0 5px;
    color: #fff;
    font-size: clamp(23px, 2.4vw, 34px);
    line-height: 1.05;
    letter-spacing: -.03em;
}

.sqrtd-command p {
    max-width: 940px;
    margin: 0;
    color: rgba(235,244,252,.69);
    font-size: 12px;
    line-height: 1.55;
}

.sqrtd-status {
    flex: 0 0 210px;
    padding: 17px 19px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-left: 4px solid var(--amber-500);
    border-radius: 14px;
}

.sqrtd-status-strong { border-left-color: var(--green-500); }
.sqrtd-status-critical { border-left-color: var(--red-500); }
.sqrtd-status-watch { border-left-color: var(--amber-500); }

.sqrtd-status span,
.sqrtd-status strong,
.sqrtd-status small {
    display: block;
}

.sqrtd-status span {
    color: rgba(255,255,255,.52);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sqrtd-status strong {
    margin: 4px 0 2px;
    color: #fff;
    font-size: 20px;
}

.sqrtd-status small {
    color: rgba(255,255,255,.56);
    font-size: 10px;
}

.sqrtd-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.sqrtd-metric,
.sqrtd-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 11px 30px rgba(17,35,58,.055);
}

.sqrtd-metric {
    position: relative;
    min-height: 145px;
    padding: 20px;
    color: var(--blue-500);
    border-top: 4px solid currentColor;
    overflow: hidden;
}

.sqrtd-metric::after {
    content: "";
    position: absolute;
    width: 76px;
    height: 76px;
    top: -42px;
    right: -35px;
    background: currentColor;
    border-radius: 50%;
    opacity: .055;
}

.sqrtd-tone-cyan { color: var(--cyan-500); }
.sqrtd-tone-violet { color: var(--violet-500); }
.sqrtd-tone-green { color: var(--green-500); }
.sqrtd-tone-amber { color: var(--amber-500); }
.sqrtd-tone-blue { color: var(--blue-500); }

.sqrtd-metric > span,
.sqrtd-metric > strong,
.sqrtd-metric > small {
    display: block;
}

.sqrtd-metric > span {
    color: #65728a;
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sqrtd-metric > strong {
    margin: 16px 0 8px;
    color: var(--ink);
    font-size: clamp(24px, 2.1vw, 35px);
    letter-spacing: -.04em;
    line-height: 1;
}

.sqrtd-metric > small {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.4;
}

.sqrtd-chart-grid,
.sqrtd-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(410px, .85fr);
    gap: 18px;
    margin-bottom: 20px;
}

.sqrtd-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 20px;
}

.sqrtd-card {
    padding: 24px;
}

.sqrtd-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 19px;
}

.sqrtd-section-head h2,
.sqrtd-data-trust h2 {
    margin: 6px 0 0;
    color: var(--ink);
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.sqrtd-note {
    flex: none;
    padding: 7px 10px;
    color: #5d687b;
    background: #f1f4f8;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 760;
}

.sqrtd-chart-wrap {
    position: relative;
    min-height: 360px;
}

.sqrtd-health-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 20px;
    background: #dce3ec;
    border: 1px solid #dce3ec;
    border-radius: 18px;
    box-shadow: 0 11px 30px rgba(17,35,58,.05);
    overflow: hidden;
}

.sqrtd-health-strip article {
    min-height: 118px;
    padding: 20px;
    background: #fff;
}

.sqrtd-health-strip span,
.sqrtd-health-strip strong,
.sqrtd-health-strip small {
    display: block;
}

.sqrtd-health-strip span {
    color: var(--muted);
    font-size: 9px;
    font-weight: 810;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sqrtd-health-strip strong {
    margin: 11px 0 4px;
    color: var(--ink);
    font-size: 25px;
    letter-spacing: -.035em;
}

.sqrtd-health-strip small {
    color: #7a8597;
    font-size: 10px;
}

.sqrtd-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.sqrtd-table {
    width: 100%;
    border-collapse: collapse;
    color: #36445a;
    font-size: 11px;
}

.sqrtd-table th {
    padding: 12px 13px;
    color: #667389;
    background: #f2f5f9;
    border: 1px solid #dfe5ed;
    font-size: 9px;
    font-weight: 820;
    letter-spacing: .1em;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
}

.sqrtd-table th:first-child,
.sqrtd-table td:first-child {
    text-align: left;
}

.sqrtd-table td {
    padding: 13px;
    border: 1px solid #e2e7ef;
    text-align: right;
    white-space: nowrap;
}

.sqrtd-table tbody tr[role="button"] {
    cursor: pointer;
    transition: background .16s ease;
}

.sqrtd-table tbody tr[role="button"]:hover,
.sqrtd-table tbody tr.is-selected {
    background: #f0f8fd;
}

.sqrtd-table td:first-child strong,
.sqrtd-table td:first-child small {
    display: block;
}

.sqrtd-table td:first-child strong {
    color: #2f3d52;
}

.sqrtd-table td:first-child small {
    margin-top: 3px;
    color: #8a94a5;
    font-size: 9px;
}

.sqrtd-health-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    color: #9a6505;
    background: #fff7e8;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 780;
}

.sqrtd-health-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--amber-500);
    border-radius: 50%;
}

.sqrtd-health-critical {
    color: #bd2d35;
    background: #fff0f1;
}

.sqrtd-health-critical::before { background: var(--red-500); }
.sqrtd-health-strong {
    color: #118d50;
    background: #edfdf5;
}
.sqrtd-health-strong::before { background: var(--green-500); }

.sqrtd-products td:first-child {
    max-width: 430px;
    white-space: normal;
}

.sqrtd-exception-card {
    background:
        linear-gradient(150deg, rgba(7,23,37,.99), rgba(12,52,80,.98)),
        var(--navy-900);
    border-color: transparent;
}

.sqrtd-exception-card .sqrtd-section-head h2 {
    color: #fff;
}

.sqrtd-exception-card .sqrtd-note {
    color: rgba(255,255,255,.66);
    background: rgba(255,255,255,.08);
}

.sqrtd-exception-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-height: 520px;
    padding-right: 4px;
    overflow-y: auto;
}

.sqrtd-exception {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    color: #fff;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 13px;
}

.sqrtd-exception > span {
    display: grid;
    place-items: center;
    align-self: start;
    width: 41px;
    height: 34px;
    color: #fff;
    background: var(--amber-500);
    border-radius: 9px;
    font-size: 10px;
    font-weight: 830;
}

.sqrtd-exception > span.is-critical {
    background: var(--red-500);
}

.sqrtd-exception > div > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sqrtd-exception strong {
    color: #fff;
    font-size: 11px;
}

.sqrtd-exception b {
    color: rgba(255,255,255,.78);
    font-size: 10px;
}

.sqrtd-exception p,
.sqrtd-exception small {
    display: block;
    margin: 4px 0 0;
    color: rgba(235,244,252,.56);
    font-size: 9px;
    line-height: 1.45;
}

.sqrtd-exception small {
    color: rgba(235,244,252,.72);
}

.sqrtd-exception-empty {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 125px;
    padding: 22px;
    color: #fff;
    background: rgba(32,199,119,.08);
    border: 1px solid rgba(32,199,119,.18);
    border-radius: 14px;
}

.sqrtd-exception-empty > span {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    color: #062a1b;
    background: var(--green-500);
    border-radius: 12px;
    font-weight: 850;
}

.sqrtd-exception-empty strong {
    display: block;
    color: #fff;
}

.sqrtd-exception-empty p {
    margin: 4px 0 0;
    color: rgba(255,255,255,.58);
    font-size: 10px;
}

.sqrtd-data-trust {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(420px, .8fr);
    gap: 32px;
    margin: 0 28px 28px;
    padding: 26px 28px;
    color: #fff;
    background: var(--navy-950);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
}

.sqrtd-data-trust h2 {
    color: #fff;
}

.sqrtd-data-trust p {
    margin: 9px 0 0;
    color: rgba(255,255,255,.55);
    font-size: 10px;
    line-height: 1.55;
}

.sqrtd-source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.sqrtd-source-grid article {
    position: relative;
    padding: 15px 15px 15px 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
}

.sqrtd-source-grid article::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 9px;
    width: 4px;
    height: 4px;
    background: var(--green-500);
    border-radius: 50%;
}

.sqrtd-source-grid span,
.sqrtd-source-grid strong,
.sqrtd-source-grid small {
    display: block;
}

.sqrtd-source-grid span {
    color: rgba(255,255,255,.48);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sqrtd-source-grid strong {
    margin: 6px 0 2px;
    color: #fff;
    font-size: 11px;
}

.sqrtd-source-grid small {
    color: rgba(255,255,255,.43);
    font-size: 9px;
}

@media (max-width: 1280px) {
    .sqrtd-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sqrtd-chart-grid,
    .sqrtd-detail-grid {
        grid-template-columns: 1fr;
    }
    .sqrtd-health-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .sqrtd-hero {
        grid-template-columns: 1fr;
        padding-bottom: 70px;
    }
    .sqrtd-portfolio-pulse {
        width: min(100%, 390px);
    }
    .sqrtd-command {
        align-items: flex-start;
        flex-direction: column;
    }
    .sqrtd-status {
        flex-basis: auto;
        width: min(100%, 330px);
    }
    .sqrtd-data-trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .sqrtd {
        width: 100%;
        margin: 0 auto 50px;
        border-radius: 0;
    }
    .sqrtd-hero {
        min-height: 0;
        gap: 25px;
        padding: 38px 21px 72px;
    }
    .sqrtd-hero h1 {
        font-size: 39px;
    }
    .sqrtd-refresh {
        right: auto;
        left: 21px;
        bottom: 26px;
    }
    .sqrtd-account-nav {
        padding: 11px;
    }
    .sqrtd-body {
        padding: 14px 11px;
    }
    .sqrtd-command,
    .sqrtd-card {
        padding: 20px;
    }
    .sqrtd-kpi-grid,
    .sqrtd-health-strip {
        grid-template-columns: 1fr;
    }
    .sqrtd-section-head {
        flex-direction: column;
    }
    .sqrtd-chart-wrap {
        min-height: 300px;
    }
    .sqrtd-data-trust {
        gap: 20px;
        margin: 0 11px 18px;
        padding: 21px;
    }
    .sqrtd-source-grid {
        grid-template-columns: 1fr;
    }
}