*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,Segoe UI,sans-serif;background:#f3f6fa;color:#17324d}header{background:#143a62;color:#fff;padding:14px 18px;font-weight:800;display:flex;justify-content:space-between;gap:12px}.operatorBox{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.operatorBox #who{background:transparent;color:#fff;border:0;font:inherit;font-weight:800;padding:0;cursor:default}.operatorActions{display:flex!important;gap:6px;justify-content:flex-end;flex-wrap:wrap}.operatorActions button{border:1px solid #ffffff55;background:#fff;color:#143a62;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer}.hidden{display:none!important}.shell{display:none}.tabs{display:flex;gap:6px;padding:9px;background:#fff;overflow:auto;position:sticky;top:0;z-index:50}.tabs button,.btn{border:0;border-radius:9px;padding:9px 12px;background:#e9eef4;color:#17324d;cursor:pointer;font:inherit}.tabs .on,.primary{background:#143a62!important;color:#fff!important}.danger{background:#b42318!important;color:#fff!important}.page{padding:12px;max-width:1450px;margin:auto}.card{background:#fff;border:1px solid #dde5ed;border-radius:14px;padding:14px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:#687c90}.ok{color:#16723c}.bad{color:#b42318}input,select,textarea{padding:10px;border:1px solid #cbd6e0;border-radius:8px;font:inherit;max-width:100%}.login{position:fixed;inset:0;display:grid;place-items:center;background:#edf2f7;z-index:50000;padding:20px;overflow:auto}.login .card{width:min(470px,96vw);padding:26px}.login input,.login button{width:100%;margin-top:10px}.rounds{display:grid;grid-template-columns:340px 1fr;gap:10px;height:calc(100vh - 145px)}#roundList{overflow:auto}.item{padding:11px;border-bottom:1px solid #edf0f3;cursor:pointer;user-select:none}.item:hover,.sel{background:#edf5ff}.mapbox{display:grid;grid-template-rows:1fr auto;position:relative;min-height:520px}#map{min-height:380px;background:#e5e7eb;cursor:zoom-in}.detail{padding:11px;max-height:240px;overflow:auto}.num{background:#225ea8;border:2px solid #fff;color:#fff;border-radius:50%;width:32px!important;height:32px!important;line-height:28px;text-align:center;font-weight:800}.num-start{background:#16a34a!important}.num-finish{background:#1f2937!important}.num-photo{background:#0f9f9a!important}.num-audio{background:#7c3aed!important}.num-incident{background:#f97316!important}.num-sos{background:#dc2626!important}.num-patrol{background:#16a34a!important;box-shadow:0 0 0 4px #ffd400}.num-outside{outline:3px solid #f59e0b}.pat0{background:#7c8793;border:3px solid #fff;color:#fff;border-radius:50%;width:38px!important;height:38px!important;line-height:32px;text-align:center;font-weight:900}.pat1{background:#16a34a;border:4px solid #ffd400;color:#fff;border-radius:50%;width:42px!important;height:42px!important;line-height:34px;text-align:center;font-weight:900;box-shadow:0 0 12px #ffd400}.act{display:none;position:absolute;z-index:1005;border:0;border-radius:9px;padding:10px 12px;font-weight:750;box-shadow:0 2px 10px #0004}.back{top:12px;left:56px;background:#143a62;color:#fff}.spread{top:12px;left:160px;background:#fff}.patrol{top:12px;left:282px;background:#ffb000}.full{position:fixed!important;inset:0!important;z-index:40000!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}.full #map{position:absolute;inset:0;height:100%;min-height:0;cursor:grab}.full .detail{position:absolute;z-index:1003;left:12px;bottom:12px;width:min(500px,calc(100vw - 24px));max-height:42vh;background:#fffffff5;border-radius:12px;box-shadow:0 4px 20px #0005}.full .act{display:block}.perm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px}.perm label{background:#f6f8fb;padding:8px;border-radius:8px}.dlg{width:min(900px,96vw);max-height:92vh;border:0;border-radius:14px;padding:0;overflow:hidden}.scroll{max-height:90vh;overflow-y:auto;padding:18px}.sticky{position:sticky;bottom:-18px;background:#fff;padding:10px 0;border-top:1px solid #eee}.key{display:block;font:700 20px ui-monospace,Consolas;background:#eef3f8;padding:12px;border-radius:8px;word-break:break-all;line-height:1.35;margin-top:6px;position:relative;z-index:1}.readonly{opacity:.62}.tag{display:inline-block;background:#e9eef4;border-radius:999px;padding:3px 8px;font-size:12px;margin:2px}@media(max-width:800px){.rounds{grid-template-columns:1fr;height:auto}.mapbox{min-height:620px}.patrol{top:60px;left:56px}.spread{left:154px}.full .detail{left:6px;bottom:6px;width:calc(100vw - 12px);max-height:38vh}}
.media-dlg{width:min(960px,96vw);max-width:96vw;max-height:94vh;border:0;border-radius:15px;padding:0;background:#0f172a;box-shadow:0 14px 60px #0009}.media-dlg::backdrop{background:#07111dcc;backdrop-filter:blur(2px)}.media-card{min-height:180px;display:flex;flex-direction:column;color:#fff}.media-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#143a62}.media-close{border:0;border-radius:50%;width:36px;height:36px;background:#fff;color:#143a62;font-size:18px;cursor:pointer}.media-loading{padding:48px;text-align:center;font:600 16px system-ui}.media-image{display:block;max-width:100%;max-height:calc(94vh - 60px);width:auto;height:auto;object-fit:contain;margin:auto}.media-audio{width:min(720px,90%);margin:55px auto 70px}
.full #roundActions{position:absolute;right:12px;bottom:12px;z-index:1006;padding:0}
@media(max-width:800px){.full #roundActions{top:110px;bottom:auto;right:12px}}
button:disabled{opacity:.6;cursor:wait}
.round-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:14px 0}.round-summary>div{display:flex;flex-direction:column;gap:3px;background:#f3f7fb;border:1px solid #dbe6f0;border-radius:11px;padding:12px}.round-summary strong{font-size:24px;color:#143a62}.round-summary span{font-size:13px;color:#526b82}.round-summary .summary-sos{background:#fff1f1;border-color:#f3b5b5}.round-summary .summary-sos strong{color:#b42318}
.round-summary-panel{position:fixed;z-index:80;top:78px;left:max(12px,calc((100vw - 1450px)/2 + 12px));width:330px;max-height:calc(100vh - 100px);overflow:auto;background:#fff;border:1px solid #cbd9e7;border-radius:13px;padding:11px;box-shadow:0 8px 28px #17324d33}.summary-head{display:flex;align-items:center;gap:8px}.summary-head b{flex:1;font-size:16px}.summary-head button{border:0;background:#e9eef4;color:#17324d;border-radius:50%;width:29px;height:29px;cursor:pointer}.summary-worker{margin:7px 0;font-weight:700}.round-summary-panel .round-summary{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.round-summary-panel .round-summary>div{padding:7px;border-radius:8px}.round-summary-panel .round-summary strong{font-size:19px}.round-summary-panel .round-summary span{font-size:11px}.summary-dates{font-size:11px;color:#687c90;margin:7px 0}.summary-close{width:100%;padding:7px}.round-summary-panel::-webkit-scrollbar{width:7px}@media(max-width:800px){.round-summary-panel{top:70px;left:12px;width:calc(100vw - 24px);max-height:calc(100vh - 88px)}}
.round-summary-panel{position:static;z-index:auto;top:auto;left:auto;width:auto;max-height:none;overflow:visible;margin:0 6px 10px;padding:8px;border-radius:9px;box-shadow:none;background:#f8fbff}.round-summary-panel .round-summary{gap:4px;margin:6px 0}.round-summary-panel .round-summary>div{padding:5px 7px}.round-summary-panel .round-summary strong{font-size:17px}.round-summary-panel .round-summary span{font-size:10px}.round-summary-panel .summary-head b{font-size:14px}.round-summary-panel .summary-head button{width:25px;height:25px}.round-summary-panel .summary-close{padding:5px;font-size:12px}@media(max-width:800px){.round-summary-panel{position:static;top:auto;left:auto;width:auto;max-height:none}}