/* Final PC-only layer: same information hierarchy as the mobile dashboard. */
@media (min-width: 851px) {
  body[data-page="dashboard"] { --dashboard-surface: #131c2a; --dashboard-line: rgba(140,165,195,.16); background: #0a101c; }
  body[data-page="dashboard"] .dashboard-main { color: #cbd5e0; }
  body[data-page="dashboard"] .gauge-panel > .panel-heading > div:first-child { display: none; }
  body[data-page="dashboard"] .gauge-panel > .panel-heading { justify-content: flex-end; }
  body[data-page="dashboard"] .risk-gauge .gauge-tiers text { fill: #cbd5e0; font: 500 10px var(--sans); }
  body[data-page="dashboard"] .situation-brief > .gauge-panel .gauge-score { top: calc(47% + 12px); }
  body[data-page="dashboard"] .situation-brief > .gauge-panel .gauge-marker { transform-box: fill-box; transform-origin: center; animation: pc-gauge-marker-breath 2.8s ease-in-out infinite; }
  @keyframes pc-gauge-marker-breath {
    0%, 100% { transform: scale(1); opacity: .78; }
    50% { transform: scale(1.18); opacity: 1; }
  }
  @media (prefers-reduced-motion: reduce) {
    body[data-page="dashboard"] .situation-brief > .gauge-panel .gauge-marker { animation: none; transform: none; opacity: 1; }
  }
  body[data-page="dashboard"] #situationTitle,
  body[data-page="dashboard"] .dashboard-main .panel-heading h2,
  body[data-page="dashboard"] .risk-map-heading h2 { color: #93a7bd !important; font-size: 16px !important; font-weight: 600; }
  body[data-page="dashboard"] .situation-brief #situationConclusion { display: block; margin: 12px 0 0; color: #e0e7ef; font: 650 clamp(24px,1.75vw,28px)/1.45 var(--sans); letter-spacing: -.02em; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; text-wrap: pretty; overflow: visible; max-height: none; -webkit-line-clamp: unset; text-shadow: none; }
  body[data-page="dashboard"] .situation-brief #situationConclusion .situation-conclusion__cause { color: inherit; font: inherit; }
  body[data-page="dashboard"] .situation-brief #situationExplanation { margin: 10px 0 0; color: #cbd5e0; font: 400 17px/1.7 var(--sans); letter-spacing: 0; word-break: keep-all; overflow-wrap: anywhere; text-wrap: pretty; }
  body[data-page="dashboard"] .situation-brief #situationMobileUpdated { color: #93a7bd; font-weight: 400; font-size: 12px !important; }
  body[data-page="dashboard"] .situation-lower-row .situation-causes { max-width: 640px; }
  body[data-page="dashboard"] .situation-lower-row .situation-causes li > span { color: #e0e7ef; font: 600 15px/1.5 var(--sans); }
  body[data-page="dashboard"] .situation-lower-row .situation-causes li > strong { justify-self: start; padding: 3px 8px; border: 0; border-radius: 5px; background: #162134; color: #93a7bd; font: 500 12px/1.5 var(--sans); }
  body[data-page="dashboard"] .cause-change-heading { color: #93a7bd; font: 450 12px/1.5 var(--sans); }
  body[data-page="dashboard"] .situation-lower-row .cause-change-chart { color: #92a4b4; }
  body[data-page="dashboard"] .cause-change-track { background: #213040; }
  body[data-page="dashboard"] .cause-change-track::before { display: none; }
  body[data-page="dashboard"] .cause-change-chart.is-flat .cause-change-track::after { background: currentColor; }
  body[data-page="dashboard"] .trend-signals-grid > .trend-panel { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto 180px auto auto minmax(50px,1fr); align-content: start; gap: 0; padding: 24px 24px 28px !important; }
  body[data-page="dashboard"] .trend-signals-grid > .trend-panel > .panel-heading { margin: 0 0 36px; padding: 0; }
  body[data-page="dashboard"] .trend-panel .trend-summary { margin: 6px 0 0; color: #93a7bd; font: 400 13px/1.6 var(--sans); }
  body[data-page="dashboard"] .trend-signals-grid > .trend-panel .chart-wrap { height: 180px !important; min-height: 180px; max-height: 180px; margin: 0; border-top: 0 !important; }
  body[data-page="dashboard"] .trend-panel .chart-axis { margin: 8px 0 0; color: #70849a; font: 400 11px/1.5 var(--sans); font-size: 11px !important; }
  body[data-page="dashboard"] .trend-signals-grid > .trend-panel .trend-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 18px 0 0; padding: 0; border: 0; background: transparent; }
  body[data-page="dashboard"] .trend-panel .trend-stats > div { min-width: 0; padding: 0 10px; border: 0; text-align: center; }
  body[data-page="dashboard"] .trend-panel .trend-stats > div + div { border-left: 1px solid rgba(140,165,195,.16); }
  body[data-page="dashboard"] .trend-panel .trend-stats small { color: #93a7bd; font: 400 11px/1.5 var(--sans); font-size: 11px !important; }
  body[data-page="dashboard"] .trend-panel .trend-stats strong { margin-top: 3px; color: #cbd5e0; font: 600 16px/1.5 var(--sans); font-variant-numeric: tabular-nums; }
  body[data-page="dashboard"] .trend-panel .trend-stats .trend-direction strong { font-size: 12px; white-space: nowrap; }
  body[data-page="dashboard"] .trend-signals-grid .trend-panel > .range-tabs { justify-self: center; align-self: end; width: max-content; margin: 0; padding: 2px; gap: 2px; border: 1px solid rgba(140,165,195,.13) !important; border-radius: 999px; background: transparent; }
  body[data-page="dashboard"] .trend-signals-grid .trend-panel .range-tabs button { min-width: 44px; min-height: 28px; padding: 4px 10px; color: #93a7bd; font: 500 12px/1.5 var(--sans); }
  body[data-page="dashboard"] .trend-signals-grid .trend-panel .range-tabs button.active { color: #e0e7ef; background: #213040; font-weight: 600; }
  body[data-page="dashboard"] .dashboard-main .desktop-radar-label__title { fill: #e0e7ef; font: 600 15px/1.45 var(--sans) !important; letter-spacing: -.01em; }
  body[data-page="dashboard"] .dashboard-main .desktop-radar-label__value,
  body[data-page="dashboard"] .dashboard-main .desktop-radar-label__value tspan { fill: #cbd5e0 !important; }
  body[data-page="dashboard"] .desktop-radar-node-tag__background { fill: none; stroke: none; }
  body[data-page="dashboard"] .desktop-radar-node-tag__text { fill: #cbd5e0; font: 500 11px var(--sans); }
  body[data-page="dashboard"] .desktop-radar-node-tag__score { fill: #cbd5e0; font-weight: 600; }
  body[data-page="dashboard"] .desktop-radar-node-tag__level { fill: var(--node-color); font-size: 10.5px; font-weight: 500; }
  body[data-page="dashboard"] .desktop-signal-radar__legend,
  body[data-page="dashboard"] .desktop-signal-radar__legend small { color: #93a7bd; }
  body[data-page="dashboard"] .signals-panel #monitorLiveBadge { display: none; }
  body[data-page="dashboard"] .signals-panel .signal-radar-open,
  body[data-page="dashboard"] .signals-panel .signal-radar-detail__back { border: 0; background: transparent; color: #93a7bd !important; font: 500 16px/1.5 var(--sans); min-height: 36px; box-shadow: none; }
  body[data-page="dashboard"] .signals-panel .signal-radar-open-label,
  body[data-page="dashboard"] .signals-panel .signal-radar-detail__back-label { font: inherit; color: inherit; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-list { margin: 0; gap: 0; grid-template-columns: minmax(0,1fr); grid-template-rows: none; grid-auto-rows: max-content; align-content: start; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-item { display: grid; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto auto auto; gap: 8px !important; padding: 18px 0 !important; border-bottom: 1px solid rgba(140,165,195,.16) !important; background: transparent; box-shadow: none; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-item:last-child { border-bottom: 0 !important; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-rank,
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-meter { display: none; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item__body { display: contents !important; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-item h3 { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-column: 1; grid-row: 1; align-items: center; gap: 10px; margin: 0; color: #e0e7ef !important; font: 600 17px/1.45 var(--sans); }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-title { grid-column: 1; grid-row: 1; color: inherit; font-size: 17px !important; white-space: normal; overflow: visible; text-overflow: clip; word-break: keep-all; overflow-wrap: anywhere; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-state--inline { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; padding: 0; min-height: 0; border: 0 !important; border-radius: 0; background: transparent; color: var(--risk-color, #93a7bd) !important; font: 500 12px/1.5 var(--sans); font-size: 12px !important; white-space: nowrap; box-shadow: none; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-state--inline::before { display: none; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-item p { grid-column: 1 / -1; grid-row: 2; display: block; width: 100%; min-width: 0; max-width: none !important; margin: 0; padding: 0; color: #cbd5e0 !important; font: 400 15px/1.7 var(--sans); font-size: 15px !important; white-space: normal; overflow: visible; max-height: none; -webkit-line-clamp: unset; word-break: keep-all; overflow-wrap: anywhere; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail .signal-item__stats { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 2px 0 0; padding: 8px 12px; border-radius: 6px; background: #162134; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item__stat { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; color: #93a7bd; font: 400 12px/1.5 var(--sans); }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item__stat + .signal-item__stat { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(140,165,195,.16); }
  body[data-page="dashboard"] .dashboard-main .signals-panel .signal-radar-detail .signal-item__stat b { color: #e0e7ef !important; font: 600 16px/1.4 var(--sans); font-variant-numeric: tabular-nums; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item__meta { grid-column: 1 / -1; grid-row: 4; display: flex; align-items: center; justify-content: flex-end; width: 100%; min-width: 0; margin: 0; text-align: right; }
  body[data-page="dashboard"] .dashboard-main .signals-panel .signal-time { color: #93a7bd !important; font: 400 12px/1.5 var(--sans); font-size: 12px !important; }
}

/* PC color/type polish from the shared guide; restored layout stays intact. */
@media (min-width: 851px) {
  body[data-page="dashboard"] .dashboard-main {
    --pc-text: #c7cfd8; --pc-muted: #92a4b4; --pc-dim: #6e8398;
    --pc-blue: #76b7ff; --pc-teal: #52c7b8;
    color: var(--pc-text);
  }
  body[data-page="dashboard"] #situationTitle,
  body[data-page="dashboard"] .dashboard-main .panel-heading h2,
  body[data-page="dashboard"] .risk-map-heading h2 { color: var(--pc-text) !important; font-size: 16px !important; font-weight: 700; letter-spacing: -.01em; }
  body[data-page="dashboard"] .situation-brief #situationConclusion { color: var(--pc-text); font-weight: 700; letter-spacing: -.02em; }
  body[data-page="dashboard"] .situation-brief #situationConclusion:hover { color: var(--pc-blue); }
  body[data-page="dashboard"] .situation-brief #situationConclusion:focus-visible { outline: 2px solid var(--pc-teal); outline-offset: 5px; }
  body[data-page="dashboard"] .situation-brief #situationExplanation { color: var(--pc-muted); font-size: 15px; font-weight: 400; line-height: 1.7; }
  body[data-page="dashboard"] .situation-brief #situationMobileUpdated,
  body[data-page="dashboard"] .cause-change-heading,
  body[data-page="dashboard"] .trend-panel .trend-summary { color: var(--pc-muted); }
  body[data-page="dashboard"] .situation-lower-row .situation-causes li > span { color: var(--pc-text); }
  body[data-page="dashboard"] .situation-lower-row .situation-causes li > strong { color: var(--pc-muted); background: rgba(255,255,255,.055); font-weight: 500; }
  body[data-page="dashboard"] .situation-lower-row .cause-change-chart.is-up { color: rgb(239,85,76); }
  body[data-page="dashboard"] .situation-lower-row .cause-change-chart.is-down { color: var(--pc-blue); }
  body[data-page="dashboard"] .situation-lower-row .cause-change-chart.is-flat { color: var(--pc-muted); }
  body[data-page="dashboard"] .risk-gauge .gauge-tiers text,
  body[data-page="dashboard"] .gauge-ticks text { fill: var(--pc-muted); }
  body[data-page="dashboard"] .gauge-score span,
  body[data-page="dashboard"] .gauge-footer .updated-at { color: var(--pc-muted); }
  body[data-page="dashboard"] .trend-panel .chart-axis { color: var(--pc-dim); }
  body[data-page="dashboard"] .trend-panel .trend-stats small { color: var(--pc-muted); }
  body[data-page="dashboard"] .trend-panel .trend-stats strong { color: var(--pc-text); font-weight: 700; font-variant-numeric: tabular-nums; }
  body[data-page="dashboard"] .trend-signals-grid .trend-panel .range-tabs button { color: var(--pc-muted); }
  body[data-page="dashboard"] .trend-signals-grid .trend-panel .range-tabs button.active { color: var(--pc-blue); background: rgba(118,183,255,.1); }
  body[data-page="dashboard"] .dashboard-main .desktop-radar-label__title { fill: var(--pc-text); }
  body[data-page="dashboard"] .desktop-signal-radar__legend,
  body[data-page="dashboard"] .desktop-signal-radar__legend small,
  body[data-page="dashboard"] .signals-panel .signal-radar-open-note { color: var(--pc-muted); }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-title { color: var(--pc-text); }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item p { color: var(--pc-muted) !important; font-size: 14px !important; font-weight: 400; }
  body[data-page="dashboard"] .signals-panel .signal-radar-detail .signal-item__stat,
  body[data-page="dashboard"] .dashboard-main .signals-panel .signal-time { color: var(--pc-muted) !important; }
  body[data-page="dashboard"] .risk-map-description,
  body[data-page="dashboard"] .risk-map-footer a { color: var(--pc-muted); }
  body[data-page="dashboard"] .risk-map-label { fill: var(--pc-text); }
  body[data-page="dashboard"] .risk-map-footer small { color: var(--pc-dim); }
  body[data-page="dashboard"] .risk-map-footer a:hover { color: var(--pc-blue); }
  body[data-page="dashboard"] .dashboard-main > .situation-brief,
  body[data-page="dashboard"] .dashboard-main .trend-signals-grid,
  body[data-page="dashboard"] .dashboard-main .trend-panel,
  body[data-page="dashboard"] .dashboard-main .signals-panel,
  body[data-page="dashboard"] .dashboard-main .dashboard-risk-map { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  body[data-page="dashboard"] .dashboard-main .trend-signals-grid { border-top: 1px solid rgba(146,164,180,.16) !important; }
  body[data-page="dashboard"] #situationTitle,
  body[data-page="dashboard"] .dashboard-main .panel-heading h2,
  body[data-page="dashboard"] .risk-map-heading h2 { color: var(--pc-teal) !important; }

  body[data-page="dashboard"] .trend-panel #trendChart { clip-path: none !important; animation: none !important; }

}

/* Reuse the existing graph/detail state dots on PC. */
@media (min-width: 851px) {
  body[data-page="dashboard"] .trend-signals-grid .signals-panel > .signal-radar-dots { display: flex; position: absolute; z-index: 5; left: 0; right: 0; bottom: 8px; align-items: center; justify-content: center; gap: 4px; margin: 0; }
  body[data-page="dashboard"] .signal-radar-dot { position: relative; width: 20px; height: 28px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
  body[data-page="dashboard"] .signal-radar-dot::after { content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 50%; background: #6e8398; transition: background .2s ease, box-shadow .2s ease; }
  body[data-page="dashboard"] .signal-radar-dot.is-active::after { background: #76b7ff; box-shadow: 0 0 7px rgba(118,183,255,.35); }
  body[data-page="dashboard"] .signal-radar-dot:focus-visible { outline: 2px solid #76b7ff; outline-offset: 1px; border-radius: 12px; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .desktop-signal-radar__legend { bottom: 44px; }

}

@media (min-width: 851px) and (max-width: 1180px) {
  body[data-page="dashboard"] .trend-signals-grid .signals-panel > .signal-radar-dots { position: static; margin-top: 12px; }
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .desktop-signal-radar__legend { bottom: 16px; }
}
@media (min-width: 1181px) {
  body[data-page="dashboard"] .trend-signals-grid .signals-panel .signal-radar-detail { bottom: 40px; max-height: calc(100% - 40px); overflow-y: auto; }
}

/* Match the mobile gauge’s symmetric upper-caption spacing. */
@media (min-width: 851px) {
  body[data-page="dashboard"] .gauge-panel .gauge-track,
  body[data-page="dashboard"] .gauge-panel .gauge-value-arc { mask: url(#mobileGaugeSegments); }
  body[data-page="dashboard"] .gauge-panel .gauge-track { stroke-dasharray: none; }
  body[data-page="dashboard"] .gauge-panel .gauge-value-arc { stroke: url(#mobileGaugeSegmentColors); }
  /* Six upper captions follow the center rays of the solid arc pieces.
     Center the words on those positions so their lengths do not shift the rhythm. */
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text:not([data-i18n="tier.low"]):not([data-i18n="tier.global"]) {
    text-anchor: middle;
    dominant-baseline: central;
  }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.watch"] { transform: translate(-23.06px, 22.40px); }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.rising"] { transform: translate(-22.28px, 1.29px); }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.high"] { transform: translate(-9.07px, -12.17px); }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.veryHigh"] { transform: translate(9.07px, -12.17px); }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.critical"] { transform: translate(22.28px, 1.29px); }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.extreme"] { transform: translate(23.06px, 22.40px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.watch"] { transform: translate(-32.75px, 19.91px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.rising"] { transform: translate(-29.39px, -5.73px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.high"] { transform: translate(-11.68px, -21.82px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.veryHigh"] { transform: translate(11.68px, -21.82px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.critical"] { transform: translate(29.39px, -5.73px); }
  html[lang="en"] body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.extreme"] { transform: translate(32.75px, 19.91px); }
  /* Match mobile: endpoint numbers inside the arc, captions below its ends. */
  body[data-page="dashboard"] .gauge-panel .gauge-score > span { display: none; }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.low"] {
    text-anchor: middle;
    transform: translate(20px, 30px);
  }
  body[data-page="dashboard"] .gauge-panel .gauge-tiers text[data-i18n="tier.global"] {
    text-anchor: middle;
    transform: translate(-20px, 30px);
  }
  body[data-page="dashboard"] .gauge-panel .gauge-ticks text:first-child { transform: translate(24px, -28px); }
  body[data-page="dashboard"] .gauge-panel .gauge-ticks text:last-child { transform: translate(-24px, -28px); }
}