/* Incident viewer refinement. Only adjusts page geometry and the incident panel. */
@media (min-width: 1101px){
  main{max-width:1856px;width:100%;margin-inline:auto;padding-left:20px;padding-right:20px}
  .firecams-map-and-incidents{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;width:100%;margin:0 auto 1.4rem;align-items:stretch}
  .firecams-map-and-incidents>.map-section{width:100%;min-width:0;margin-bottom:0}
  .firecams-incident-panel{width:340px;min-width:0}
}
.firecams-incident-panel{border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:#111827;display:flex;flex-direction:column;max-height:calc(min(58vh,620px) + 130px);overflow:hidden}
.firecams-incident-head{padding:15px 14px 12px}
.firecams-incident-head h2{font-size:1.06rem;margin:0}
.firecams-incident-head h2 span{color:#93c5fd}
.firecams-incident-head p{font-size:.76rem;color:#9ca3af;margin:4px 0 0}
.firecams-incident-list{overflow-y:auto;min-height:0;flex:1;padding:0 9px 10px}
.firecams-incident-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;border:1px solid #334155;border-radius:8px;background:#182438;color:#f9fafb;padding:8px 9px;margin:0 0 6px;cursor:pointer;font:inherit}
.firecams-incident-item:hover,.firecams-incident-item:focus-visible{border-color:#93c5fd;outline:none}
.firecams-incident-item.is-selected{border-color:#60a5fa;background:#203655}
.firecams-incident-detail{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.firecams-incident-heading{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
.firecams-incident-heading strong{font-size:.83rem}
.firecams-incident-status{color:#93c5fd;font-size:.68rem;white-space:nowrap}
.firecams-incident-location{font-size:.75rem;color:#cbd5e1;overflow-wrap:anywhere}
.firecams-incident-resources{flex:0 0 62px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;border-left:1px solid #334155;padding-left:7px;gap:2px}
.firecams-incident-resources strong{font-size:.9rem}
.firecams-incident-resources small{font-size:.62rem;color:#94a3b8}
.firecams-incident-empty{padding:10px;color:#94a3b8;font-size:.82rem}
/* At laptop widths keep the map at its normal full width and move the list underneath. */
@media (min-width:1101px) and (max-width:1800px){
  .firecams-map-and-incidents{grid-template-columns:minmax(0,1fr)}
  .firecams-incident-panel{width:100%;max-height:260px}
}
/* On phones and small tablets show only the original map, not the incident panel. */
@media (max-width:1100px){
  .firecams-incident-panel{display:none!important}
  .firecams-map-and-incidents{display:block;width:100%;margin-bottom:1.4rem}
  .firecams-map-and-incidents>.map-section{width:100%;margin-bottom:0}
}