/* asg.css — pridelenie situácie (uzol D, public/js/asg.js). Len triedy s predponou asg- a prvky s id asg…;
   mobil na prvom mieste (393×852), dotykové ciele ≥ 40 px. Priehľadnosť objektov na mape nastavuje asg.js priamo na vrstve (Leaflet). */

/* ---- pruh „Bola vám pridelená situácia" (pod hornou lištou; pod aktívnou výstrahou, ak je) */
#asgBanner{position:fixed;z-index:46;top:calc(58px + var(--safe-t,0px));left:calc(8px + var(--safe-l,0px));right:calc(8px + var(--safe-r,0px) + var(--side,0px));
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 8px 8px 12px;border-radius:12px;border-left:6px solid #f59e0b;
  background:#1e1b4b;color:#fff;box-shadow:var(--sh);animation:asgIn .25s ease-out}
#asgBanner[hidden]{display:none}
body.ops-alert #asgBanner{top:calc(62px + var(--ops-ah,46px) + var(--safe-t,0px))}
.asg-bt{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:2px}
.asg-bt b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.asg-bt small{font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-bb{display:flex;align-items:center;gap:6px;margin-left:auto}
.asg-bb .btn{min-height:40px}
.asg-bb .btn:not(.pri){color:var(--fg)}
.asg-bb .ib{min-width:40px;min-height:40px;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:10px}
body.asg-bar #toasts{top:calc(150px + var(--safe-t,0px))}
@keyframes asgIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#asgBanner{animation:none}}
@media print{#asgBanner{display:none!important}}

/* ---- blok v paneli objektu */
.asg-box{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;padding:8px 10px;border:1px solid #c7d2fe;border-left:5px solid #6366f1;border-radius:12px;background:#eef2ff}
.asg-box.ro{border-color:var(--line);border-left-color:#94a3b8;background:var(--chip)}
.asg-box.none{padding:0;border:0;background:none}
.asg-who{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.asg-ico{flex:none}
.asg-by,.asg-ro-note{color:var(--mut);font-size:12px}
.asg-ro-note{font-weight:700}
.asg-hist summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-size:12px;color:var(--mut)}
.asg-hist ol{margin:2px 0 4px 18px;padding:0;font-size:12px;line-height:1.45}
.asg-hist small{color:var(--mut)}
.asg-acts{gap:6px;margin-top:2px}
.asg-acts .btn{min-height:40px}
.asg-ro #symSearch{display:none}

/* ---- dialóg */
.asg-dlg{display:flex;flex-direction:column;gap:8px}
.asg-dlg h3{margin:0;overflow-wrap:anywhere}
.asg-modes{display:flex;flex-direction:column;gap:2px}
.asg-modes label,.asg-mem label{display:flex;align-items:center;gap:8px;min-height:40px;padding:2px 6px;border-radius:8px}
.asg-mem{max-height:min(38vh,300px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;padding:4px}
.asg-mem label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-mem small{margin-left:auto;color:var(--mut);font-size:12px;white-space:nowrap}
.asg-dlg input[type=search]{min-height:40px}
.asg-hint{margin:0;color:var(--mut);font-size:12px}

/* ---- prehľad v karte Velenie */
.asg-ov{display:flex;flex-direction:column;gap:6px}
.asg-list{display:flex;flex-direction:column;gap:6px}
.asg-r{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;text-align:left;border:1px solid var(--line);border-left:5px solid #6366f1;background:#fff;border-radius:12px;padding:6px 10px;font:inherit;color:var(--fg)}
.asg-r.new{border-left-color:#f59e0b;background:#fffbeb}
.asg-r:active{background:var(--chip)}
.asg-r .grow{flex:1;min-width:0;display:flex;flex-direction:column}
.asg-r b,.asg-r small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-r small{color:var(--mut);font-size:12px}
.asg-ri{flex:none;width:30px;text-align:center;font-size:22px}
.asg-car{flex:none;color:var(--mut);font-size:18px}