/* Q1070 glass buttons (Sam 3 Nov 11:47-12:18, go 12:21), web + desktop, ALL screens. Settles Q1068 (glass, not white/blue) and replaces
   the Q1062 colours and the Q1065 size of the Alerts row icons. Load this file LAST (after n40tl.css). No JS edits.
   ONE SWITCH: the look is only the --gb-* variables below. To go back to plain white with blue, change just these lines to the
   PLAIN values in the comment at the end; to remove glass completely, drop the one <link> to this file. */
:root{
 --gb-fg:#123a9c;
 --gb-border:rgba(30,64,175,.55);
 --gb-bg:linear-gradient(180deg,#ffffff 0%,#f1f5ff 48%,#dfe8ff 52%,#edf2ff 100%); /* solid (no see-through) so it reads on white AND on blue bars (Sam 3 Nov 14:19 "button not very clear") */
 --gb-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 6px rgba(47,91,216,.18);
 --gb-shadow-hover:inset 0 1px 0 #fff,inset 0 -2px 8px rgba(47,91,216,.28);
 --gb-on-bg:#1e40af; --gb-on-fg:#fff;
}
/* 1. every ordinary button on every screen (not main actions .pri, not selected .on, not the blue top bar) */
html body main .btn:not(.pri):not(.on):not([aria-pressed="true"]):not(:disabled):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .swal2-popup .btn:not(.pri):not(.on):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .bt19-bar .ac33:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .acb27 .ac33:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 color:var(--gb-fg)!important;border:1px solid var(--gb-border)!important;background:var(--gb-bg)!important;box-shadow:var(--gb-shadow)!important;
 border-radius:99px!important;filter:none!important;transition:transform .12s,box-shadow .15s}
html body main .btn:not(.pri):not(.on):not(:disabled):hover:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .bt19-bar .ac33:hover:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .acb27 .ac33:hover:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 transform:translateY(-1px);box-shadow:var(--gb-shadow-hover)!important;background:var(--gb-bg)!important}
/* selected buttons in a group (24 hours, All alerts, Building wall on) stay solid blue */
html body main .btn.on:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body main .btn[aria-pressed="true"]:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 background:var(--gb-on-bg)!important;color:var(--gb-on-fg)!important;border-color:var(--gb-on-bg)!important;box-shadow:none!important}
/* 2. smaller top buttons: Buildings batch line, Alerts top groups (Predictions / Connectivity / Timeline / Building wall) */
html body .bt19-bar .ac33:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .acb27 .ac33:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body main .ab22:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 font-size:12px!important;font-weight:700!important;letter-spacing:.05em;padding:5px 12px!important;min-height:0!important}
/* 3. row icon buttons, 36 x 26, 16 px icon: Alerts rows (Quick view, Live, Timeline, Details), Buildings rows (Live, Timeline, Building) */
html body .at21 .at21-acts .btn:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .bl-act .btn:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 width:36px!important;min-width:36px!important;height:26px!important;min-height:0!important;padding:0!important;display:inline-grid!important;place-items:center}
html body .at21 .at21-acts .btn svg:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .bl-act .btn svg:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){width:16px!important;height:16px!important}
/* Quick view of the open slider row: solid blue edge as today (Q1063) */
html body .at21-r.sel46 .at21-acts .btn.op46b:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){border-color:#1E40AF!important}
/* 4. Q1084 (Sam 3 Nov): Analysis tabs (Find readings, Charts, Compare, Heat map) are glass buttons like the rest; the selected tab solid blue */
html body main nav.tabs > button[data-atab]:not(.on):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 color:var(--gb-fg)!important;border:1px solid var(--gb-border)!important;background:var(--gb-bg)!important;box-shadow:var(--gb-shadow)!important;
 border-radius:99px!important;filter:none!important;transition:transform .12s,box-shadow .15s}
html body main nav.tabs > button[data-atab]:not(.on):hover:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){transform:translateY(-1px);box-shadow:var(--gb-shadow-hover)!important;background:var(--gb-bg)!important}
html body main nav.tabs > button[data-atab].on:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){
 background:var(--gb-on-bg)!important;color:var(--gb-on-fg)!important;border:1px solid var(--gb-on-bg)!important;box-shadow:none!important;border-radius:99px!important}
/* 5. Q1110 (Sam 4 Nov 12:45): the Live pop-up tabs are glass buttons; the selected tab solid blue glass, white text */
html body .lvp-tabs a:not(.on):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){color:var(--gb-fg)!important;border:1px solid var(--gb-border)!important;background:var(--gb-bg)!important;box-shadow:var(--gb-shadow)!important;border-radius:99px!important}
html body .lvp-tabs a:not(.on):hover:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){box-shadow:var(--gb-shadow-hover)!important;background:var(--gb-bg)!important}
html body .lvp-tabs a.on:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){background:var(--gb-on-bg)!important;color:var(--gb-on-fg)!important;border:1px solid #fff!important;box-shadow:none!important;border-radius:99px!important}
html body .lvp-tabs a.on .ln:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){background:#fff!important;color:#1e40af!important}
/* 6. Q1109 (Sam 4 Nov 12:36-12:45, sample v2): joined segment groups stay joined and get the glass look (Alerts dashboard, Metrics, Anagha AI
   Analyze trend); the selected part solid blue glass with white text */
html body main:has(#alt21) .seg:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body main.page.mt .seg:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .swal2-popup.ai781 .seg:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){border:1px solid var(--gb-border)!important;box-shadow:var(--gb-shadow)!important;background:var(--gb-bg)!important}
html body main:has(#alt21) .seg > :is(button,a):not(.on):not([aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body main.page.mt .seg > :is(button,a):not(.on):not([aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .swal2-popup.ai781 .seg > :is(button,a):not(.on):not([aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){color:var(--gb-fg)!important;background:transparent!important;border-color:var(--gb-border)!important;box-shadow:none!important}
html body main:has(#alt21) .seg > :is(button,a):is(.on,[aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body main.page.mt .seg > :is(button,a):is(.on,[aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8),
html body .swal2-popup.ai781 .seg > :is(button,a):is(.on,[aria-pressed="true"]):not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){background:var(--gb-on-bg)!important;color:var(--gb-on-fg)!important;border-color:var(--gb-on-bg)!important;box-shadow:none!important}
html body .aic .aic-f:not(#zg1):not(#zg2):not(#zg3):not(#zg4):not(#zg5):not(#zg6):not(#zg7):not(#zg8){color:var(--gb-fg)!important;border:1px solid var(--gb-border)!important;background:var(--gb-bg)!important;box-shadow:var(--gb-shadow)!important;border-radius:99px!important}
@media (prefers-reduced-motion:reduce){html body .btn,html body .ac33{transition:none!important;transform:none!important}}
/* PLAIN (white with blue) values, if Sam drops glass:
   --gb-fg:#1e40af; --gb-border:#1e40af; --gb-bg:#fff; --gb-shadow:none; --gb-shadow-hover:inset 0 0 0 1px #1e40af; */