/* Dashboard-only presentation for unresolved Immediate School Safety Alerts. */
.immediate-safety-panel{
  border-top:4px solid var(--color-danger,#aa2b2b);
  background:var(--color-surface,#fff);
}

.immediate-safety-panel .panel-heading{
  align-items:center;
}

.immediate-safety-panel .panel-heading .eyebrow{
  color:var(--color-danger,#aa2b2b);
}

.immediate-safety-list{
  display:grid;
  gap:9px;
}

.immediate-safety-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 15px;
  border:1px solid var(--color-border,#d7dee8);
  border-radius:var(--radius-md,10px);
  background:var(--color-surface,#fff);
  color:inherit;
}

.immediate-safety-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  font-size:.72rem;
  line-height:1.1;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
}

.immediate-safety-status.needs-send{
  background:#fff0ef;
  color:#9f231c;
  border:1px solid #efb4ae;
}

.immediate-safety-status.waiting{
  background:#fff7df;
  color:#7c5700;
  border:1px solid #ead28b;
}

.immediate-safety-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.immediate-safety-copy strong{
  color:var(--color-text-strong,#172033);
  font-size:.94rem;
}

.immediate-safety-copy span{
  color:var(--color-text-muted,#64748b);
  font-size:.82rem;
  overflow-wrap:anywhere;
}

.immediate-safety-open{
  justify-self:end;
}

@media(max-width:760px){
  .immediate-safety-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .immediate-safety-status{
    width:max-content;
    min-width:0;
  }
  .immediate-safety-open{
    justify-self:start;
  }
}