.dd-page{--dd-bg:#001320;--dd-surface:#001b2a;--dd-border:#063247;color:#f3f5ff;font:13px 'Roboto Condensed',sans-serif;padding:0 0 12px}.dd-page *{box-sizing:border-box}.dd-page button{font:inherit;cursor:pointer}.dd-page button:focus-visible{outline:2px solid #00b8f0;outline-offset:2px}.dd-identity{display:flex;align-items:center;gap:14px;min-height:82px;padding:10px 16px;border:1px solid var(--dd-border);border-left:3px solid #00b8f0;border-radius:6px;background:linear-gradient(110deg,#001320,#04263a 65%,#001320)}.dd-identity>div{flex:1;min-width:0}.dd-identity h1{font-size:28px;margin:0 0 7px;font-weight:500}.dd-identity h1 .status-badge{font-size:13px;vertical-align:middle;margin-left:10px}.dd-identity p{margin:0;font-size:12px;display:flex;flex-wrap:wrap;gap:12px}.dd-identity p span{background:#00132080;padding:2px 5px;border-radius:4px}.dd-identity>img{width:126px;height:48px;object-fit:contain}.dd-experimental{color:#ffb329;display:block;margin-top:5px}.dd-tabs{display:flex;gap:3px;margin-top:9px;overflow:auto}.dd-tabs button{white-space:nowrap;border:1px solid var(--dd-border);border-radius:5px 5px 0 0;padding:9px 20px;background:var(--dd-surface);color:inherit}.dd-tabs .active{background:linear-gradient(#07459b,#007bff);border-color:#00b8f0}.dd-content{border:1px solid var(--dd-border);padding:8px;border-radius:0 6px 6px 6px}.dd-metrics{display:grid;grid-template-columns:1.12fr .94fr 1.18fr 1fr 1fr .98fr;gap:8px;margin-bottom:11px}.dd-metrics article{min-height:116px;display:flex;gap:16px;align-items:center;padding:14px 16px;background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:5px}.dd-metrics article>div{min-width:0}.dd-metrics b{font-size:24px;font-weight:500;color:#00b8f0;display:block}.dd-metrics span,.dd-metrics small{display:block;margin-top:3px}.dd-metrics small{font-size:12px;color:#a6c8e5}.dd-middle{display:grid;grid-template-columns:404fr 395fr 453fr;gap:11px;margin-bottom:11px}.dd-lower{display:grid;grid-template-columns:745fr 519fr;gap:11px}.dd-panel{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:5px;min-width:0;overflow:hidden}.dd-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--dd-border)}.dd-panel h2{font-size:14px;margin:0;font-weight:500}.dd-panel header button{background:none;border:0;color:#00b8f0;padding:0;font-size:12px}.dd-pairs{display:grid;grid-template-columns:42% 58%;margin:0;padding:4px 11px 10px;font-size:12px}.dd-pairs dt,.dd-pairs dd{border-bottom:1px solid var(--dd-border);margin:0;padding:4px 5px;overflow-wrap:anywhere}.dd-pairs dt{color:#a6c8e5}.dd-storage-summary{display:flex;align-items:center;gap:18px;padding:8px 12px;min-height:128px}.dd-donut{width:118px;height:118px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle, #001320 53%, transparent 55%),conic-gradient(#00b8f0 var(--used),#193d58 0);display:flex;flex-direction:column;justify-content:center;align-items:center}.dd-donut b{font-size:22px}.dd-donut small{font-size:10px;max-width:78px;text-align:center}.dd-storage-summary>div:last-child{flex:1;font-size:12px;color:#a6c8e5}.dd-storage-summary p b{float:right;padding-left:8px;font-weight:400}.dd-disks{padding:0 10px 8px;max-height:210px;overflow:auto}.dd-disks>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--dd-border);padding:6px;margin-bottom:5px;border-radius:4px;font-size:12px}.dd-disks meter{width:85px;height:15px;flex:1}.dd-disks small{color:#a6c8e5}.dd-unavailable{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:20px;color:#a6c8e5}.dd-unavailable small{display:block;margin-top:12px}.dd-table-scroll{overflow:auto}.dd-page table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.dd-page th{font-weight:400;color:#a6c8e5}.dd-page th,.dd-page td{text-align:left;padding:4px 8px;border-bottom:1px solid #06324770}.dd-page tr:nth-child(even){background:#07304a40}.dd-page table button{padding:0 4px;background:none;border:0;color:#dceaff}.dd-page table .status-badge{font-size:11px;padding:2px 4px}.dd-muted{color:#7290a7;font-size:11px}.dd-bottom{display:grid;grid-template-columns:740fr 524fr;gap:11px;margin-top:10px}.dd-actions{display:flex;gap:8px;padding:8px 12px 10px}.dd-actions button{flex:1;min-height:40px;padding:4px;color:#f3f5ff;background:linear-gradient(#092b42,#041a2a);border:1px solid #22506b;border-radius:4px;white-space:nowrap}.dd-actions .danger{background:#761c29;border-color:#ff3c50}.dd-footnote{font-size:11px;color:#8cacc5;margin:10px}.dd-page #ddConfig{max-width:620px;padding:18px;display:grid;gap:14px}.dd-page #ddConfig label{display:grid;gap:5px}.dd-page #ddConfig input,.dd-page #ddConfig textarea{width:100%}.dd-page button:disabled{opacity:.55;cursor:wait}
@media(max-width:1150px){.dd-metrics{grid-template-columns:repeat(3,1fr)}.dd-middle{grid-template-columns:1fr 1fr}.dd-middle>.dd-panel:last-child{grid-column:1/-1}.dd-lower,.dd-bottom{grid-template-columns:1fr}.dd-identity h1{font-size:23px}}
@media(max-width:700px){.dd-metrics{grid-template-columns:repeat(2,1fr)}.dd-middle{grid-template-columns:1fr}.dd-identity{flex-wrap:wrap}.dd-identity>div{flex-basis:100%}.dd-identity>img{display:none}.dd-actions{flex-wrap:wrap}.dd-actions button{flex:1 1 100px}.dd-metrics article{padding:10px;gap:8px}.dd-metrics article>.svg-icon{display:none}.dd-storage-summary{flex-wrap:wrap}.dd-identity h1 .status-badge{margin-left:0}.dd-tabs button{padding:9px 14px}}
/* Reference proportions, scoped to the equipment workspace. */
.dd-page{font-weight:400;line-height:1.3}.dd-page p,.dd-page td,.dd-page small,.dd-page span,.dd-page dd,.dd-page dt{font-weight:400}.dd-page button{font-weight:400}.dd-identity{position:relative;height:82px;min-height:82px;padding:9px 16px}.dd-identity h1{font-size:28px;line-height:34px;font-weight:400;white-space:nowrap;margin:0 0 2px}.dd-identity p{font-size:12px;gap:4px}.dd-identity .dd-nvr{width:290px;height:66px;object-fit:cover;position:absolute;right:285px;bottom:1px;pointer-events:none}.dd-identity .dd-brand{width:126px;height:48px;object-fit:contain}.dd-experimental{position:absolute;top:4px;right:17px;font-size:9px}.dd-identity>div:first-child{z-index:1}.dd-identity>button{padding:8px;background:#09273b;border:1px solid #22506b;border-radius:4px}.dd-tabs{height:34px;margin-top:9px}.dd-tabs button{padding:7px 20px;font-size:13px}.dd-metrics article{align-items:flex-start;padding-top:15px;gap:16px}.dd-metrics article>.dd-icon{margin-top:8px}.dd-metrics small{font-size:12px;line-height:16px}.dd-metrics b{line-height:27px}.dd-panel>header{height:38px;padding:8px 12px}.dd-pairs{font-size:13px;line-height:16px}.dd-pairs dt,.dd-pairs dd{padding:4px 5px}.dd-page table{font-size:13px}.dd-page th,.dd-page td{padding:3px 8px;line-height:17px}.dd-lower>.dd-panel{min-height:251px}.dd-page table .status-badge{font:12px 'Roboto Condensed',sans-serif}.dd-bottom .dd-panel>header{height:30px;border:0}.dd-bottom .dd-actions{padding-top:8px}.dd-actions button{display:flex;align-items:center;justify-content:center;gap:8px}.dd-icon{display:inline-block;flex-shrink:0}.dd-storage-summary{height:130px}.dd-disks meter{appearance:none;border:1px solid #174763;border-radius:4px;background:#09273b}.dd-disks meter::-webkit-meter-bar{background:#09273b;border:0;border-radius:3px}.dd-disks meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#00a2ec,#18bbee);border-radius:3px}.dd-unavailable{font-size:13px}.dd-page .dd-panel header button{font-size:12px}.dd-footnote{margin:7px 0;font-size:10px}
@media(min-width:1250px){
body:has(.dd-page) .sentinel-shell{grid-template-columns:225px minmax(0,1fr)}
body:has(.dd-page) .sentinel-shell>aside{width:225px;background:linear-gradient(100deg,#001a2b,#00101c)}
body:has(.dd-page) .sentinel-shell>main{background:radial-gradient(ellipse at 45% 0%,#052a42,#001320 65%)}
body:has(.dd-page) .topbar{height:76px;min-height:76px;padding-left:335px}
body:has(.dd-page) .global-search{width:445px;flex-shrink:0}
body:has(.dd-page) .sentinel-logo{height:76px;width:390px}
body:has(.dd-page) .sentinel-logo img{left:25px;top:7px;width:355px;height:64px}
body:has(.dd-page) .sentinel-shell>aside nav{margin-top:19px}
body:has(.dd-page) .sentinel-shell>aside nav button{height:56px;margin-bottom:4px;grid-template-columns:36px 1fr auto;gap:15px;padding-left:13px}
body:has(.dd-page) .sentinel-shell>aside nav button .figma-icon{width:26px;height:26px}
body:has(.dd-page) .sentinel-shell>aside nav button span b{font:14px 'Roboto Condensed',sans-serif;letter-spacing:0}
body:has(.dd-page) .sentinel-shell>aside nav button span small{font:13px 'Roboto Condensed',sans-serif}
body:has(.dd-page) #view{padding:13px 14px 10px 13px;height:calc(100vh - 76px)}
body:has(.dd-page) .sentinel-shell footer{display:none}
body:has(.dd-page) .brand-foot{height:188px;bottom:17px}
.dd-middle{height:276px}.dd-middle>.dd-panel{height:276px}.dd-pairs{max-height:235px;overflow:auto}.dd-lower{height:251px}.dd-lower .dd-table-scroll{max-height:212px}
}
@media(max-width:1400px){.dd-identity .dd-nvr{display:none}}
@media(max-width:1150px){.dd-identity h1{font-size:23px;white-space:normal}.dd-identity{height:auto;min-height:82px}.dd-middle{height:auto}.dd-lower{height:auto}}
@media(max-width:700px){.dd-identity .dd-brand{display:none}.dd-identity h1{line-height:28px}.dd-experimental{position:static}.dd-metrics article>.dd-icon{display:none}.dd-metrics article{min-height:110px}.dd-actions button{min-width:90px}.dd-lower>.dd-panel{min-height:150px}.dd-pairs{grid-template-columns:42% 58%;font-size:12px}.dd-tabs{height:36px}.dd-storage-summary{height:auto;min-height:130px}}

.dd-identity>.dd-menu-wrap{flex:0 0 auto;z-index:5}.dd-menu-wrap{position:relative}.dd-menu-wrap>button{display:flex;align-items:center;gap:12px;justify-content:center;width:105px;height:34px;background:linear-gradient(#08283e,#021724);border:1px solid #17435e;border-radius:4px;font-size:13px}.dd-menu-wrap #ddMenu{position:absolute;top:38px;right:0;min-width:220px;padding:5px;background:#062035;border:1px solid #215978;box-shadow:0 8px 25px #0009;border-radius:5px}.dd-menu-wrap #ddMenu:not([hidden]){display:grid;gap:3px}.dd-menu-wrap #ddMenu button{padding:10px;text-align:left;background:transparent;border-radius:3px;color:#eef6ff}.dd-menu-wrap #ddMenu button:hover{background:#075091}
@media(min-width:1250px){body:has(.dd-page) .sentinel-shell>aside [data-view=p2pdiagnostic]{display:none}.dd-identity .dd-brand{margin-right:6px}.dd-identity .dd-nvr{right:290px}body:has(.dd-page) .brand-foot{height:225px;bottom:20px}}

.dd-panel h2{display:flex;align-items:center;gap:8px}.dd-panel h2 .dd-icon{filter:invert(47%) sepia(98%) saturate(1891%) hue-rotate(156deg) brightness(101%)}.dd-event-type{display:inline-flex;gap:8px;align-items:center}.dd-event-type.warning{color:#ffb329}.dd-event-type.critical{color:#ff6573}.dd-network-empty{padding:5px 10px 8px}.dd-network-legend{height:31px;display:flex;justify-content:flex-end;gap:18px;font-size:12px;color:#a6c8e5}.dd-network-legend span:first-child{color:#00b8f0}.dd-network-legend span:last-child{color:#00d792}.dd-network-plot{height:104px;margin-left:40px;background:repeating-linear-gradient(0deg,transparent 0 24px,#063247 24px 25px),repeating-linear-gradient(90deg,transparent 0 62px,#063247 62px 63px);border-left:1px solid #315369;border-bottom:1px solid #315369;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9bb7cc}.dd-network-plot span{padding:3px 7px;background:#001b2ae8}.dd-network-plot small{background:#001b2ae8;font-size:11px}.dd-network-hours{display:flex;justify-content:space-between;font-size:12px;padding:10px 30px 12px 10px}.dd-network-stats{display:flex;gap:8px}.dd-network-stats>div{flex:1;min-width:0;border:1px solid #063247;border-radius:5px;height:48px;display:flex;align-items:center;gap:8px;padding:5px}.dd-network-stats b,.dd-network-stats small{display:block}.dd-network-stats b{font-size:16px}.dd-network-stats small{font-size:11px;color:#a6c8e5;white-space:nowrap}.dd-metrics article{position:relative}.dd-metrics meter,.dd-empty-meter{position:absolute;left:16px;right:16px;bottom:16px;width:calc(100% - 32px);height:16px;border:1px solid #10354d;border-radius:5px;background:#062235}.dd-metrics meter::-webkit-meter-bar{background:#062235;border:0;border-radius:4px}.dd-metrics meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#009cff,#00b8f0);border-radius:4px}.dd-metric-storage small{position:absolute;left:16px;right:8px;bottom:37px;font-size:11px}.dd-metric-temperature small{display:inline-block;background:#18313f;padding:3px 8px;border-radius:4px}.dd-metric-cpu small,.dd-metric-ram small{font-size:10px}.dd-metric-camera>.dd-icon,.dd-metric-storage>.dd-icon,.dd-metric-ram>.dd-icon{filter:invert(47%) sepia(98%) saturate(1891%) hue-rotate(156deg) brightness(101%)}
@media(max-width:700px){.dd-network-hours{font-size:10px}.dd-network-stats{gap:3px}.dd-network-stats>div{gap:4px}.dd-network-stats small{font-size:9px}.dd-network-stats .dd-icon{width:16px;height:16px}.dd-metric-storage small{font-size:9px}.dd-metric-storage b{font-size:20px}.dd-metrics article{padding-bottom:36px}}

@media(min-width:1250px){
.dd-middle,.dd-lower{width:calc(100% + 8px);margin-left:-8px}
.dd-metrics{width:calc(100% + 2px);margin-left:-1px}
.dd-content{padding-bottom:1px}
.dd-bottom .dd-actions{padding-bottom:8px}
}

.dd-identity h1 .status-badge{line-height:19px;padding:4px 10px}
.dd-lower td{padding:2px 8px;line-height:16px}

/* Shared device heading and detailed camera/storage reference layouts. */
.dd-device-hero{height:82px;display:flex;align-items:center;gap:22px;border:1px solid #063247;border-left:3px solid #00b8f0;border-radius:5px;background:radial-gradient(ellipse at 62% 50%,#16456b,#001523 65%);padding:10px 16px;margin-bottom:10px;overflow:hidden}.dd-device-hero>div:first-child{flex:1;min-width:0}.dd-device-hero h1{font-size:28px;line-height:1.2;margin:0 0 7px}.dd-device-hero p{margin:0;color:#a6c8e5;font-size:14px}.dd-device-hero>img{width:240px;height:70px;object-fit:contain}.dd-device-hero>.dd-hero-brand{width:125px;height:48px}.dd-hero-state{width:205px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid #125044;padding-left:18px}.dd-hero-state .status-badge{font-size:19px;background:none}.dd-hero-state small{color:#a6c8e5}.dd-identity{height:64px;min-height:64px;border-left:1px solid #063247;padding:8px 10px;gap:10px}.dd-device-summary{display:flex;align-items:center;gap:14px}.dd-device-summary>img{width:75px;height:38px;object-fit:contain}.dd-device-summary>div:first-of-type{flex:1;min-width:130px}.dd-device-summary>div{padding-right:15px;border-right:1px solid #063247}.dd-device-summary b{font-size:16px;display:block}.dd-device-summary small{display:block;color:#a6c8e5;font-size:11px;margin:3px 0}.dd-identity>.dd-device-controls{flex:0 0 auto;display:flex;gap:10px}.dd-device-controls button,.dd-toolbar button,.dd-shortcuts button,.dd-pagination button{border:1px solid #21516c;border-radius:4px;background:linear-gradient(#10324a,#041a2a);color:#f3f5ff;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px}.dd-tabs{height:43px;margin:10px 0 8px;gap:4px}.dd-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border-radius:4px;font-size:12px}.dd-content{border:0;padding:0}.dd-section-banner{min-height:78px;border:1px solid #063247;border-left:2px solid #00b8f0;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 10px 8px 20px;margin-bottom:10px;background:linear-gradient(100deg,#002036,#001320)}.dd-section-title{display:flex;gap:19px;align-items:center}.dd-section-title>.dd-icon{filter:invert(47%) sepia(98%) saturate(1891%) hue-rotate(156deg) brightness(101%)}.dd-section-title h2{font-size:22px;margin:0 0 4px}.dd-section-title p{font-size:13px;color:#a6c8e5;margin:0}.dd-summary-cards{display:flex;gap:10px}.dd-summary-cards article{min-width:137px;min-height:60px;background:#022337;border:1px solid #074160;border-radius:4px;padding:8px 15px}.dd-summary-cards b{display:block;font-size:20px;color:#00b8f0}.dd-summary-cards small{display:block;font-size:11px;color:#a6c8e5;margin-top:3px}.dd-summary-cards .good b,.dd-condition .good{color:#00d79b}.dd-summary-cards .bad b,.dd-condition .bad{color:#ff5366}.dd-summary-cards .warn b,.dd-condition .warn{color:#ffb329}.dd-grid{display:grid;gap:10px;margin-top:10px}.dd-camera-panels{grid-template-columns:1.2fr 1.1fr .95fr 1fr}.dd-camera-panels>.dd-panel{height:177px}.dd-toolbar{display:flex;gap:10px;padding:10px;align-items:center;border-bottom:1px solid #063247}.dd-toolbar input{flex:1;min-width:130px}.dd-toolbar select{width:160px}.dd-page .dd-toolbar input,.dd-page select{background:#021b2b;color:#e6f2ff;border:1px solid #1c4d68;border-radius:4px;padding:7px 9px;font:12px 'Roboto Condensed',sans-serif}.dd-page select:disabled{opacity:.6}.dd-toolbar button{white-space:nowrap;padding:8px 13px}.dd-camera-list td{height:30px}.dd-camera-list th{height:32px}.dd-camera-list .dd-table-scroll{min-height:273px}.dd-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:8px 12px;border-top:1px solid #063247;color:#a6c8e5;font-size:12px}.dd-pagination>div{display:flex;align-items:center;gap:9px}.dd-pagination button{padding:4px 10px}.dd-pagination button:disabled{cursor:default;opacity:.35}.dd-chart-gap{margin:12px 18px;height:111px;border-left:1px solid #315369;border-bottom:1px solid #315369;background:repeating-linear-gradient(0deg,transparent 0 24px,#063247 24px 25px),repeating-linear-gradient(90deg,transparent 0 62px,#063247 62px 63px);display:flex;align-items:center;justify-content:center;color:#96b2ca;text-align:center}.dd-chart-gap>div{background:#001b2ae8;padding:7px;font-size:12px}.dd-chart-gap small{display:block;margin-top:7px;font-size:11px}.dd-type-summary{display:flex;align-items:center;gap:14px;padding:12px}.dd-type-summary .dd-donut{width:104px;height:104px}.dd-type-summary p{font-size:12px;line-height:1.8}.dd-condition{display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;text-align:center;padding:12px}.dd-condition strong{font-size:27px;width:42px;height:42px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center}.dd-condition b{font-size:14px}.dd-condition small{color:#a6c8e5;font-size:12px}.dd-shortcuts{padding:8px 10px;display:grid;gap:5px}.dd-shortcuts button{padding:5px;min-height:26px;font-size:12px}.dd-disk-middle{grid-template-columns:1.08fr 1.18fr 1fr}.dd-disk-middle>.dd-panel{height:246px}.dd-disk-middle .dd-chart-gap{height:168px}.dd-disk-middle .dd-storage-summary{height:153px}.dd-disk-middle .dd-donut{width:140px;height:140px}.dd-disk-middle .dd-disks{max-height:55px}.dd-disk-middle td{height:25px}.dd-disk-bottom{grid-template-columns:1fr .9fr 1.34fr}.dd-disk-bottom>.dd-panel{min-height:157px}.dd-shortcuts-grid{grid-template-columns:1fr 1fr;gap:10px}.dd-shortcuts-grid button{min-height:43px}.dd-page td meter{display:block;width:95px;height:10px}.dd-page .dd-section-banner~.dd-panel>header{display:none}.dd-content>.dd-panel>header select{max-width:140px}.dd-footnote{line-height:1.4}
@media(min-width:1250px){.dd-content .dd-middle,.dd-content .dd-lower,.dd-content .dd-metrics{width:100%;margin-left:0}.dd-device-hero~.dd-identity{background:#001b2a}.dd-disk-bottom .dd-pairs{padding-top:10px}.dd-disk-bottom .dd-pairs dt,.dd-disk-bottom .dd-pairs dd{padding-top:9px;padding-bottom:9px}}
@media(max-width:1400px){.dd-device-hero>img:not(.dd-hero-brand){display:none}.dd-device-summary>img{display:none}.dd-device-controls button{font-size:11px;padding:8px}.dd-summary-cards article{min-width:115px}.dd-toolbar select{width:130px}.dd-tabs button{padding:9px 8px;gap:6px}}
@media(max-width:1150px){.dd-device-hero h1{font-size:23px}.dd-device-hero>.dd-hero-brand{display:none}.dd-device-summary>div{padding-right:8px}.dd-identity{height:auto;flex-wrap:wrap}.dd-device-summary{flex-basis:100%}.dd-section-banner{flex-wrap:wrap}.dd-summary-cards{width:100%}.dd-summary-cards article{flex:1;min-width:0}.dd-camera-panels,.dd-disk-middle,.dd-disk-bottom{grid-template-columns:1fr 1fr}.dd-disk-middle>.dd-panel:last-child{grid-column:1/-1}.dd-toolbar{flex-wrap:wrap}.dd-toolbar select{flex:1}.dd-camera-list .dd-table-scroll{min-height:0}.dd-tabs button{flex:0 0 auto}.dd-device-hero{height:auto;min-height:82px}.dd-hero-state{width:160px}.dd-device-hero h1{font-size:22px}.dd-device-hero p{font-size:12px}}
@media(max-width:700px){.dd-device-hero{padding:10px;gap:10px;flex-wrap:wrap}.dd-device-hero>div:first-child{flex-basis:100%}.dd-hero-state{width:100%;padding:0;border:0;flex-direction:row;justify-content:flex-start;align-items:center}.dd-hero-state .status-badge{font-size:14px}.dd-device-summary{flex-wrap:wrap;gap:8px}.dd-device-summary>div:first-of-type{flex-basis:100%}.dd-device-summary>div{border:0}.dd-identity>.dd-device-controls{flex:1;flex-wrap:wrap;gap:4px}.dd-device-controls button{flex:1;min-width:88px}.dd-identity .dd-menu-wrap{width:100%}.dd-menu-wrap>button{width:100%}.dd-section-banner{padding:10px}.dd-section-title h2{font-size:20px}.dd-section-title p{font-size:12px}.dd-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dd-summary-cards article{padding:8px;min-height:53px}.dd-camera-panels,.dd-disk-middle,.dd-disk-bottom{grid-template-columns:1fr}.dd-camera-panels>.dd-panel{height:auto;min-height:160px}.dd-disk-middle>.dd-panel:last-child{grid-column:auto}.dd-toolbar input{flex-basis:100%;width:100%}.dd-toolbar select{min-width:120px;width:100%}.dd-pagination{flex-wrap:wrap}.dd-pagination>span{flex-basis:100%}.dd-section-title>.dd-icon{width:30px;height:30px}.dd-shortcuts button{min-height:36px}.dd-disk-middle .dd-storage-summary{flex-wrap:nowrap}.dd-disk-middle .dd-donut{width:110px;height:110px}}
.dd-device-hero>img:not(.dd-hero-brand){object-fit:cover}.dd-device-summary>img{object-fit:cover}.dd-page select{margin-top:0}.dd-pagination>select{width:110px;flex-shrink:0}.dd-pagination>span{flex:1}.dd-pagination>div{flex:1;justify-content:center;white-space:nowrap}.dd-panel>header select{width:136px;flex-shrink:0}.dd-type-summary .dd-donut{--used:0%}.dd-page .dd-camera-list td{font-weight:400}.dd-page td meter::-webkit-meter-bar{background:#092b41;border:0}.dd-page td meter::-webkit-meter-optimum-value{background:#00a8ec}.dd-page .dd-disk-middle th,.dd-page .dd-disk-middle td{font-weight:400}
@media(max-width:700px){body:has(.dd-page) .top-actions{gap:6px}body:has(.dd-page) .global-search{flex:0 1 36px;min-width:32px}body:has(.dd-page) .topbar{gap:5px;padding:0 6px}body:has(.dd-page) .top-actions>button{padding-left:5px;padding-right:5px}.dd-pagination>div{flex:0 0 auto}}
.dd-network-layout{display:grid;grid-template-columns:1.2fr 1.03fr .85fr;grid-template-rows:176px 183px;gap:10px}.dd-network-layout>div>.dd-panel{height:100%}.dd-network-interfaces{grid-column:1/3}.dd-network-config{grid-column:3;grid-row:1/3}.dd-network-config .dd-pairs{max-height:none;grid-template-columns:47% 53%}.dd-network-config .dd-pairs dt,.dd-network-config .dd-pairs dd{padding-top:7px;padding-bottom:7px}.dd-network-traffic{grid-column:1;grid-row:2}.dd-network-connections{grid-column:2;grid-row:2}.dd-network-bottom{grid-template-columns:1fr 1fr 1fr}.dd-network-bottom>.dd-panel{min-height:180px}.dd-network-layout table td{height:32px}.dd-network-bottom table td{height:24px}.dd-network-bottom .dd-pairs{max-height:none}.dd-network-bottom .dd-pairs dt,.dd-network-bottom .dd-pairs dd{padding:7px 5px}.dd-network-bottom .dd-shortcuts{padding-top:0}.dd-system-layout{display:grid;grid-template-columns:1.03fr 1.32fr .96fr;grid-template-rows:310px 259px;gap:10px}.dd-system-layout>div>.dd-panel{height:100%}.dd-system-info .dd-pairs{max-height:none}.dd-system-info .dd-pairs dt,.dd-system-info .dd-pairs dd{padding:5px}.dd-system-hardware{display:flex;flex-direction:column;gap:10px}.dd-system-layout>.dd-system-hardware>.dd-panel{height:141px;flex-shrink:0}.dd-hardware-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}.dd-hardware-pair .dd-pairs{grid-template-columns:1fr 1fr;font-size:11px;padding:4px}.dd-hardware-pair .dd-pairs dt,.dd-hardware-pair .dd-pairs dd{padding:4px}.dd-resource-gauges{display:flex;justify-content:space-around;padding:12px 8px 6px;gap:8px}.dd-resource-gauges>div{text-align:center;min-width:0}.dd-resource-gauges .dd-donut{width:96px;height:96px;--used:0%;background:radial-gradient(circle,#001320 55%,transparent 57%),conic-gradient(#00d79b var(--used),#193d58 0)}.dd-resource-gauges .dd-donut b{font-size:18px}.dd-resource-gauges>div>small{display:block;font-size:11px;color:#a6c8e5;margin-top:5px}.dd-chart-caption{display:flex;justify-content:space-between;font-size:12px;padding:8px 12px;color:#a6c8e5}.dd-chart-caption span{color:#00b8f0}.dd-system-resources .dd-chart-gap{height:96px;margin-top:2px}.dd-system-services td{height:25px}.dd-system-history{display:flex;flex-direction:column;gap:0;min-height:0}.dd-system-layout>.dd-system-history>.dd-panel:first-child{height:150px;flex-shrink:0}.dd-system-history .dd-chart-gap{height:88px;margin-top:7px;margin-bottom:7px}.dd-system-actions .dd-shortcuts{gap:6px}.dd-system-actions button{min-height:35px}.dd-network-layout .dd-panel>header button{display:flex;align-items:center;gap:5px}.dd-system-layout .dd-panel>header h2{font-size:13px}
@media(max-width:1150px){.dd-network-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dd-network-interfaces{grid-column:1/-1;min-height:160px}.dd-network-config{grid-column:2;grid-row:2/4}.dd-network-traffic{grid-column:1;grid-row:2}.dd-network-connections{grid-column:1;grid-row:3;min-height:160px}.dd-network-bottom{grid-template-columns:1fr 1fr}.dd-system-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dd-system-info,.dd-system-resources{min-height:310px}.dd-system-layout>.dd-system-history>.dd-panel:first-child{height:auto}.dd-system-history{min-height:260px}.dd-system-services{min-height:259px}.dd-system-hardware{min-height:310px}}
@media(max-width:700px){.dd-network-layout,.dd-network-bottom,.dd-system-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.dd-network-layout>div{grid-column:auto;grid-row:auto}.dd-network-config{order:3}.dd-network-bottom>.dd-panel{min-height:165px}.dd-system-layout>div{min-width:0}.dd-system-actions{min-height:260px}.dd-resource-gauges .dd-donut{width:87px;height:87px}.dd-resource-gauges{gap:4px;padding-left:5px;padding-right:5px}.dd-resource-gauges>div>small{font-size:10px}.dd-system-layout>.dd-system-history>.dd-panel:first-child{height:155px}.dd-chart-caption{font-size:11px}}
.dd-network-config .dd-pairs{max-height:calc(100% - 38px);overflow:auto}.dd-system-info .dd-pairs{max-height:calc(100% - 38px);overflow:auto}.dd-system-info .dd-pairs dt,.dd-system-info .dd-pairs dd{padding-top:4px;padding-bottom:4px}
.dd-recording-layout{display:grid;grid-template-columns:1.48fr 1.05fr .68fr;grid-template-rows:265px 216px;gap:10px}.dd-recording-layout>div{min-width:0}.dd-recording-layout>div>.dd-panel{height:100%}.dd-recording-schedule{height:225px}.dd-recording-statistics{margin-top:-40px;height:256px}.dd-recording-parameters .dd-pairs{max-height:226px;overflow:auto;font-size:12px}.dd-recording-parameters .dd-pairs dt,.dd-recording-parameters .dd-pairs dd{padding:2px 4px}.dd-recording-schedule select{width:178px;max-width:50%}.dd-schedule{position:relative;padding:14px 12px 30px}.dd-schedule-hours{display:grid;grid-template-columns:32px repeat(12,1fr);font-size:10px;color:#a6c8e5;margin-bottom:6px}.dd-schedule-day{display:flex;gap:6px;height:16px;font-size:11px;color:#a6c8e5}.dd-schedule-day>span{width:26px}.dd-schedule-day>div{flex:1;background:repeating-linear-gradient(90deg,#123247 0 calc(4.166% - 1px),#031320 calc(4.166% - 1px) 4.166%);border-bottom:1px solid #031320}.dd-schedule>p{margin:9px 0;text-align:center;color:#a6c8e5;font-size:12px}.dd-mode-list{padding:10px 12px}.dd-mode-list>div{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dd-mode-list b{display:block;color:#00b8f0;font-size:13px}.dd-mode-list small{display:block;color:#a6c8e5;font-size:11px;margin-top:4px}.dd-mode-list>.dd-muted{font-size:10px}.dd-recording-stats{display:flex;gap:6px;padding:10px}.dd-recording-stats>div{flex:1;min-width:0;padding:8px 4px;border:1px solid #063247;border-radius:4px;text-align:center}.dd-recording-stats b{display:block;font-size:20px;color:#00b8f0}.dd-recording-stats small{display:block;color:#a6c8e5;font-size:11px}.dd-recording-statistics .dd-chart-gap{height:100px;margin-top:2px}.dd-recording-usage .dd-table-scroll{max-height:177px}.dd-recording-usage td{height:24px}.dd-recording-actions .dd-shortcuts{gap:5px}.dd-recording-actions button{min-height:28px}.dd-recording-bottom{grid-template-columns:repeat(4,1fr)}.dd-recording-bottom .dd-panel{min-height:82px}.dd-panel-note{padding:0 12px;color:#a6c8e5;font-size:12px;line-height:1.5}.dd-events-layout{display:grid;grid-template-columns:minmax(0,2.38fr) minmax(0,1fr);gap:10px}.dd-events-layout>.dd-panel{height:404px}.dd-events-list .dd-toolbar{gap:6px;padding:7px}.dd-events-list .dd-toolbar input[type=date]{width:113px;min-width:105px;flex:0 0 113px}.dd-events-list .dd-toolbar select{width:112px;min-width:0}.dd-events-list .dd-toolbar input[type=search]{min-width:110px}.dd-events-list .dd-table-scroll{height:301px}.dd-events-list td{height:32px}.dd-event-description{display:block;max-width:245px;overflow:hidden;text-overflow:ellipsis}.dd-events-list .dd-pagination{min-height:45px;gap:5px;padding:7px}.dd-events-list .dd-pagination>span{font-size:11px}.dd-events-list .dd-pagination>div{flex:0 0 auto}.dd-events-list .dd-selected{background:#073d60}.dd-event-preview{height:126px;background:linear-gradient(140deg,#082f45,#021523);margin:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid #17405a;border-radius:4px;color:#89a9c0;font-size:12px}.dd-events-layout #ddEventDetail{height:calc(100% - 38px);overflow:auto}.dd-events-layout .dd-pairs{max-height:none;font-size:12px;grid-template-columns:36% 64%}.dd-events-bottom{grid-template-columns:1fr 1.15fr 1.2fr}.dd-events-bottom>.dd-panel{height:158px}.dd-events-bottom .dd-table-scroll{max-height:118px}.dd-hour-bars{height:115px;display:flex;gap:3px;align-items:flex-end;padding:6px 18px 17px;border-bottom:1px solid #063247}.dd-hour-bars>div{flex:1;min-width:0;height:92px;position:relative;display:flex;align-items:flex-end}.dd-hour-bars i{width:100%;background:linear-gradient(#03bbef,#037cc7);display:block;max-height:90px}.dd-hour-bars small{position:absolute;top:100%;font-size:9px;color:#a6c8e5;margin-top:3px}.dd-events-bottom .dd-shortcuts button{min-height:41px}
@media(max-width:1150px){.dd-recording-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dd-recording-schedule{height:240px}.dd-recording-parameters{height:275px}.dd-recording-statistics{margin:0;height:256px}.dd-recording-modes{min-height:265px}.dd-recording-usage,.dd-recording-actions{height:235px}.dd-recording-bottom{grid-template-columns:1fr 1fr}.dd-events-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.dd-events-list .dd-toolbar{flex-wrap:wrap}.dd-events-list .dd-table-scroll{height:250px}.dd-events-bottom{grid-template-columns:1fr 1fr}.dd-events-bottom>.dd-panel:last-child{grid-column:1/-1}.dd-event-description{max-width:210px}}
@media(max-width:700px){.dd-recording-layout,.dd-recording-bottom,.dd-events-layout,.dd-events-bottom{grid-template-columns:minmax(0,1fr)}.dd-recording-parameters{height:280px}.dd-recording-parameters .dd-pairs{max-height:240px}.dd-recording-schedule select{width:150px}.dd-recording-layout .dd-panel h2{font-size:12px}.dd-events-layout>.dd-panel{height:auto;min-height:350px}.dd-events-list .dd-toolbar input[type=date]{flex:1;min-width:120px}.dd-events-list .dd-toolbar select{flex:1;min-width:120px}.dd-events-list .dd-toolbar input[type=search]{flex-basis:100%}.dd-events-list .dd-table-scroll{height:300px}.dd-events-layout #ddEventDetail{height:auto;max-height:500px}.dd-events-bottom>.dd-panel:last-child{grid-column:auto}.dd-events-bottom>.dd-panel{height:175px}.dd-events-bottom .dd-table-scroll{max-height:135px}}
.dd-event-distribution{display:flex;gap:13px;align-items:center;padding:8px 12px}.dd-event-distribution .dd-donut{width:100px;height:100px}.dd-event-distribution>div:last-child{flex:1;max-height:106px;overflow:auto}.dd-event-distribution p{display:flex;align-items:center;gap:6px;font-size:11px;margin:8px 0}.dd-event-distribution i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dd-event-distribution span{flex:1;overflow-wrap:anywhere}.dd-event-distribution b{font-size:13px}.dd-mode-list>div:nth-child(1) b{color:#00d79b}.dd-mode-list>div:nth-child(3) b{color:#ffb329}.dd-mode-list>div:nth-child(4) b{color:#ad87ff}.dd-page input[type=date]{color-scheme:dark}
.dd-health-layout{display:grid;grid-template-columns:1fr .95fr 1.05fr 1.05fr;grid-template-rows:250px 178px 145px;gap:10px}.dd-health-layout>div{min-width:0}.dd-health-layout>div>.dd-panel{height:100%}.dd-health-temperature{grid-column:1;grid-row:1}.dd-health-resources{grid-column:2/4;grid-row:1}.dd-health-side{grid-column:4;grid-row:1/4;display:flex;flex-direction:column;gap:7px}.dd-health-disks{grid-column:1/3;grid-row:2}.dd-health-services{grid-column:3;grid-row:2}.dd-health-logs{grid-column:1/3;grid-row:3}.dd-health-recommendations{grid-column:3;grid-row:3}.dd-health-side>.dd-panel{flex-shrink:0}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(1){height:125px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(2){height:102px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(3){height:77px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(4){height:162px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(5){height:99px}.dd-health-side .dd-panel>header{height:28px;padding:5px 10px}.dd-health-side .dd-pairs{font-size:12px;padding:0 9px 5px}.dd-health-side .dd-pairs dt,.dd-health-side .dd-pairs dd{padding:2px 4px}.dd-health-side .dd-shortcuts{padding:2px 8px;gap:3px}.dd-health-side .dd-shortcuts button{min-height:21px;padding:2px;font-size:11px}.dd-health-temperature .dd-pairs{grid-template-columns:60% 40%;max-height:210px}.dd-health-temperature .dd-pairs dt,.dd-health-temperature .dd-pairs dd{padding:7px 4px}.dd-health-resources .dd-resource-gauges{padding-top:5px}.dd-health-resources .dd-donut{height:84px;width:84px}.dd-health-resources .dd-chart-caption{padding-top:4px;padding-bottom:3px}.dd-health-resources .dd-chart-gap{height:75px;margin-top:2px}.dd-health-services .dd-table-scroll{max-height:140px}.dd-health-services td{padding:1px 8px;font-size:11px}.dd-health-disks .dd-table-scroll{max-height:140px}.dd-health-logs .dd-table-scroll{max-height:106px}.dd-health-logs td{font-size:11px}.dd-health-logs td:last-child{max-width:240px;overflow:hidden;text-overflow:ellipsis}.dd-recommendations{padding:0 12px 0 25px;font-size:12px;color:#a6c8e5;line-height:1.5;max-height:100px;overflow:auto}.dd-configuration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:306px 258px;gap:10px}.dd-config-top-actions{display:flex;gap:10px}.dd-config-top-actions button{display:flex;align-items:center;gap:7px;background:linear-gradient(#12334c,#041a2a);border:1px solid #245470;padding:10px;font-size:12px}.dd-configuration-grid .dd-config-fields{padding:6px 12px}.dd-page .dd-configuration-grid #ddConfig{padding:7px 12px;gap:4px;max-width:none}.dd-configuration-grid .dd-config-fields label,.dd-page .dd-configuration-grid #ddConfig label{display:grid;grid-template-columns:42% minmax(0,1fr);gap:7px;align-items:center;margin:0 0 4px;font-size:12px;font-weight:400;color:#c4d7e9}.dd-page .dd-configuration-grid input,.dd-page .dd-configuration-grid textarea{border:1px solid #1b465d;border-radius:3px;background:#041b2b;color:#edf6ff;margin:0;padding:4px 7px;font:12px 'Roboto Condensed',sans-serif;min-height:25px;width:100%}.dd-configuration-grid input[readonly]{color:#97b3c9}.dd-page .dd-configuration-grid textarea{height:40px;min-height:40px;resize:vertical}.dd-page .dd-configuration-grid #ddConfig>button{justify-self:end;background:#007bea;padding:7px 10px;font-size:12px}.dd-page .dd-configuration-grid #ddConfigStatus{margin:0;font-size:11px}.dd-configuration-grid .dd-shortcuts{padding-top:2px}.dd-configuration-grid .dd-shortcuts button{min-height:29px}.dd-configuration-grid .dd-pairs{padding-top:9px;padding-bottom:10px}.dd-configuration-grid>.dd-panel{overflow:auto}
@media(max-width:1150px){.dd-health-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dd-health-layout>div{grid-column:auto;grid-row:auto}.dd-health-temperature,.dd-health-resources{height:260px}.dd-health-side{grid-column:2!important;grid-row:2/5!important}.dd-health-disks,.dd-health-services{height:200px}.dd-health-logs,.dd-health-recommendations{height:160px}.dd-health-layout>.dd-health-side>.dd-panel{height:auto;min-height:90px}.dd-health-side .dd-shortcuts button{min-height:29px}.dd-configuration-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.dd-configuration-grid>.dd-panel{min-height:280px}.dd-config-top-actions{flex-wrap:wrap}.dd-health-logs td:last-child{max-width:170px}}
@media(max-width:700px){.dd-health-layout{display:flex;flex-direction:column}.dd-health-temperature{height:auto;min-height:225px}.dd-health-resources{height:260px}.dd-health-side{order:5}.dd-health-layout>.dd-health-side>.dd-panel{height:auto;min-height:90px}.dd-health-side .dd-shortcuts button{min-height:34px}.dd-health-side .dd-panel>header{height:36px}.dd-health-side .dd-pairs dt,.dd-health-side .dd-pairs dd{padding:6px 4px}.dd-configuration-grid{grid-template-columns:minmax(0,1fr)}.dd-config-top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.dd-config-top-actions button{font-size:11px;justify-content:center;padding:8px}.dd-configuration-grid>.dd-panel{min-height:260px}.dd-page .dd-configuration-grid #ddConfig{padding-bottom:12px}.dd-configuration-grid .dd-config-fields label,.dd-page .dd-configuration-grid #ddConfig label{grid-template-columns:43% minmax(0,1fr)}}
@media(min-width:1151px){.dd-health-layout>.dd-health-side>.dd-panel:nth-child(1){height:122px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(2){height:100px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(3){height:76px}.dd-health-layout>.dd-health-side>.dd-panel:nth-child(5){height:105px}}