/* live_command_dashboard.css — command dashboard and live synchronization menu */
.cs-command-ribbon{min-height:34px!important;padding:5px 8px!important;border-color:rgba(104,218,204,.34)!important;background:linear-gradient(90deg,#071821f2,#0d2530ed 55%,#182018e8)!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 24px rgba(0,0,0,.27)!important}.cs-command-ribbon.lcd-offline{border-color:rgba(235,137,126,.55)!important;background:linear-gradient(90deg,#211719f5,#2a1b1de8)!important}.cs-command-ribbon.lcd-offline>i{background:#ed9187!important;box-shadow:0 0 12px #ed9187!important}.lcd-toggle{display:inline-flex;align-items:center;gap:5px;min-height:24px;margin-inline-start:5px;padding:3px 7px;border:1px solid rgba(122,215,204,.26);border-radius:7px;background:rgba(62,161,151,.11);color:#aee9df;font:800 7px/1 system-ui,sans-serif;letter-spacing:.5px;cursor:pointer;direction:ltr;transition:background .16s,border-color .16s,transform .16s}.lcd-toggle i{width:5px;height:5px;border-radius:50%;background:#8ee9ae;box-shadow:0 0 8px #8ee9ae}.lcd-toggle span{font-size:11px;line-height:7px;color:#80c9c7}.lcd-toggle:hover,.lcd-toggle[aria-expanded="true"]{border-color:rgba(227,193,102,.65);background:rgba(211,168,69,.16);transform:translateY(-1px)}.lcd-offline .lcd-toggle i{background:#ed9187;box-shadow:0 0 8px #ed9187}
.lcd-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:min(342px,calc(100vw - 24px));padding:13px;border:1px solid rgba(103,208,204,.32);border-radius:15px;background:linear-gradient(155deg,#122b37f8,#0a1721fa);box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 26px rgba(75,196,192,.1);backdrop-filter:blur(18px);direction:rtl;text-align:right}.lcd-menu[hidden]{display:none}.lcd-menu::before{content:"";position:absolute;top:-5px;right:24px;width:9px;height:9px;transform:rotate(45deg);border-top:1px solid rgba(103,208,204,.32);border-right:1px solid rgba(103,208,204,.32);background:#122b37}.lcd-menu header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid rgba(159,195,204,.13)}.lcd-menu header>div{display:flex;min-width:0;flex-direction:column}.lcd-kicker{color:#82d8d2;font:900 8px/1 system-ui,sans-serif;letter-spacing:1.1px;direction:ltr;text-align:right}.lcd-menu header b{margin-top:5px;color:#eef6f1;font-size:14px}.lcd-menu header small{margin-top:3px;color:#7f9ba5;font-size:10px}.lcd-menu header button{width:27px;height:27px;border:1px solid rgba(177,203,210,.16);border-radius:8px;background:rgba(255,255,255,.05);color:#c8d8dd;font-size:18px;line-height:1;cursor:pointer}.lcd-status-card{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(87,212,174,.23);border-radius:11px;background:linear-gradient(100deg,rgba(40,130,111,.14),rgba(255,255,255,.025))}.lcd-status-card>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8be8a8;box-shadow:0 0 14px #8be8a8}.lcd-status-card>div{display:flex;min-width:0;flex:1;flex-direction:column}.lcd-status-card b{color:#bcefe0;font-size:12px}.lcd-status-card small{margin-top:2px;color:#82a69e;font-size:9px}.lcd-status-card>span{padding:4px 7px;border:1px solid rgba(128,213,190,.17);border-radius:99px;color:#92d9cb;font-size:9px}.lcd-menu.is-degraded .lcd-status-card{border-color:rgba(225,125,113,.35);background:rgba(112,44,44,.18)}.lcd-menu.is-degraded .lcd-status-card>i{background:#ed9187;box-shadow:0 0 14px #ed9187}.lcd-menu.is-degraded .lcd-status-card b{color:#f0b2a9}.lcd-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.lcd-grid>div{min-width:0;padding:9px;border:1px solid rgba(166,195,204,.12);border-radius:10px;background:rgba(255,255,255,.035)}.lcd-grid small{display:block;color:#77939d;font-size:9px}.lcd-grid b{display:block;overflow:hidden;margin-top:5px;color:#e3eee9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.lcd-menu footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(159,195,204,.12);color:#7f9da3;font-size:9px}.lcd-menu footer span{color:#9bc6bb}.lcd-menu footer span i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:#8be8a8;box-shadow:0 0 7px #8be8a8}
@media(max-width:430px){.cs-command-ribbon{gap:5px!important}.cs-command-ribbon>small{max-width:100px;overflow:hidden;text-overflow:ellipsis}.lcd-toggle{margin-inline-start:auto}.lcd-menu{right:-4px;width:min(342px,calc(100vw - 18px))}.lcd-menu::before{right:30px}}
@media(prefers-reduced-motion:reduce){.lcd-toggle{transition:none!important}.lcd-toggle:hover{transform:none!important}}