/* Cabinet: quiet typography, flat data groups and restrained control states. */
#cabView{--text:#f2f4f8;--muted:#c2c6cf;--accent:#bbbbbb;--border:#cbcbcb1f;font-family:'Segoe UI',Arial,sans-serif!important;font-weight:400;font-size:14px;letter-spacing:normal;line-height:1.65}
#cabView button,#cabView input,#cabView textarea,#cabView select,#cabView a{font-family:'Segoe UI',Arial,sans-serif!important;letter-spacing:normal!important;font-weight:400}
#cabView h1,#cabView h2,#cabView h3{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:600!important;letter-spacing:normal!important;color:#e2e2e2}
#cabView>.section-portrait{min-height:155px;margin-bottom:25px;border-color:#cbcbcb1a;background:#141414}#cabView>.section-portrait h2{font-size:32px!important;font-weight:600!important}#cabView>.section-portrait p{color:#c2c6cf}
#cabView>header{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 23px!important;margin:0 0 23px;border-bottom:1px solid #cbcbcb22!important;align-items:center}
#cabView .cab-heading .cab-kicker{display:none}#cabView .cab-heading h1{font-size:28px!important;line-height:1.3;letter-spacing:normal!important;font-weight:600!important;margin:0 0 7px}#cabView .cab-heading .acc{font-size:13px;font-weight:400;color:#c2c6cf}
#cabView .hbtns{gap:8px}#cabView .hbtn,#cabView .hbtn.cab-icon{min-height:44px;font-size:13px!important;font-weight:400!important;border-radius:8px!important;padding:9px 14px!important;background:#353941!important;border:1px solid #c2c2c22d!important;color:#d3d3d3!important;box-shadow:none!important}
#cabView .hbtn:hover,#cabView .hbtn.cab-icon:hover{background:#282828!important;border-color:#a2a2a26b!important;color:#e8e8e8!important}
#cabView .hbtn.accent{background:#282828!important;color:#e0e0e0!important;border:1px solid #85858570!important}#cabView .hbtn.accent:hover{background:#383838!important;border-color:#aaaaaa!important}
#cabView .upd-ago{background:none!important;border:0!important;color:#c2c6cf;font-size:11px;font-weight:400;padding:0;box-shadow:none}#cabView .upd-ago:before{box-shadow:none!important;background:#93b3a1!important;width:4px;height:4px}
#cabView .cab-overview{display:block!important;background:#2a2d34;border:1px solid #454a55;border-radius:12px;padding:0 23px;margin-bottom:26px}
#cabView .cab-overview .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
#cabView .cab-overview .grid>.stat{min-width:0;padding:20px 20px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#cabView .cab-overview .grid>.stat.cab-hero{grid-column:1/-1;padding:20px 0!important;border-bottom:1px solid #cbcbcb1f!important;background:transparent!important}
#cabView .cab-overview .grid>#cardTraffic{grid-column:auto;padding-left:0!important}
#cabView .cab-overview .grid>#cardDays{border-left:1px solid #cbcbcb1c!important}
#cabView .cab-overview .grid>.stat:last-child{grid-column:auto;padding-right:0!important;border-left:1px solid #cbcbcb1c!important}
#cabView .uc-top{gap:13px;min-height:44px}#cabView .uc-top .check{display:none!important}#cabView #uName{font-size:16px!important;font-weight:600!important;color:#dddddd}#cabView #onlineAt{font-size:12px;line-height:1.7;color:#c2c6cf}#cabView #onlineAt b{font-weight:400;color:#a0baad}
#cabView .pill{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px;font-weight:400;line-height:1.6;padding:5px 0!important}#cabView .pill .dot{width:5px;height:5px;box-shadow:none!important}
#cabView .stat .lbl{font-size:12px!important;color:#c2c6cf!important;font-weight:400;line-height:1.6;margin-bottom:12px}#cabView .stat .lbl svg{display:none}
#cabView .stat .big,#cabView #tTraffic{font-family:'Segoe UI',Arial,sans-serif!important;font-size:32px!important;line-height:1.25;font-weight:600!important;letter-spacing:-.4px!important;color:#e2e2e2;font-variant-numeric:tabular-nums}
#cabView .stat .small,#cabView .cab-quota,#cabView #tReset,#cabView #tExpireDate{font-size:12px!important;line-height:1.7;color:#c2c6cf!important;font-weight:400;letter-spacing:normal;margin-top:8px}
#cabView .bar{height:3px;background:#a5a5a518;margin-top:18px}#cabView .bar i{background:#a4a4a4;box-shadow:none!important}
#cabView .cab-install-panel,#cabView .cab-sub-panel{background:#2a2d34!important;border:1px solid #454a55!important;border-radius:12px!important;box-shadow:none!important;padding:25px!important}
#cabView .cab-install-panel .os-row{align-items:center;gap:16px;margin-bottom:20px}#cabView .cab-install-panel .os-row h3{font-size:21px!important;line-height:1.4;color:#dddddd;font-weight:600!important;letter-spacing:normal!important}#cabView .os-row h3 svg{color:#9d9d9d;width:15px;height:15px}
#cabView .tabs{display:flex;gap:22px;padding:0 0 0;margin:0 0 22px;border-bottom:1px solid #cbcbcb1f;overflow:visible;flex-wrap:wrap}
#cabView .tabs .tab{position:relative;min-height:44px;padding:8px 0 11px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#c2c6cf!important;font-size:13px!important;font-weight:400!important;white-space:nowrap}
#cabView .tabs .tab .dot,#cabView .rec-badge{display:none!important}#cabView .tabs .tab.active{background:transparent!important;border-bottom-color:#c2c6cf!important;color:#e6e6e6!important;font-weight:600!important}#cabView .tabs .tab:hover{color:#e5e5e5!important;background:none!important}
#cabView .dd-btn,#cabView .dd-list{border:1px solid #c2c2c22d!important;border-radius:8px!important;background:#353941!important;box-shadow:none!important;color:#d3d3d3!important}#cabView .dd-btn{min-height:44px;font-size:13px!important;padding:9px 13px!important}#cabView .dd-btn #osBtnIc{color:#c2c6cf!important}#cabView .dd-opt{color:#bcbcbc;font-size:13px!important;font-weight:400;border-radius:5px}#cabView .dd-opt.active,#cabView .dd-opt:hover{background:#323232!important;color:#e5e5e5!important}
#cabView #steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#cabView #steps .step{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
#cabView #steps .step .ic{width:auto;height:24px;min-width:0;justify-content:flex-start;margin-bottom:10px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#919191!important;font-size:11px;font-weight:400}
#cabView #steps .step h3{font-size:15px!important;line-height:1.5;font-weight:600!important;margin:0 0 10px;color:#d7d7d7;letter-spacing:normal!important}#cabView #steps .step p{font-size:14px!important;line-height:1.75;font-weight:400!important;letter-spacing:normal!important;color:#b2b2b2}
#cabView #steps .btn,#cabView #steps .btn.add,#cabView #steps .btn.add.big{min-height:44px;padding:10px 13px!important;border:1px solid #aaaaaa3b!important;border-radius:8px!important;background:#353941!important;color:#d8d8d8!important;font-family:'Segoe UI',Arial,sans-serif!important;font-size:13px!important;line-height:1.5;font-weight:400!important;box-shadow:none!important;transform:none!important;letter-spacing:normal}
#cabView #steps .btn:hover,#cabView #steps .btn.add:hover,#cabView #steps .btn.add.big:hover{background:#333333!important;border-color:#c2c6cf80!important;color:#f4f4f4!important}
#cabView .cab-sub-panel h3{font-size:18px!important;font-weight:600!important;color:#d7d7d7}#cabView .cab-panel-note{font-size:13px!important;line-height:1.75;color:#c2c6cf!important}#cabView .sublink{background:transparent!important;border:1px solid #c2c2c222!important;border-radius:8px!important;font-family:'Segoe UI',Arial,sans-serif;font-size:12px;line-height:1.7;color:#bbbbbb;box-shadow:none!important}
#cabView .qimport{gap:8px}#cabView .qimport a{padding:7px 10px;min-height:36px;border:1px solid #c2c2c228!important;border-radius:7px!important;background:transparent!important;color:#bcbcbc!important;font-size:12px;font-weight:400;box-shadow:none!important}#cabView .qimport a:hover{background:#303030!important;color:#e8e8e8!important}#cabView .qi-lbl,#cabView .foot{color:#919191;font-size:12px}#cabView .configs{border-color:#cbcbcb1f;background:transparent!important}#cabView .configs summary{font-size:13px;font-weight:400;color:#b2b2b2}
#cabView :is(button,a,summary,input):focus-visible{outline:2px solid #bababa!important;outline-offset:3px;box-shadow:none!important}
@media(max-width:900px){#cabView .cab-overview .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#cabView .cab-overview .grid>.stat{padding-left:17px!important;padding-right:17px!important}#cabView #steps{gap:20px}#cabView .stat .big,#cabView #tTraffic{font-size:29px!important}}
@media(max-width:640px){#cabView #steps{grid-template-columns:1fr;gap:25px}#cabView #steps .step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px}#cabView #steps .step .ic{margin:2px 0 0}#cabView #steps .btn{width:auto;display:inline-flex;max-width:100%}#cabView .tabs{gap:24px}}
@media(max-width:540px){#cabView>header{gap:16px;padding-bottom:20px!important}#cabView .cab-heading h1{font-size:25px!important}#cabView .cab-heading .acc{font-size:12px}#cabView .hbtns{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#cabView .hbtn,#cabView .hbtn.cab-icon{font-size:12px!important;padding:9px 12px!important}#cabView .upd-ago{grid-column:1/-1}#cabView>.section-portrait{min-height:135px}#cabView>.section-portrait h2{font-size:27px!important}#cabView .cab-overview{padding:0 18px}#cabView .cab-overview .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cabView .cab-overview .grid>.stat{padding:19px 13px!important}#cabView .cab-overview .grid>#cardTraffic{grid-column:1/-1!important;border-bottom:1px solid #cbcbcb1c!important;padding:20px 0!important}#cabView .cab-overview .grid>#cardDays{border-left:0!important;padding-left:0!important}#cabView .cab-overview .grid>.stat:last-child{padding-left:18px!important;padding-right:0!important}#cabView .cab-overview .grid>.stat.cab-hero{padding:16px 0!important}#cabView .uc-top{gap:10px}#cabView .uc-top>div{min-width:0!important}#cabView #uName{font-size:15px!important}#cabView #onlineAt{font-size:11px}#cabView .pill{font-size:11px;padding:0!important}#cabView .stat .big,#cabView #tTraffic{font-size:29px!important}#cabView .stat .lbl{margin-bottom:11px;font-size:12px!important}#cabView .stat .small,#cabView .cab-quota{font-size:11px!important}#cabView .cab-install-panel,#cabView .cab-sub-panel{padding:21px 18px!important}#cabView .cab-install-panel .os-row{align-items:flex-start;flex-direction:column;gap:15px}#cabView .cab-install-panel .os-row h3{font-size:20px!important}#cabView #steps .step p{font-size:14px!important}#cabView .cab-sub-panel h3{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){#cabView *{transition:none!important}}

@media(max-width:900px){#cabView>header{align-items:flex-start!important}#cabView .cab-heading{text-align:left}}

/* Client tabs use natural wrapping, not a nested scrolling box. */
#cabView .tabs .tab{transition:color .15s,border-color .15s,background-color .15s!important;font-weight:600!important;box-shadow:none!important;transform:none!important}