/* /assets/ui-shell.css */
/* CrossWatch - Shell/UI styles extracted from ui_frontend.py */
/* Copyright (c) 2025-2026 CrossWatch / Cenodude (https://github.com/cenodude/CrossWatch) */
.material-symbol{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:1em;line-height:1;display:inline-block;vertical-align:middle;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.pair-selectors,button[onclick="addPair()"],#batches_list,button[onclick="addBatch()"],button[onclick="runAllBatches()"]{display:none!important}
#save-frost{position:fixed;left:0;right:0;bottom:0;height:84px;background:linear-gradient(0deg,rgba(10,10,14,.85) 0%,rgba(10,10,14,.60) 35%,rgba(10,10,14,0) 100%);border-top:1px solid var(--border);backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);pointer-events:none;z-index:9998}
#save-fab{position:fixed;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));z-index:10000;display:flex;justify-content:center;align-items:center;pointer-events:none;background:transparent}
#save-fab .btn{pointer-events:auto;position:relative;z-index:10001;padding:14px 22px;border-radius:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg,#ff4d4f,#ff7a7a);border:1px solid #ff9a9a55;box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 14px #ff4d4f55}
#save-fab.hidden,#save-frost.hidden{display:none}
.auth-dot{width:14px;height:14px;border-radius:999px;display:inline-block;flex:0 0 auto;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);margin-left:auto;margin-right:16px}
.auth-dot.on{background:#30ff8a;box-shadow:0 0 6px rgba(48,255,138,.95),0 0 14px rgba(48,255,138,.75),0 0 26px rgba(48,255,138,.55);animation:cw-auth-pulse 4s ease-in-out infinite}
@keyframes cw-auth-pulse{0%,100%{transform:scale(1);opacity:.95;box-shadow:0 0 6px rgba(48,255,138,.95),0 0 14px rgba(48,255,138,.75),0 0 26px rgba(48,255,138,.55)} 50%{transform:scale(1.22);opacity:1;box-shadow:0 0 9px rgba(48,255,138,1),0 0 20px rgba(48,255,138,.9),0 0 34px rgba(48,255,138,.7)}}
.cw-tabmenu{position:relative;display:inline-flex}
.cw-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;gap:8px;padding:8px;border-radius:999px;border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(11,11,15,.92);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:2000}
.cw-menu-item{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:var(--fg,#fff);cursor:pointer;font-weight:800;line-height:1;transition:transform .12s ease,background .12s ease,opacity .12s ease}
.cw-menu-item:hover{background:rgba(255,255,255,.10);transform:translateY(-1px);opacity:.98}
.cw-menu-item:active{transform:translateY(0)}
.cw-menu.hidden{display:none!important}
#cw-help-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);z-index:3000}
#cw-help-card{width:min(1100px,94vw);height:min(720px,86vh);border:1px solid var(--border,rgba(255,255,255,.12));border-radius:18px;background:rgba(11,11,15,.92);box-shadow:0 18px 40px rgba(0,0,0,.5);overflow:hidden;position:relative}
#cw-help-close{position:absolute;top:10px;right:10px;z-index:1}
#cw-help-frame{width:100%;height:100%;border:0}
#cw-help-overlay.hidden{display:none!important}