.am-root{color:#18364b;font-size:14px}.am-root button{cursor:pointer}.am-root button:disabled{cursor:default}.am-admin{display:flex;align-items:center;gap:7px;font-size:13px;color:#53687b}.am-admin .icon{width:17px;height:17px}.am-preview{display:flex;align-items:center;gap:10px;background:#eef5f8;border:1px solid #d4e3ec;padding:12px 16px;margin-bottom:22px;color:#39586b;border-radius:5px}.am-preview .icon{width:18px;height:18px}.am-tabs{display:flex;border-bottom:1px solid #d5e0e8;gap:28px;margin-bottom:24px}.am-tabs button{border:0;background:none;padding:0 2px 14px;display:flex;align-items:center;gap:8px;color:#61778b;font-size:16px;border-bottom:3px solid transparent}.am-tabs button[aria-selected=true]{color:#06374c;border-color:#007b9c;font-weight:650}.am-tabs .icon{width:19px;height:19px}.am-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:22px}.am-filters label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#506b80}.am-filters input,.am-filters select{height:42px;border:1px solid #bdcddd;border-radius:4px;background:white;padding:0 10px;font-size:14px;color:#173950;min-width:130px}.am-search{flex:1;min-width:175px}.am-panel{background:white;border:1px solid #d9e3eb;border-radius:6px;overflow:hidden}.am-panelhead{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 18px;gap:18px}.am-root h2{font-size:19px;margin:0;font-weight:650}.am-panelhead h2 span{margin-left:9px;font-size:14px;color:#536c80;font-weight:400}.am-panelhead p,.am-monitorhead p{font-size:13px;color:#61788a;margin:7px 0 0}.am-tablewrap{overflow-x:auto}.am-table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.am-table th{background:#f5f8fb;font-weight:500;font-size:13px;color:#526c80;text-align:left;padding:13px 18px;border-block:1px solid #e1e8ee}.am-table td{padding:15px 18px;border-bottom:1px solid #e8eef3;vertical-align:middle}.am-table tbody tr:hover{background:#fafcfd}.am-table tr:last-child td{border-bottom:0}.am-time{font-variant-numeric:tabular-nums;color:#365166;font-size:13px}.am-person{display:flex;gap:11px;align-items:center}.am-person img,.am-no-photo{width:38px;height:46px;object-fit:cover;border-radius:4px;background:#edf2f6;flex-shrink:0}.am-no-photo{display:flex;align-items:center;justify-content:center;color:#879cac}.am-person strong{font-size:14px;font-weight:550}.am-person small,.am-sub{display:block;font-size:12px;color:#627c90;margin-top:5px}.am-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;vertical-align:middle}.am-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.am-status.ok{color:#17644e;background:#eaf5ef}.am-status.bad{color:#a1393d;background:#fbeef0}.am-status.warn{color:#8c5a16;background:#fff4de}.am-status.neutral{color:#526578;background:#edf1f5}.am-quality{color:#8a5b1e;font-size:12px;display:flex;align-items:center;gap:5px}.am-quality .icon{width:14px;height:14px}.am-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e2e9ef;padding:17px 22px;font-size:12px;color:#61788b}.am-pagination>div{display:flex;gap:12px;align-items:center}.am-footnote{display:flex;align-items:center;gap:7px;color:#647b8c;font-size:12px;line-height:1.7;margin:18px 0 0}.am-footnote .icon{width:15px;height:15px;flex-shrink:0}.am-monitorhead{display:flex;justify-content:space-between;align-items:center;gap:18px}.am-readat{margin:17px 0;font-size:12px;color:#4d6d82}.am-readat span{margin-left:15px;color:#708493}.am-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.am-device{border:1px solid #d9e3eb;background:white;padding:21px;border-radius:6px}.am-device.warn{border-color:#e3c99a}.am-devicehead{display:flex;justify-content:space-between;align-items:start;gap:8px}.am-room{font-size:28px;font-weight:650;letter-spacing:.5px}.am-device h3{font-size:13px;font-weight:400;color:#647c8e;margin:5px 0 18px}.am-device dl{display:grid;grid-template-columns:100px 1fr;gap:11px;font-size:12px;margin:0}.am-device dt{color:#6b8192}.am-device dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.am-devicehint{font-size:12px;line-height:1.7;color:#6a8092;margin:18px 0 0;padding-top:13px;border-top:1px solid #edf1f4}.warn .am-devicehint{color:#895e25}.am-empty{text-align:center;padding:65px 20px;color:#647c8d}.am-empty>.icon{width:30px;height:30px}.am-empty h3{font-size:17px;color:#38576b;margin:14px 0 7px}.am-empty p{font-size:13px}.am-error{padding:14px;background:#fff0f0;color:#99373f;margin-bottom:15px}.am-detail h2{font-size:22px;margin-top:10px}.am-detail-tag{font-size:12px;color:#5e788c}.am-detail-time{font-size:13px;color:#5c788c}.am-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f5f8fa;border:1px solid #e0e8ef;padding:18px;margin:23px 0;border-radius:5px}.am-photos section{text-align:center}.am-photos h3{font-size:14px;margin:0 0 12px}.am-photos img,.am-photo-empty{width:144px;height:180px;object-fit:contain;margin:auto;border-radius:4px}.am-photo-empty{background:#edf1f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b8294;font-size:12px}.am-photo-empty .icon{width:28px;height:28px}.am-photos p{font-size:12px;color:#617b8e;margin:12px 0 0}.am-detail-grid{display:grid;grid-template-columns:140px 1fr;gap:14px;font-size:14px}.am-detail-grid dt{color:#627d90}.am-detail-grid dd{margin:0}.am-root :focus-visible{outline:2px solid #007d9f;outline-offset:3px}@media(max-width:1200px){.am-devices{gap:10px}.am-device{padding:15px}.am-device dl{grid-template-columns:1fr}.am-device dd{text-align:left}.am-table td,.am-table th{padding-inline:12px}}@media(max-width:760px){.am-devices{grid-template-columns:1fr}.am-filters label{flex:1;min-width:130px}.am-preview{align-items:start;flex-wrap:wrap}.am-panelhead,.am-pagination,.am-monitorhead{align-items:start;flex-direction:column}.am-photos{gap:8px;padding:12px}.am-photos img,.am-photo-empty{width:110px;height:145px}.am-detail-grid{grid-template-columns:100px 1fr}.am-readat span{display:block;margin:6px 0 0}.am-root .am-tablewrap{max-width:100%}}

@media(min-width:1201px){.am-devices{grid-template-columns:repeat(4,minmax(0,1fr))}.am-device{padding:18px}.am-device dl{display:block}.am-device dt{margin-top:14px}.am-device dd{text-align:left;margin:4px 0 0}}
