/* Radar styles are scoped; the approved A.007 layout and navigation stay intact. */
#app .msl-radar-card{position:relative;padding:var(--arch-s4)!important;}
#app .msl-radar-card .msl-radar-lead{font-size:var(--arch-fs-meta);color:var(--arch-text-2);margin:0 0 8px;}
#app .msl-radar-card .msl-radar-map{height:var(--msl-radar-map-height,230px);width:100%;border:1px solid var(--arch-border);border-radius:var(--arch-radius-input,16px);overflow:hidden;background:var(--arch-readout);z-index:0;touch-action:pan-x pan-y;}
#app .msl-radar-card .msl-radar-status{font-size:var(--arch-fs-meta);color:var(--arch-text-2);margin:6px 0;min-height:1.5em;}
#app .msl-radar-card .msl-radar-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;}
#app .msl-radar-card .msl-radar-controls>button{min-height:44px;border:1px solid var(--arch-border);border-radius:16px;background:var(--role-fixed);color:var(--arch-text);font-family:var(--arch-font);font-size:var(--arch-fs-meta);font-weight:var(--arch-fw-label);padding:7px 8px;line-height:1.3;}
#app .msl-radar-card .msl-radar-controls>button[aria-pressed="true"]{background:var(--role-selected);border-color:var(--role-selected-border);}
#app .msl-radar-card .msl-radar-controls>button:disabled{opacity:.55;}
#app .msl-radar-card .msl-radar-time-label{display:block;color:var(--arch-text);font-size:var(--arch-fs-meta);font-weight:var(--arch-fw-label);}
#app .msl-radar-card [data-radar-time]{font-variant-numeric:tabular-nums;white-space:nowrap;}
#app .msl-radar-card [data-radar-slider]{display:block;width:100%;height:30px;padding:0;margin:8px 0 0;accent-color:var(--arch-heading);cursor:pointer;}
#app .msl-radar-card .msl-radar-range{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--arch-text-2);font-variant-numeric:tabular-nums;}
#app .msl-radar-card .msl-radar-legend{font-size:var(--arch-fs-meta);color:var(--arch-text-2);margin:8px 0;}
#app .msl-radar-card footer{font-size:var(--arch-fs-meta);color:var(--arch-text-2);overflow-wrap:anywhere;margin:8px 0 0!important;padding:0!important;text-align:left!important;}
#app .msl-radar-card footer a{color:var(--arch-text-2);text-decoration:underline;}
#app .msl-radar-card .msl-radar-help{margin:var(--arch-s4) 0 0;padding:0;text-align:left;}
#app .msl-radar-card .msl-radar-help>summary{display:flex;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font-weight:var(--arch-fw-strong);}
#app .msl-radar-card .msl-radar-help>summary::-webkit-details-marker{display:none;}
#app .msl-radar-card .msl-radar-help>summary::after{content:'';width:12px;height:12px;box-sizing:border-box;flex:0 0 12px;align-self:center;margin-right:4px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);}
#app .msl-radar-card .msl-radar-help[open]>summary::after{transform:rotate(225deg);}
#app .msl-radar-card .msl-radar-help p{font-size:var(--arch-fs-meta);font-weight:var(--arch-fw-regular);line-height:1.5;margin:var(--arch-s3) 0 0;}
#app .msl-radar-card .msl-radar-help>summary+p{margin-top:var(--arch-s4);}
#app .msl-radar-card .leaflet-control-attribution{font:10px/1.3 Arial,sans-serif!important;color:#24302a!important;background:rgba(255,255,255,.88)!important;max-width:calc(100% - 12px);}
#app .msl-radar-card .leaflet-control-attribution a{color:#24302a!important;}
#app .msl-radar-card .leaflet-control-zoom a{color:#24302a!important;background:#fff!important;}
/* The expanded map reuses the daily detail's frame, margins and close button. */
#app .msl-radar-expanded-head[hidden]{display:none!important;}
#app .msl-radar-overlay{z-index:5000;}
#app .msl-radar-card.msl-radar-expanded{display:flex;flex-direction:column;box-sizing:border-box;height:calc(100dvh - 24px)!important;overflow:auto;}
#app .msl-radar-expanded>:is(.v46-card-title,.msl-radar-lead,.msl-radar-legend,.msl-radar-help,footer){display:none!important;}
#app .msl-radar-expanded .msl-radar-expanded-head{flex:none;gap:12px;margin-bottom:12px;}
#app .msl-radar-expanded .detail-title{min-width:0;}
#app .msl-radar-expanded [data-radar-close]{flex:none;}
#app .msl-radar-expanded .msl-radar-map{flex:1 1 0;min-height:120px;height:auto;}
#app .msl-radar-expanded>:is(.msl-radar-status,.msl-radar-controls,.msl-radar-time-label,.msl-radar-range){flex:none;}