@charset "UTF-8";html,body{margin:0;padding:0;height:100%;overflow:hidden}@media(max-width:900px){.topbar{gap:.5rem .6rem!important;padding:.55rem .8rem!important}.topbar .since{position:static!important;left:auto!important;transform:none!important;font-size:.8rem!important}.nav{flex-wrap:wrap!important;gap:.4rem!important}.content{padding:.8rem!important}}@media(max-width:768px){.ont-layout,.ont-grid,.ports-split,.kv,.compare-cols,.live-grid,.grid2,.card,.row2,.row4,.prov-grid,.fields,.help-row,.hist-row{grid-template-columns:1fr!important}.name-row{display:block!important}.name-row .title,.name-row .btn-bar,.name-row .back{grid-column:auto!important}.name-row .title{margin-bottom:.45rem}.name-row .btn-bar{margin:0 0 .45rem!important}.name-row .wf-actions,.name-row .equip-actions{margin-left:0!important}.name-row .back{width:auto!important}.live-row{flex-direction:column!important}.live-side{width:100%!important}.pon-head,.graf-head,.panel-head,.btn-bar,.wf-actions,.equip-actions{flex-wrap:wrap!important}.grid{min-width:0!important;table-layout:auto!important;font-size:.7rem!important}.grid th,.grid td{padding:.3rem .35rem!important}.grid .st .dot{display:none!important}.pon-flows{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important}.pon-flow{display:flex!important;flex-direction:column!important;gap:.3rem!important;margin-bottom:0!important}.pon-flow .pf-arrow{display:none!important}.pon-flow .pf-cell{flex:0 0 auto!important;min-height:0!important;padding:.25rem .45rem!important}.pon-flow .pf-cell span{font-size:.66rem!important}.pon-flow .pf-cell b{flex:0 0 auto!important;justify-content:flex-start!important;font-size:.92rem!important}.olt-head{grid-template-columns:1fr 1fr!important;gap:.4rem!important;padding-right:0!important}.olt-head .hcell:empty{display:none!important}.counters{flex-wrap:nowrap!important;gap:.3rem!important}.counters .ctr{min-width:0!important;flex:1 1 0!important;padding:.3rem .15rem!important}.counters .ctr b{font-size:.58rem!important;white-space:nowrap}.counters .ctr span{font-size:1rem!important}.gpon{flex-direction:column!important;height:auto!important}.gpon .side{flex:0 0 auto!important;flex-direction:row!important;flex-wrap:wrap!important}.gpon .side-title{width:100%!important}.gpon .side-btn.exit{margin-top:0!important}.rm-modal,.help-modal,.live-modal{width:96vw!important;max-width:96vw!important}.live-grid,.ports-grid{grid-template-columns:1fr!important}.title{font-size:1.1rem!important}}