/* V3 usability and real-time notification layout */
table{font-size:12px}th{font-size:11px;color:#667b96}td{color:#4c627f}.sub,.table-sub{color:#72849b}.kv{font-size:12px}.tree button,.tree details details>summary{font-size:11px}.tree button small{font-size:10px}.section-title,.camera-mini,.buttons-grid button{font-size:12px}.field label{font-size:12px;color:#5f748e}.tree-extra{display:flex;padding:0 9px 8px;gap:4px}.tree-extra select{width:50%;min-width:0;font-size:10px;padding:3px}.collapse-menu{border:0;padding:3px 7px;color:#7a8da5}.sidebar-collapsed aside{width:64px}.sidebar-collapsed .shell{margin-left:64px}.sidebar-collapsed .brand>div:last-child,.sidebar-collapsed nav button>span,.sidebar-collapsed .nav-group,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed .brand{padding:0;justify-content:center}.sidebar-collapsed nav{padding:10px 5px}.sidebar-collapsed nav button{padding:12px;justify-content:center}.duty-current{color:#657b98;font-size:11px}.urgent-alert{position:fixed;top:60px;left:205px;right:16px;z-index:110;background:#fff3f3;border:1px solid #edb7bf;box-shadow:0 5px 20px #72202a15;border-radius:6px;display:flex;align-items:center;gap:8px;padding:10px 14px;color:#bc3348;font-size:12px;flex-wrap:wrap}.alert-link{border:0;background:transparent;color:#bd3448;font-size:12px;padding:3px 7px}.urgent-alert strong{margin-right:8px}.project-location svg{width:100%;max-height:450px;border-radius:6px}.project-map-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.project-map-list button{flex:1;min-width:130px;text-align:left;padding:10px}.project-map-list small{display:block;font-size:11px;color:#7d91ab}.report-metrics{margin-bottom:14px;border:1px solid #e5ebf3;border-radius:5px}.capture .caption{flex-wrap:wrap}.capture .caption button{font-size:11px;padding:1px 4px}.monitor .alarm-dock{height:180px}.details-scroll{padding:10px 12px}.kv{margin:6px 0}.video-tile video{background:#142337}.dialog input[type=number]{min-width:0}.stats .stat{min-width:0}.filter-summary{font-size:11px}.topbar{min-height:55px}
@media(max-width:1100px){.urgent-alert{left:76px}.duty-current{display:none}}
@media(max-width:820px){.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stats .stat:nth-child(4),.stats .stat:nth-child(5){display:flex}.stat-icon{display:none}.stat-label{font-size:10px}.stat strong{font-size:25px}.collapse-menu{display:none}.details-scroll .kv{font-size:11px}}
@media(max-width:600px){.urgent-alert{left:10px;right:10px;top:58px;padding:8px;font-size:11px}.urgent-alert .alert-link{font-size:11px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats .stat:nth-child(4),.stats .stat:nth-child(5){display:flex}.monitor .alarm-dock{height:240px}.kv{font-size:12px}.collapse-menu{display:none}.sidebar-collapsed aside{width:190px}.sidebar-collapsed .shell{margin:0}.sidebar-collapsed .brand>div:last-child,.sidebar-collapsed nav button>span{display:block}.tree-extra select{font-size:12px}.project-location svg{min-height:240px}.project-map-list button{font-size:12px}.heading .actions{flex-wrap:wrap}.clock{display:none}}

@media(max-width:600px){aside{transition:none}}

@media(max-width:600px){.asset-layout{grid-template-columns:minmax(0,1fr)}.asset-layout>div,.asset-layout>.panel{min-width:0;max-width:100%}.project-list{min-width:0;max-width:100%}.heading .actions select{min-width:0;max-width:100%;flex:1 1 110px}.heading .actions button{flex-shrink:0}.asset-layout .panel-head .row{flex-wrap:wrap}.asset-layout .filters .actions{flex-wrap:wrap}}