/* Option 5 Fleet Command Center — MikroTik WinBox-inspired chrome. */
:root{--ink:#283642;--green:#2589c5;--nav:#e8eaec;--muted:#687780;--line:#cdd5dc;--paper:#f0f2f4;--accent:#218aca}body{background:#eceff2;color:#293641;font:13px Arial,Helvetica,sans-serif}.sidebar{background:#e6e9ec;color:#394550;width:214px;padding:15px 9px 10px;border-right:1px solid #cbd3da;box-shadow:none}.sidebar .brand{font-size:20px;color:#263c4d;padding:8px 6px 18px;gap:9px}.brand-mark{background:#c6e1f2;color:#176e9f;border:1px solid #8cb8d3;border-radius:4px;font-size:22px;width:33px;height:33px}.brand span{color:#607383;letter-spacing:3px;font-size:9px}.workspace-name{background:#f0f2f4;color:#647580;border-color:#cdd5dc;border-radius:3px;margin:0 4px 12px;padding:9px 10px;font-size:10px}.workspace-name small{color:#536772}.sidebar nav{scrollbar-color:#acb9c3 #e7eaed}.nav-button{display:flex;align-items:center;gap:11px;text-align:left;color:#33424e;font-size:13px;padding:10px 10px;border-radius:3px;margin:0 0 2px;transform:none;background:transparent}.nav-button.active{background:#c3e1f3;color:#075d99;border-left:3px solid #198ad2;padding-left:7px;box-shadow:none}.nav-button:hover{background:#d5e7f2;transform:none}.nav-button span{background:#cbdce6;color:#315d75}.navigation-group{border:0;border-top:1px solid #cbd3db;margin-top:10px;padding-top:6px}.navigation-group summary{padding:9px 10px;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#61727f;cursor:pointer;list-style:none}.navigation-group summary:after{content:'⌄';float:right}.navigation-group:not([open]) summary:after{content:'›'}.sidebar-footer{color:#536675;border-color:#cbd3db;padding:12px 7px 0;margin-top:8px}.sidebar-footer #logout{color:#176d9d}.sidebar-footer small{color:#657581}.win-icon{display:inline-block;width:19px;height:19px;flex-shrink:0;vertical-align:middle;color:#506574}.active .win-icon{color:#117ebc}.main{margin-left:214px;background:#eef1f4}.topbar{height:54px;background:#e6eaee;backdrop-filter:none;border-color:#cbd4dc;padding:10px 20px;color:#526576;font-size:12px;box-shadow:none}.topbar b{color:#263c4d}.topbar .private{color:#425b6c}.main>main{padding:14px 18px 0}.page-heading{margin-bottom:16px}.page-heading h1{font-size:25px;font-weight:600;letter-spacing:-.5px;color:#263b49}.page-heading p{font-size:12px;color:#647783}.eyebrow{color:#4b798e;font-size:10px}.page-heading.fleet-page-heading{display:none}.btn{background:#f6f8fa;border:1px solid #bdcad4;color:#334957;border-radius:4px;min-height:31px;padding:7px 11px;font-size:12px;font-weight:500;box-shadow:0 1px 1px #fff inset;transform:none}.btn.primary{background:#2088c7;border-color:#1778b3;color:white;box-shadow:none}.btn:hover:not(:disabled){transform:none;background:#e0edf6;border-color:#85aec6;box-shadow:none}.btn.primary:hover:not(:disabled){background:#1677b5}.btn.danger{background:#f9eeee;color:#ac3e44;border-color:#d9b9bc}.text-button{color:#147dad;font-size:12px}.panel{border:1px solid #cbd5de;border-radius:4px;background:#fff;box-shadow:none;margin-bottom:16px;overflow:hidden}.panel-heading{background:#c6e2f4;border-bottom:1px solid #b5d0e1;border-radius:3px 3px 0 0;padding:11px 15px;min-height:44px;gap:10px}.panel-heading h2{color:#264456;font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}.panel-heading .win-icon{color:#266587;width:18px;height:18px}.panel-heading small{color:#476479}.panel-heading .row-actions{flex-wrap:nowrap;gap:7px}.workspace-tabs{display:flex;gap:0;margin:0 0 14px;border-bottom:1px solid #c8d5df;overflow:auto;flex-shrink:0}.workspace-tab{white-space:nowrap;border:1px solid #ccd5dd;border-bottom:0;border-radius:3px 3px 0 0;padding:10px 24px;background:#e9edf0;font-size:12px;color:#526373;margin-right:3px}.workspace-tab.active{background:#c9e5f6;color:#116798;border-color:#8fc4e5;font-weight:600}.workspace-tab:hover{background:#d8e9f3}.stats.fleet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.fleet-stats .stat{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #cbd5de;border-radius:4px;background:white!important;box-shadow:none;text-align:left;min-height:80px}.fleet-stats .stat:before,.fleet-stats .stat:after{display:none}.fleet-stats .win-icon{width:32px;height:32px;color:#5b7181}.fleet-stats .stat>div{display:flex;flex-direction:column;gap:2px}.fleet-stats .stat b{font-size:24px;line-height:1.2;color:#253e4e;margin:0}.fleet-stats .stat span{font-size:12px;color:#657582}.fleet-stats .stat:hover{background:#eff7fc!important;border-color:#9cc4dd;box-shadow:none}.fleet-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr);gap:16px;align-items:start}.fleet-grid>.panel{margin:0;min-width:0}.fleet-filter{padding:10px 13px;background:#f6f8fa;display:flex;gap:10px;border-bottom:1px solid #dfe5ea}.fleet-filter input{flex:1;min-width:0}.fleet-filter input,.fleet-filter select,.fleet-chart-controls select{padding:7px 9px;border:1px solid #cad4dd;border-radius:3px;background:white;font-size:12px;color:#3f5565}.fleet-filter select{max-width:40%}.table-wrap{max-height:52dvh;scrollbar-width:thin;scrollbar-color:#aebcc7 #f1f4f6;overscroll-behavior:contain}.table-wrap table{font-size:12px}.table-wrap th{font-weight:500;color:#50687a;background:#edf2f6!important;padding:10px 13px;border-bottom:1px solid #d5dee5}.table-wrap td{padding:13px;border-bottom:1px solid #e0e7ec;color:#3c5262}.table-wrap tbody tr:hover{background:#f1f8fd}.fleet-table{max-height:270px;min-height:221px}.fleet-table td{padding:17px 12px;white-space:nowrap}.fleet-table td:first-child{white-space:normal;min-width:140px}.fleet-table .row-actions{gap:6px;flex-wrap:nowrap}.selected-row,.table-wrap tbody tr.selected-row:hover{background:#e0f0fb}.router-select{display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:left;padding:0;min-height:28px;color:#2b4254;font-size:12px;width:100%}.router-select .win-icon{width:26px;height:26px;color:#576e7d}.status{border:0;background:transparent!important;color:#626f79!important;padding:0;font-size:11px;white-space:nowrap}.status:before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;background:#899ba6;border-radius:50%}.status.success{color:#26774e!important}.status.success:before{background:#3da759}.status.warning{color:#996c26!important}.status.warning:before{background:#efa02d}.status.neutral:before{background:#8f9da8}.panel-note{padding:10px 13px;font-size:11px;color:#6b7d8a;border-top:1px solid #dce5eb;background:#fafcfd}.device-tabs{display:flex;padding:0 9px;background:#f7f9fa;border-bottom:1px solid #d5dee5;overflow:auto}.device-tabs button{background:transparent;color:#526979;border:1px solid transparent;padding:9px 11px;font-size:11px;border-radius:3px 3px 0 0;white-space:nowrap}.device-tabs button.active{background:#d8edfc;color:#0c72a8;border-color:#b5d6ea}.device-tabs button:hover{background:#e4f0f8}.device-summary{display:grid;grid-template-columns:1.05fr 1fr;gap:17px;padding:17px 15px 14px}.device-summary dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:11px;line-height:1.4}.device-summary dt{color:#5a6e7d}.device-summary dd{margin:0;color:#2b465a;overflow-wrap:anywhere}.resource-bars{border-left:1px solid #dce3e9;padding-left:15px;display:flex;flex-direction:column;gap:14px}.resource-bars>div{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:7px;font-size:11px;color:#556d7f}.resource-bars meter{width:100%;height:16px}.resource-bars meter::-webkit-meter-bar{background:#e9edf0;border:1px solid #d2dce4;border-radius:3px}.resource-bars meter::-webkit-meter-optimum-value{background:#65b35d;border-radius:2px}.resource-bars>div:nth-child(n+2) meter::-webkit-meter-optimum-value{background:#318fc6}.resource-bars meter::-moz-meter-bar{background:#3a99c7}.resource-bars b{font-weight:500;text-align:right}.interface-heading{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;font-size:12px;border-top:1px solid #e0e7ec}.interface-mini{max-height:150px;min-height:72px;margin:0 15px 14px;border:1px solid #dce4ea;border-radius:3px}.interface-mini td,.interface-mini th{font-size:10px;padding:8px}.link-dot{display:inline-block;width:7px;height:7px;background:#97a6af;border-radius:50%;margin-right:5px}.link-dot.up{background:#3eaa51}.link-dot.off{background:#8a9ba8}#fleet-live-status{font-size:10px;color:#647982;white-space:nowrap}#fleet-live-status.verified{color:#248246}#fleet-live-status.read-failed{color:#a36a2a}.empty-device{padding:50px 20px;font-size:12px;color:#637786}.fleet-chart-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;font-size:11px;color:#6b7f8e}.fleet-chart-controls label{display:flex;align-items:center;gap:8px}.fleet-chart-controls select{max-width:160px}.fleet-chart-panel .chart-shell{border:0;border-radius:0;margin:0 10px 0}.fleet-chart-panel canvas{display:block;width:100%;height:235px}.fleet-chart-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 15px;border-top:1px solid #e3e8ed;font-size:11px;color:#5e7383}.rx-legend{color:#2188c3}.tx-legend{color:#4a9c39}#fleet-traffic-stats{font-size:10px;color:#738391}.fleet-activity .table-wrap{max-height:250px;min-height:180px}.fleet-activity td{font-size:10px;padding:11px 12px;overflow-wrap:anywhere}.approval-shortcut{display:flex;gap:8px;flex-wrap:wrap;padding:14px;border-top:1px solid #dce4eb;background:#fafcfd}.approval-shortcut .btn{font-size:11px;display:flex;align-items:center;gap:7px}.approval-shortcut .win-icon{width:15px;height:15px}.info-strip,.review-banner{background:#edf7fd;border-color:#bddbed;border-radius:4px;color:#3b6177}.control-panel{background:#e5f2fb;color:#264759;border:1px solid #bdd6e7;border-radius:4px}.control-panel p,.control-panel .mini-label{color:#527386}.package-icon{background:#d6ebf7;color:#286e94;border-radius:4px}.metric-tile,.command-browser,.permission-grid .target,.export-cards>div{background:#f3f7fa;border-color:#ccd9e2;border-radius:4px}.chart-shell{border-radius:3px}.field input,.field select,.field textarea{border-radius:3px;border-color:#c1d0db;color:#2d485a}input:focus,select:focus,textarea:focus{outline:2px solid #3793c84d;outline-offset:1px}.count{background:#e5f1f9;color:#3b748f;border:1px solid #bed8e8}.form-actions{box-shadow:none;background:white}.device-tool,.connection-method,.target-list,.review-properties,#editor{border-radius:4px}.device-tool,.connection-method{background:#f3f7fa}.device-tool:hover{background:#e3f1fc;border-color:#92b9d5}#editor{border:1px solid #93b5cd;box-shadow:0 18px 60px #233e5b35}.dialog-heading{padding-bottom:17px;border-bottom:1px solid #d5e1e9}.dialog-heading h2{color:#2c526c}.btn.mint{background:#c3e1f3;border-color:#a0c8df;color:#255d7c}.wizard-steps span{background:#e0eff9;color:#376780}.login-screen{background:#e9eef2}.login-card{background:#fff;border:1px solid #cbd8e2;border-radius:6px;box-shadow:0 12px 36px #263e511a}.login-card .brand{color:#294e69}.login-card h1{color:#2e526c}.login-card small{color:#6b7e8c}.login-credit{line-height:1.8;text-align:center;padding-top:12px}.login-credit a{color:#287eac}footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#e6eaee;border-top:1px solid #cbd5dc;color:#596d7b;font-size:10px;padding:10px 18px;min-height:37px}footer span{float:none}.developer-credit a{color:#226f9a;text-decoration:none}.software-version{font-weight:600}#toast{background:#2d526b;border-radius:4px}.history-buttons .btn{background:#f3f6f8;color:#476577;border-radius:3px}.bottom-note{color:#687d8b}.guide-warning{background:#fff7e7;color:#8d6b38;border-radius:4px}.active{box-shadow:none}.health-strip{display:none}@media(min-width:1500px) and (min-height:850px){.fleet-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr)}.fleet-table{min-height:260px;max-height:290px}.interface-mini{max-height:190px}.fleet-chart-panel canvas{height:260px}.fleet-activity .table-wrap{min-height:222px;max-height:275px}}@media(max-width:1100px){.sidebar{width:188px}.main{margin-left:188px}.fleet-grid{grid-template-columns:1fr}.fleet-table{min-height:150px;max-height:230px}.interface-mini{max-height:170px}.fleet-activity .table-wrap{min-height:0}.fleet-stats .stat{padding:13px 11px;gap:8px}.fleet-stats .win-icon{width:25px;height:25px}}@media(max-width:760px){.sidebar{width:100%;height:auto;max-height:190px;padding:9px 12px;border-right:0;border-bottom:1px solid #cbd3da}.sidebar .brand{padding:0 0 8px;font-size:17px}.sidebar .brand span{display:none}.sidebar nav{display:flex;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:5px;gap:5px}.navigation-group{display:contents}.navigation-group summary{display:none}.navigation-group:not([open])>.nav-button{display:flex}.sidebar .nav-button{font-size:11px;padding:8px;min-height:32px;gap:5px}.nav-button.active{border-left:0;border-bottom:2px solid #218bca}.nav-button .win-icon{width:15px;height:15px}.sidebar-footer{padding:5px 0 0;margin-top:4px}.main{margin-left:0;min-height:0}.topbar{height:auto;padding:8px 12px}.main>main{padding:10px 10px 0}.workspace-tab{padding:8px 15px}.stats.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.fleet-stats .stat{min-height:64px;padding:10px 12px}.fleet-stats .stat b{font-size:22px}.fleet-grid{gap:10px}.device-summary{padding:14px;gap:10px}.resource-bars{padding-left:10px}.resource-bars>div{grid-template-columns:40px 1fr 27px;gap:4px}.fleet-chart-controls{flex-wrap:wrap}.fleet-filter{gap:7px}.fleet-table{min-height:130px;max-height:220px}.fleet-chart-panel canvas{height:210px}.panel-heading{padding:9px 11px}.panel-heading h2{font-size:12px}.developer-credit{font-size:9px;line-height:1.5}footer{padding:6px 10px;gap:4px}.history-buttons .btn{font-size:10px;padding:5px 7px}.topbar .private{display:none}.topbar{font-size:10px}.sidebar-footer small{display:none}}@media(max-width:420px){.device-summary{grid-template-columns:1fr}.resource-bars{border-left:0;padding:8px 0 0;border-top:1px solid #dce3e9}.fleet-table .btn{padding:6px;font-size:10px}.panel-heading .row-actions .btn{padding:6px 8px}.workspace-tab{padding:8px 12px}.fleet-stats .stat span{font-size:10px}}
/* Compact WinBox-like expandable resource tree. */
.navigation-group{margin:0 0 2px;border:0;padding:0}.navigation-group summary{display:flex;align-items:center;gap:11px;padding:10px;font-size:13px;text-transform:none;letter-spacing:0;color:#33424e;border-radius:3px}.navigation-group summary:after{margin-left:auto;color:#59748a;float:none}.navigation-group summary:hover{background:#d5e7f2}.navigation-group .nav-button{padding-left:25px;font-size:12px}.navigation-group .nav-button.active{padding-left:22px}.fleet-chart-panel .panel-heading select{border:1px solid #a8c9de;border-radius:3px;background:#f6fbfe;color:#315670;font-size:11px;padding:6px 4px;max-width:65px}.main .panel-heading .row-actions{flex-wrap:wrap}@media(max-width:760px){.navigation-group{display:contents}.navigation-group summary{display:none}.navigation-group .nav-button,.navigation-group .nav-button.active{padding:8px;font-size:11px}}
.stats .stat{background:#fff;border:1px solid #cbd5de;border-radius:4px;box-shadow:none}.stats .stat b{color:#294659}.stats .stat:nth-child(n){background:#fff;border-color:#cbd5de}#terminal-command{background:#fbfcfe;color:#294454;border:1px solid #c0d1dc;border-radius:4px}.command-browser .row-actions .btn{background:#fff;border-color:#b9cbd8}