.od-root h1{font-size:29px;letter-spacing:-.6px;margin:0}.od-root h2{font-size:16px;margin:0 0 10px}.od-breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:12px}.od-breadcrumb button{padding:0;border:0;background:none;color:var(--blue);font-size:11px}.od-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;flex-wrap:wrap}.od-identity{display:flex;align-items:center;gap:15px;min-width:0}.od-identity>i{height:65px;width:65px;border-radius:11px;background:var(--tint);display:grid;place-items:center;color:var(--blue);flex-shrink:0}.od-identity>i svg{height:33px;width:33px}.od-identity>div>span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.od-connection{border-left:1px solid var(--line);padding-left:17px;max-width:230px;font-size:12px}.od-connection small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.od-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.od-actions button,.od-actions select{font-size:10px;padding:8px 10px;border-radius:5px}.od-actions select{max-width:145px}.od-tabs{display:flex;gap:3px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:6px;margin-bottom:12px}.od-tabs button{flex:1;white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:12px;padding:13px 15px;background:none}.od-tabs button.active{border-bottom-color:var(--blue);color:var(--blue);background:var(--tint)}.od-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}.od-kpis .panel{display:flex;align-items:center;gap:12px;padding:14px}.od-kpis i{height:44px;width:44px;display:grid;place-items:center;background:var(--tint);border-radius:9px;color:var(--blue);flex-shrink:0}.od-kpis i svg{height:26px;width:26px}.od-kpis strong{font-size:23px;display:block;line-height:1.25}.od-kpis span{font-size:11px;color:var(--muted);display:block;margin:5px 0}.od-kpis small{font-size:8px;display:block;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.od-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:12px}.od-left,.od-right{display:grid;align-content:start;gap:12px;min-width:0}.od-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.od-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.od-panel-heading h2{margin:0}.od-panel-heading button{font-size:10px;padding:5px 8px}.od-panel-heading .link{border:0;color:var(--blue);background:none}.od-root .panel{padding:12px}.od-map{height:365px;border-radius:6px;background:var(--bg);z-index:1}.od-map:fullscreen{height:100dvh;width:100vw}.od-map-caption{font-size:10px;margin:9px 0 3px;color:var(--blue)}.od-root .subtle{font-size:10px;line-height:1.6}.od-info{margin:0;font-size:11px}.od-info>div{display:grid;grid-template-columns:43% minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.od-info dt{color:var(--muted)}.od-info dd{margin:0;overflow-wrap:anywhere;font-weight:500}.od-sensors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.od-sensors>div{padding:12px;border:1px solid var(--line);border-radius:6px;min-width:0}.od-sensors span{display:block;font-size:10px;color:var(--muted)}.od-sensors strong{display:block;font-size:19px;margin:6px 0;overflow-wrap:anywhere;max-height:80px;overflow:auto}.od-sensors small{display:block;font-size:8px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.od-root .table-wrap{max-height:370px;overflow:auto}.od-root table{min-width:570px}.od-root td,.od-root th{font-size:10px;padding:9px 8px}.od-root td button{font-size:10px}.od-root .pagination{font-size:10px}.od-root .pagination button{padding:5px 8px}.od-state{font-size:9px;display:inline-block;padding:4px 7px;border-radius:5px;background:var(--tint);color:var(--blue)}.od-state.due{background:#fff0da;color:#8e5100}.od-state.unknown{background:var(--bg);color:var(--muted)}.od-root progress{display:block;width:100%;height:7px;margin-top:5px;accent-color:var(--green)}.od-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:10px 0 15px}.od-period label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.od-period input{font-size:12px;padding:7px}.od-period span{font-size:10px;color:var(--muted)}.od-root .od-full-table{margin-top:12px}.od-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#07142990;display:grid;place-items:center;padding:20px;overflow:auto}.od-root .od-modal{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:22px;box-shadow:0 20px 70px #07142950}.od-modal form>label{display:grid;gap:6px;font-size:12px;margin:14px 0}.od-modal input,.od-modal select{width:100%}.od-modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.od-modal .notice{margin:12px 0 0;font-size:12px}.detail-mode main>.heading{display:none}.detail-mode nav [data-nav=objects]{background:var(--blue);color:white}.detail-mode main{padding-top:16px}html[data-theme=dark] .layout.detail-mode{--bg:#0d1424;--panel:#162238;--text:#eef4ff;--muted:#a4b2c8;--line:#293952;--tint:#203858}
@media(max-width:1250px){.od-overview{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.od-bottom{grid-template-columns:1fr}.od-kpis strong{font-size:21px}.od-kpis i{height:34px;width:34px}.od-identity{gap:10px}.od-root h1{font-size:26px}.od-heading{gap:12px}.od-actions{width:100%}.od-map{height:400px}}
@media(max-width:950px){.od-overview{grid-template-columns:1fr}.od-right{grid-template-columns:1fr 1fr}.od-right>section:last-child{grid-column:1/-1}.od-bottom{grid-template-columns:1fr 1fr}.od-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.od-map{height:360px}}
@media(max-width:600px){.od-identity{flex-wrap:wrap;width:100%}.od-root h1{font-size:23px}.od-identity>i{width:48px;height:48px}.od-connection{border:0;padding:0;width:100%;max-width:none}.od-connection small{margin-top:4px}.od-actions button,.od-actions select{font-size:12px;flex:1}.od-actions select{max-width:none;min-width:100%;font-size:16px}.od-tabs button{font-size:12px;padding:12px}.od-kpis .panel{gap:7px;padding:11px}.od-kpis i{display:none}.od-kpis strong{font-size:22px}.od-kpis small{font-size:9px}.od-right,.od-bottom{grid-template-columns:1fr}.od-right>section:last-child{grid-column:auto}.od-root .subtle{font-size:11px}.od-info{font-size:12px}.od-info>div{grid-template-columns:42% minmax(0,1fr)}.od-sensors small{font-size:9px}.od-root td,.od-root th{font-size:12px}.od-period label{width:100%}.od-period input,.od-modal input,.od-modal select{font-size:16px}.od-modal-backdrop{padding:12px}.od-root .od-modal{padding:16px}.od-modal-actions button{font-size:14px}.od-map{height:330px}}

.od-kpis .panel:nth-child(2)>i{color:#06a977;background:#e4f9f1}.od-kpis .panel:nth-child(3)>i{color:#8044e8;background:#f1eaff}.od-kpis .panel:nth-child(4)>i{color:#ee8409;background:#fff2df}
.od-root td,.od-root th{white-space:nowrap;overflow-wrap:normal}.od-root .empty{padding:24px 14px;line-height:1.6}.od-bottom{align-items:start}@media(min-width:951px) and (max-width:1450px){.od-bottom{grid-template-columns:1fr}}