.business-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.business-fields>div{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-bottom:1px solid #36799428;min-width:0;font-size:11px}
.business-fields span{color:#719ab0;font-size:10px}.business-fields b{color:#bfdfeb;font-weight:500;overflow-wrap:anywhere}
.business-detail input,.business-detail select{min-width:0;color:#add6e8;background:#08293c;border:1px solid #39759266;border-radius:2px;padding:6px;font:11px Arial;color-scheme:dark}
.business-detail button.primary{border:1px solid #3895b677;background:linear-gradient(#1b739355,#0a3b5166);color:#b9f4ff;border-radius:2px;padding:6px 12px;font-size:11px}
.camera-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020e19;border:1px solid #347a9866;margin-top:10px}
.camera-image{width:100%;height:100%;object-fit:cover;transform:scale(1.06) translateX(var(--camera-shift,0%));filter:brightness(.78) saturate(.72)}
.camera-corners{position:absolute;inset:8px;border:1px solid #a3dcdf33;pointer-events:none}
.camera-osd{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:6px;font:10px Arial;color:#d6ecec;text-shadow:0 1px 3px #000}
.camera-status{position:absolute;left:12px;bottom:10px;color:#d8ffef;font-size:10px}.camera-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#51d3a8;margin-right:6px;box-shadow:0 0 5px #52eac0}
.camera-demo{position:absolute;right:12px;bottom:10px;font-size:9px;color:#cbddd9;background:#00141b99;padding:3px 6px;border:1px solid #72a7ac44}
.camera-controls{display:flex;align-items:center;gap:10px;background:#10364b77;padding:8px;font-size:10px;color:#719baf}
.camera-controls button{display:flex;align-items:center;gap:4px;background:none;border:0;color:#a2dce8;font-size:10px;padding:4px}.camera-controls .ui-icon{width:12px;height:12px}.camera-controls button:last-child{margin-left:auto}
.camera-disconnected{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#7d9daf;font-size:11px}.camera-disconnected .ui-icon{width:38px;height:38px;opacity:.45}.camera-disconnected strong{font-size:15px;font-weight:500}.camera-disconnected button{border:1px solid #4386a077;padding:6px 12px;background:#12425e55;color:#b6dce8;font-size:10px}
.camera-stage.camera-large{aspect-ratio:4/3}.camera-stage.camera-large .camera-image{object-fit:contain}
.video-query{display:flex;gap:12px;align-items:end;margin-bottom:12px}.video-query label{display:flex;flex:1;flex-direction:column;gap:6px;color:#8fb7c9;font-size:10px}.video-query button{height:29px}
.record-timeline{padding:4px 0 10px}.record-timeline b{font:11px Arial;color:#b8e6ed}.record-range{position:relative;height:22px;display:flex;align-items:center}.record-range input{width:100%;padding:0;accent-color:#40c8de;height:4px}.record-range i{position:absolute;left:30%;top:2px;height:18px;width:2px;background:#f87882;pointer-events:none}.record-ticks{display:flex;justify-content:space-between;font:9px Arial;color:#679cb2}.record-clip{margin-top:16px;display:flex;align-items:center;gap:8px;border:1px solid #9d536344;background:#71324620;color:#d9a0a9;padding:8px;font-size:10px;width:100%}.record-clip i{width:5px;height:5px;border-radius:50%;background:#e57686}
.object-summary{display:flex;align-items:center;gap:20px;padding:16px;background:radial-gradient(ellipse at 15% 80%,#268baa35,transparent 60%),linear-gradient(110deg,#0a3b4f88,#08243b33);border:1px solid #397f9833;margin-bottom:14px}
.object-avatar{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1px solid #4593ad55;border-radius:50%;background:radial-gradient(#21678055,#082438);box-shadow:0 8px 0 -6px #41cde0,0 12px 18px -12px #45dce0}.object-avatar .ui-icon{width:40px;height:40px;opacity:.9}
.object-summary>div:last-child{display:flex;flex-direction:column;gap:7px}.object-summary span{font-size:10px;color:#84b1c3}.object-summary strong{font:600 27px Arial;color:#c5f2fd}.object-summary strong small{font:10px 'Microsoft YaHei';margin:0 4px;color:#7faebe}.object-summary p{font-size:10px;color:#6d9aaf;margin:0}
.track-query{display:grid;grid-template-columns:1fr 1fr;gap:9px}.track-query label{display:flex;flex-direction:column;gap:6px;color:#82abbf;font-size:10px}.track-query button{grid-column:2;justify-self:end}
.track-overview{display:flex;justify-content:space-around;padding:14px 0;margin-top:12px;background:#17577525;border:1px solid #3e80942b}.track-overview>span{display:flex;flex-direction:column;gap:9px;color:#79a9be;font-size:10px}.track-overview strong{font:600 24px Arial;color:#b5eff2}.track-overview small{font:9px 'Microsoft YaHei';margin-left:5px;color:#739eb0}
.track-diagram{background:linear-gradient(#08263caa,#10374744);margin:12px 0}.track-diagram svg{width:100%;height:100px}.track-diagram text{fill:#6fa7bd;font-size:9px}
.track-player{display:flex;align-items:center;gap:12px}.track-player button{display:flex;align-items:center;gap:6px;padding:6px 10px;color:#a7e5ef;border:1px solid #3b94ac77;background:#16455c66;font-size:10px}.track-player .ui-icon{width:12px;height:12px}.track-player b{margin-left:auto;font:11px Arial;color:#8bc6d7}#trackSeek{width:100%;accent-color:#49cada;margin:15px 0;padding:0;height:4px}
.track-events{display:flex;flex-direction:column;gap:0}.track-events>div{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:10px}.track-events i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#66b7cc}.track-events span{color:#699baf;font-family:Arial}.track-events b{color:#acd0df;font-weight:400}
.business-alarms article{padding:14px 0;border-bottom:1px solid #337b922f}.business-alarms article>div,.business-alarms footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.business-alarms strong{font-size:12px;color:#c0dde9;font-weight:500}.business-alarms p{font-size:10px;color:#8bb0c1;margin:10px 0}.business-alarms time{font:10px Arial;color:#699bad}.business-alarms button{padding:4px 10px;border:1px solid #3d8cac66;background:#14557433;color:#a5d9e7;font-size:10px}.business-empty{padding:60px 10px;text-align:center;color:#759aaf;font-size:12px}
.track-diagram{background:linear-gradient(#2a729012 1px,transparent 1px),linear-gradient(90deg,#2a729012 1px,transparent 1px),radial-gradient(ellipse,#12435d88,#051b30);background-size:18px 18px,18px 18px,auto;border:1px solid #34768e44;box-shadow:inset 0 0 22px #07132288}
#trackActive{filter:drop-shadow(0 0 3px #45f6ef88)}
#trackDot{filter:drop-shadow(0 0 4px #55dee966)}
.current-warning{margin:8px 0 12px;padding:10px 12px;border:1px solid #bb62734a;border-left:2px solid #ed8b93;background:linear-gradient(105deg,#8f3b4d29,#342a3e33);box-shadow:inset 0 0 16px #b14b5610}
.current-warning-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#efa5b0;margin-bottom:8px}
.current-warning-heading b{font-size:9px;font-weight:400;color:#c98998}.current-warning-heading i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f47b8b;margin-right:6px;box-shadow:0 0 6px #e6799277}
.current-warning article+article{border-top:1px solid #bc63702b;margin-top:8px;padding-top:8px}
.current-warning article>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.current-warning strong{font-size:12px;font-weight:500;color:#ffd8dc}
.current-warning button{flex-shrink:0;border:1px solid #ce7c8755;background:#a04b6326;color:#ffc2cd;border-radius:2px;font-size:10px;padding:4px 8px}
.current-warning p{display:flex;gap:9px;flex-wrap:wrap;margin:7px 0 5px;font-size:10px;color:#c792a2}.current-warning p span{color:#dbb4bf}.current-warning time{font:9px Arial;color:#9c879d}
.current-warning-clear{margin:7px 0 10px;color:#78b9ad;font-size:10px;padding:7px 10px;background:#266f5f1a;border-left:2px solid #4b9b88}
#allCurrentWarnings{margin-top:8px;width:100%}.business-detail .device-notice{display:none}