/* PlanetHeartbeat V3.6.0 — 50 scoped UI upgrades to navigation and surrounding chrome.
 * Approved original Earth globe canvas, camera, texture, ocean colors and rotation remain untouched.
 * Palette changes affect only shell panels, NOT WebGL output or the .stage renderer.
 */
body{--ph-header:#081722;--ph-sidebar:linear-gradient(145deg,#0d202b,#09151f);--ph-intel:linear-gradient(150deg,#0c1e29,#081723);--ph-ribbon:linear-gradient(90deg,#0d2530,#0b1c2b);--ph-card:linear-gradient(145deg,#17403d,#0f2932);--ph-item:#113944;--ph-edge:#416d6f}
/* 01 */ .ph-control-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 24px;border-bottom:1px solid #3e6971;background:var(--ph-ribbon);box-shadow:0 10px 27px #00000029;position:relative;z-index:3;flex-wrap:wrap}
/* 02 */ .ph-ribbon-intro{display:flex;align-items:center;gap:12px;min-width:170px}
/* 03 */ .ph-ribbon-pulse{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid #66ccb1;border-radius:50%;background:#19493e;color:#8bf3cc;font-size:15px;box-shadow:0 0 20px #5fdcb624}
/* 04 */ .ph-ribbon-intro strong{display:block;font:750 12px/1.2 'Space Grotesk',system-ui,sans-serif;letter-spacing:.09em;color:#e9fff7}
/* 05 */ .ph-ribbon-intro small{display:block;font:650 8px/1.5 'DM Sans',system-ui,sans-serif;letter-spacing:.1em;color:#a5c6ce;margin-top:3px}
/* 06 */ .ph-ribbon-links{display:flex;flex:1 1 auto;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}
/* 07 */ .ph-ribbon-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid #446571;border-radius:10px;background:linear-gradient(160deg,#142b39,#0a1b28);font:740 10px/1.2 'DM Sans',system-ui,sans-serif;color:#d1e9eb;text-decoration:none;letter-spacing:.045em;white-space:nowrap;transition:background .15s,border-color .15s}
/* 08 */ .ph-ribbon-link:hover,.ph-ribbon-link:focus-visible{background:#205349;border-color:#9aefca;color:#fff}
/* 09 */ .ph-ribbon-primary{color:#dcfff0!important;border-color:#69b99d;background:linear-gradient(155deg,#205b49,#173e3d)}
/* 10 */ .ph-display-settings{display:flex;align-items:center;gap:8px;min-width:0}
/* 11 */ .ph-theme-control{display:flex;align-items:center;gap:3px;border:1px solid #476f76;border-radius:11px;padding:4px 5px;margin:0;min-width:0;background:#101f2a}
/* 12 */ .ph-theme-control legend{float:left;margin-right:8px;color:#a3c4c9;letter-spacing:.07em;font:750 8px/1.3 system-ui,sans-serif;padding:0}
/* 13 */ .ph-theme-control button{min-height:30px;border:0;background:transparent;color:#bad3d6;border-radius:7px;font:750 9px/1.2 system-ui,sans-serif;padding:7px 8px;white-space:nowrap}
/* 14 */ .ph-theme-control button[aria-pressed=true]{background:#2a755b;color:#fff;box-shadow:0 1px 7px #0005}
/* 15 */ .ph-density-toggle{min-height:36px;padding:8px 10px;background:#102d3b;border:1px solid #4c7784;border-radius:9px;color:#c2efdc;font:750 9px/1.2 system-ui,sans-serif;white-space:nowrap}
/* 16 */ .header{background:var(--ph-header)!important;border-color:var(--ph-edge)!important;box-shadow:0 5px 17px #0002}
/* 17 */ .brand-copy strong{letter-spacing:-.035em;text-shadow:0 1px 5px #0002}
/* 18 */ .brand-copy small{color:#a2c6cb;letter-spacing:.15em}
/* 19 */ .header-right{gap:clamp(7px,1vw,17px)}
/* 20 */ .header .search-launch,.header .command-open{border-radius:10px;border-color:#47776e;box-shadow:inset 0 1px #ffffff0f}
/* 21 */ .sidebar{background:var(--ph-sidebar)!important;border-color:var(--ph-edge)!important;box-shadow:inset -13px 0 28px #0000001c}
/* 22 */ .sidebar .section-title{color:#a7c8cd;font-size:10px;font-weight:800;letter-spacing:.16em}
/* 23 */ .sidebar .start-here{border-radius:15px;border-color:var(--ph-edge);background:var(--ph-card);box-shadow:0 12px 27px #0003;padding:17px 14px}
/* 24 */ .sidebar .start-here strong{font-size:17px;line-height:1.25;color:#f1fff7}
/* 25 */ .sidebar .start-here a{min-height:41px;letter-spacing:.01em;background:var(--ph-item);border-color:#5c928c;border-radius:10px}
/* 26 */ .ph-layer-context{margin:0 4px 11px;padding:10px 11px;border-left:3px solid #69dab8;border-radius:0 7px 7px 0;background:#103039;color:#b4d8d2;font-size:10px;line-height:1.55}
/* 27 */ .sidebar .layer-presets{background:#102631b8;border:1px solid #335a65;border-radius:11px;padding:5px}
/* 28 */ .sidebar .layer-presets button{border-radius:7px;min-height:32px;transition:background .12s}
/* 29 */ .sidebar .layer{border-bottom:1px solid #29444d61;border-radius:9px;min-height:51px;transition:background .13s}
/* 30 */ .sidebar .layer>span small{color:#a3bac4;line-height:1.4}
/* 31 */ .intel{background:var(--ph-intel)!important;border-color:var(--ph-edge)!important;box-shadow:inset 12px 0 30px #0002}
/* 32 */ .intel-intro{padding:28px 21px 14px}
/* 33 */ .intel-intro h2{font-size:24px;line-height:1.15;letter-spacing:-.05em;color:#effef7}
/* 34 */ .intel-intro p{color:#b5ced3;font-size:11px;line-height:1.65}
/* 35 */ .ph-data-integrity{margin:0 20px 13px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;background:var(--ph-card);border:1px solid #49746e;border-radius:12px}
/* 36 */ .ph-data-integrity-dot{width:9px;height:9px;border-radius:50%;background:#74eac0;box-shadow:0 0 12px #7cedb259}
/* 37 */ .ph-data-integrity strong{display:block;color:#e7fff1;font-size:9px;letter-spacing:.09em;line-height:1.4}
/* 38 */ .ph-data-integrity small{display:block;color:#b5d4d4;font-size:9px;margin-top:3px;line-height:1.4}
/* 39 */ .ph-data-integrity a{font-size:9px;text-decoration:none;color:#c6ffe1;white-space:nowrap;border:1px solid #57847a;padding:7px 8px;border-radius:7px}
/* 40 */ .intel .metric-grid{border-color:var(--ph-edge);border-radius:14px;background:var(--ph-card);box-shadow:0 7px 21px #0002}
/* 41 */ .intel .metric-grid>div{padding:16px 13px;gap:7px}
/* 42 */ .intel .metric-grid strong{font-size:36px;line-height:1.1;letter-spacing:-.04em;color:#f3fff8}
/* 43 */ .intel .geomagnetic,.intel .seismic-pulse{border-radius:12px;border-color:#385f6b;box-shadow:0 4px 14px #0002}
/* 44 */ .intel .feed-tabs{gap:7px}
/* 45 */ .intel .feed-tabs button{border-radius:9px;min-height:38px}
/* 46 */ .intel .feed-item{padding:13px 8px;border-radius:8px;line-height:1.5}
/* 47 */ .footer{height:auto!important;min-height:55px;padding:14px 25px!important;flex-wrap:wrap;line-height:1.65;background:var(--ph-header);border-color:var(--ph-edge)}
/* 48 */ .footer a{color:#b4e6db;text-decoration-color:#6aa997;text-underline-offset:3px}
/* 49 */ body[data-shell-theme=ocean] .sidebar,body[data-shell-theme=ocean] .intel,body[data-shell-theme=ocean] .ph-control-ribbon{--ph-sidebar:linear-gradient(160deg,#0b273b,#072638);--ph-intel:linear-gradient(145deg,#0e293b,#0a1c31);--ph-ribbon:linear-gradient(90deg,#0c2941,#073641);--ph-card:linear-gradient(145deg,#114357,#0e293e);--ph-item:#12384b;--ph-edge:#4d8593}
/* 50 */ body[data-shell-theme=contrast] .sidebar,body[data-shell-theme=contrast] .intel,body[data-shell-theme=contrast] .ph-control-ribbon{--ph-sidebar:#05080d;--ph-intel:#080e15;--ph-ribbon:#0b111a;--ph-card:#14212c;--ph-item:#233c46;--ph-edge:#91beca}

/* Responsive enhancements for each layout breakpoint */
@media(max-width:1350px){
 .ph-control-ribbon{gap:9px;padding:10px 15px}
 .ph-ribbon-intro{min-width:150px}
 .ph-ribbon-links{justify-content:flex-start}
 .ph-ribbon-link{padding:8px 9px}
 .ph-display-settings{flex:0 1 100%;justify-content:flex-end}
}
@media(max-width:850px){
 .ph-control-ribbon{padding:10px 12px;gap:8px}
 .ph-ribbon-intro{min-width:0;flex:1}
 .ph-ribbon-links{display:none}
 .ph-display-settings{flex:0 0 auto}
 .ph-theme-control legend{display:none}
 .ph-density-toggle{min-height:40px}
 .sidebar{box-shadow:none}
 .intel{box-shadow:none}
 .ph-data-integrity{margin:0 18px 13px}
 .metric-grid{max-width:none}
 .footer{padding:17px 15px!important}
}
@media(max-width:560px){
 .ph-control-ribbon{flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px}
 .ph-ribbon-intro{display:none}
 .ph-display-settings{width:100%;justify-content:space-between;gap:6px}
 .ph-theme-control{flex:1;justify-content:space-between}
 .ph-theme-control button{flex:1;min-height:35px;padding:6px 3px}
 .ph-density-toggle{flex:0 0 auto;font-size:8px;min-height:40px}
 .ph-data-integrity{margin:0 12px 12px;gap:6px}
 .ph-data-integrity strong{font-size:8px}
 .ph-data-integrity small{font-size:8px}
 .ph-data-integrity a{padding:7px 6px;font-size:8px}
 .intel-intro h2{font-size:22px}
 .sidebar .start-here{padding:14px}
 .footer{align-items:flex-start}
}
@media(max-width:350px){
 .ph-ribbon-pulse{display:none}
 .ph-display-settings{gap:3px}
 .ph-theme-control button{font-size:8px}
 .ph-density-toggle{font-size:7px;padding:7px 6px}
 .ph-data-integrity{grid-template-columns:auto minmax(0,1fr)}
 .ph-data-integrity a{grid-column:2;justify-self:start}
}
body[data-shell-theme=contrast] .sidebar .section-title,
body[data-shell-theme=contrast] .intel-intro p,
body[data-shell-theme=contrast] .ph-layer-context{color:#f4fbff}
body[data-shell-theme=contrast] .ph-control-ribbon,
body[data-shell-theme=contrast] .ph-data-integrity,
body[data-shell-theme=contrast] .metric-grid{border-color:#afd9de!important}
body[data-shell-theme=contrast] .ph-ribbon-link,
body[data-shell-theme=contrast] .ph-theme-control button,
body[data-shell-theme=contrast] .ph-density-toggle{color:#fff!important;border-color:#90b9c8}
body[data-shell-density=compact] .sidebar{padding-top:19px;padding-bottom:15px}
body[data-shell-density=compact] .sidebar .layer{padding-top:7px;padding-bottom:7px;min-height:40px}
body[data-shell-density=compact] .sidebar .section-space{padding-top:15px}
body[data-shell-density=compact] .sidebar .start-here{margin:9px 0;padding:10px}
body[data-shell-density=compact] .intel .metric-grid>div{padding-top:10px;padding-bottom:10px}
body[data-shell-density=compact] .intel-intro{padding-top:19px;padding-bottom:10px}
body[data-shell-density=compact] .intel .feed-item{padding-top:8px;padding-bottom:8px}
body[data-shell-density=compact] .intel .feed{max-height:250px}
body[data-shell-density=compact] .ph-layer-context{padding:7px 8px}
@media(prefers-reduced-motion:reduce){
 .ph-ribbon-link,.sidebar .layer,.path-card,.sidebar .layer-presets button{transition:none!important}
 .ph-ribbon-pulse{box-shadow:none}
}

/* Next-cycle refinement: readable, keyboard-accessible navigation. No globe styles. */
@media (max-width:850px){
 .ph-ribbon-link{min-height:44px;font-size:12px;line-height:1.35;padding:10px 13px}
 .ph-theme-control button{min-height:44px;font-size:11px;padding:9px 11px}
 .ph-density-toggle{min-height:44px;font-size:11px}
 .ph-ribbon-intro small{font-size:10px}
}
.ph-ribbon-link:focus-visible,.ph-theme-control button:focus-visible,.ph-density-toggle:focus-visible{
 outline:3px solid #fff2a4;outline-offset:3px;
}
@media(prefers-contrast:more){
 .ph-ribbon-link{border-color:#b4e9e2;color:#fff}
 .ph-theme-control button{color:#fff}
}