@import url('/interface4.css');
body{padding:0 8px 10px}.compact-header{height:44px;display:flex;align-items:center;gap:14px;padding:0 4px}.compact-header>strong{font-size:14px;letter-spacing:1px;margin-right:auto}.connection{display:flex;align-items:center;gap:6px;font-size:10px}.connection i{width:8px;height:8px;border-radius:50%;background:#687582}.connection i.online{background:#31c653;box-shadow:0 0 9px #31c653}.compact-header button{height:31px;padding:0 10px;border:1px solid #263846;border-radius:4px;background:#0b1721;color:#dce5eb;font-size:10px;cursor:pointer}.compact-header button:disabled{opacity:.6}.compact-header nav{display:flex;border:1px solid #263846;border-radius:4px;overflow:hidden}.compact-header nav a{display:grid;place-items:center;width:31px;height:29px;color:#8494a0;text-decoration:none;font-size:11px;font-weight:700}.compact-header nav a.active{color:#fff;background:#1b2c39}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.camera-grid article{position:relative;min-width:0;background:#020506;border:1px solid #1b2c39;border-radius:6px;overflow:hidden}.camera-grid iframe{display:block;width:100%;height:min(44vh,460px);border:0}.camera-label{position:absolute;z-index:2;top:6px;left:6px;display:flex;align-items:center;gap:8px;padding:4px 8px;background:#05080cdd;border:1px solid #344854;border-radius:4px;font-size:10px;pointer-events:none}.camera-label b{display:grid;place-items:center;width:25px;height:24px;background:#172936;border-radius:3px}.zones-heading{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 3px}.zones-heading strong{font-size:11px;letter-spacing:.8px}.zones-heading small{color:#8e9aa7;font-size:9px}.thermal-grid{gap:8px}.thermal-card{min-height:380px;padding:18px}.temperature{padding:20px 0 17px}.alarm-row{padding:17px 4px 15px}.chart{height:105px;margin-top:12px}@media(max-width:800px){.compact-header{height:auto;min-height:44px;flex-wrap:wrap;padding:6px 2px}.compact-header>strong{width:100%;margin:0}.camera-grid{grid-template-columns:1fr}.camera-grid iframe{height:54vw;min-height:230px}.zones-heading{height:auto;min-height:38px;gap:8px}.zones-heading small{text-align:right}}@media(max-width:520px){.compact-header button{order:3}.camera-grid iframe{height:58vw}.thermal-grid{grid-template-columns:1fr}}