/* Author: Salomon Aduen | CAFETEL S.A. E.S.P. | +57 350 618 5555 | salomonaduen@cafetel.com.co */
:root{--bg:#03060b;--panel:rgba(4,9,14,.86);--line:rgba(124,224,255,.18);--cyan:#48e7ff;--green:#00f5a0;--text:#c7d4dc;--muted:#6a7882;--gold:#e0b952}
*{box-sizing:border-box}html,body,#cesiumContainer{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text)}
#cesiumContainer{position:absolute;inset:0}.cesium-viewer-bottom,.cesium-viewer-toolbar,.cesium-viewer-animationContainer,.cesium-viewer-timelineContainer,.cesium-viewer-fullscreenContainer{display:none!important}.cesium-widget-credits{display:none!important}
.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,transparent 0,rgba(0,0,0,.18) 52%,rgba(0,0,0,.78) 100%);z-index:2}
.topbar{position:absolute;z-index:5;left:30px;right:30px;top:20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:34px;height:34px;border:1px solid rgba(224,185,82,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:800;box-shadow:0 0 20px rgba(224,185,82,.15)}.brand-title{letter-spacing:8px;color:var(--gold);font-size:16px}.brand-sub{font-size:8px;letter-spacing:4px;color:#8f7740;margin-top:4px}.statusline{display:flex;gap:17px;font-size:9px;letter-spacing:1.2px;color:#70808a}.statusline b{color:var(--cyan)}.statusline .live{color:var(--green)}
.left-rail,.right-rail{position:absolute;z-index:6;top:190px;display:flex;flex-direction:column;gap:9px}.left-rail{left:13px}.right-rail{right:14px;top:42%}.left-rail button,.right-rail button{width:31px;height:31px;border-radius:15px;border:1px solid rgba(89,175,204,.14);background:rgba(2,7,12,.7);color:#8ccfe0;cursor:pointer;font-size:14px;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset}.left-rail button:hover,.right-rail button:hover{color:var(--cyan);border-color:rgba(72,231,255,.42);box-shadow:0 0 16px rgba(72,231,255,.1)}
.panel{position:absolute;z-index:6;left:50px;top:188px;width:215px;padding:12px;border:1px solid rgba(108,178,201,.13);border-radius:10px;background:linear-gradient(180deg,rgba(3,8,13,.9),rgba(2,5,9,.78));backdrop-filter:blur(10px);box-shadow:0 14px 50px rgba(0,0,0,.33)}.panel-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#7d8c96;margin-bottom:10px}.muted{color:#4f5b63}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.025);font-size:9px;letter-spacing:1px}.toggle{width:28px;height:14px;border-radius:9px;background:#242b31;position:relative;cursor:pointer;border:1px solid #414a50}.toggle:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d7e3e9;top:2px;left:3px;transition:.18s}.toggle.on{background:rgba(0,245,160,.18);border-color:rgba(0,245,160,.5)}.toggle.on:after{left:15px;background:var(--green);box-shadow:0 0 8px rgba(0,245,160,.7)}
.searchbox{position:absolute;z-index:7;right:58px;top:53%;display:none;gap:7px;background:rgba(2,7,12,.92);border:1px solid rgba(72,231,255,.2);padding:8px;border-radius:8px}.searchbox.show{display:flex}.searchbox input{width:260px;background:#071018;border:1px solid #18313d;color:#cfeaf2;padding:8px 10px;outline:none}.searchbox button{background:#0c202a;color:var(--cyan);border:1px solid #244957;padding:0 13px;cursor:pointer}
.bottom-controls{position:absolute;z-index:6;left:85px;bottom:47px;display:flex;align-items:center;gap:7px}.bottom-controls button{height:28px;min-width:45px;border-radius:8px;border:1px solid rgba(224,185,82,.23);background:rgba(12,12,10,.74);color:#988655;font-size:10px;cursor:pointer}.bottom-controls button.active{color:#ffe18d;border-color:#d5ae50;box-shadow:0 0 13px rgba(224,185,82,.15)}.scale{font-size:8px;color:#4f5c64;margin-left:10px;letter-spacing:2px}.ticker{position:absolute;z-index:6;bottom:0;left:0;right:0;height:28px;border-top:1px solid rgba(255,255,255,.045);background:rgba(1,4,7,.92);display:flex;align-items:center;gap:22px;padding:0 18px;font-size:8px;letter-spacing:1.2px;color:#5d6a72}.ticker .ok{color:#4fbf8d}
@media(max-width:800px){.panel{width:180px;left:46px}.statusline{display:none}.brand-title{font-size:13px}.brand-sub{display:none}}