/* =========================================================
   MANPOWER INCIDENTS — Namespaced, grid-safe styles
   ========================================================= */

/* ---------- BOARD ---------- */
.manpower_incidents-board .lane .card-header { font-weight: 600; }

.manpower_incidents-board .inc-card {
  display: block;
  margin: 12px 0 !important;
  padding: 0;                              /* inner padding lives in .tile-wrapper */
  border: 2px solid rgba(255,255,255,.10);
  border-radius: 12px !important;
  background: rgba(20,20,24,.6);
  backdrop-filter: blur(4px);
  transition: border-color .2s, transform .15s;
}
.manpower_incidents-board .inc-card:hover { transform: translateY(-1px); }

/* CLOSED outlines */
.manpower_incidents-board .inc-card.inc-outline--fire    { border-color:#b34a54 !important; }
.manpower_incidents-board .inc-card.inc-outline--layoff  { border-color:#c89e3f !important; }
.manpower_incidents-board .inc-card.inc-outline--written { border-color:#14532d !important; }
.manpower_incidents-board .inc-card.inc-outline--verbal  { border-color:#1e40af !important; }
.manpower_incidents-board .inc-card.inc-outline--none    { border-color:rgba(255,255,255,.10) !important; }

/* Focus pulse */
.inc-focus-pulse {
  animation: incPulse .9s ease-in-out 2;
  outline: 2px solid rgba(180,150,20,.18);
  border-radius: .5rem;
}
@keyframes incPulse {
  0%   { box-shadow: 0 0 0 0 rgba(180,150,20,.10); }
  70%  { box-shadow: 0 0 0 10px rgba(180,150,20,0); }
  100% { box-shadow: 0 0 0 0 rgba(180,150,20,0); }
}

/* Give every incident tile breathing room inside the outline */
.manpower_incidents-board .inc-card {
  padding: 16px 18px !important;   /* ← space between border and content */
}

/* Avoid double-padding if tile.css also pads .tile-wrapper */
.manpower_incidents-board .inc-card .tile-wrapper {
  padding: 0 !important;
}

/* Tiny spacing between the summary column and the chip */
.tile-wrapper .inc-row { align-items: center; }
.tile-wrapper .inc-main { padding-right: 10px; }

/* ---------- SHARED CHIP ---------- */
.inc-chip {
  display:inline-block;
  min-width:96px;
  text-align:center;
  padding:5px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:.78rem;
  border:1px solid transparent;
  user-select:none;
  letter-spacing:.25px;
  text-transform:uppercase;
  transition:background-color .2s, border-color .2s, color .2s, transform .16s;
  color:#111;
  background:rgba(255,255,255,.08);
}
.inc-chip:hover { transform: translateY(-1px); }
.inc-chip--fire    { background:#cc5963; border-color:#b34a54; color:#111; }
.inc-chip--layoff  { background:#e1b34a; border-color:#c89e3f; color:#111; }
.inc-chip--written { background:#2f6d43; border-color:#224f31; color:#111; }
.inc-chip--verbal  { background:#2a5db8; border-color:#214b93; color:#111; }
.inc-chip--none    { background:#9aa0a6; border-color:#858a90; color:#111; }

@media (max-width:576px){
  .inc-chip{ min-width:84px; font-size:.74rem; padding:3px 9px; }
}

/* ---------- DETAIL PAGE ---------- */
#incident-detail .card.inc-outline--fire    { border-width:2px; border-color:#b34a54 !important; box-shadow:none !important; }
#incident-detail .card.inc-outline--layoff  { border-width:2px; border-color:#c89e3f !important; box-shadow:none !important; }
#incident-detail .card.inc-outline--written { border-width:2px; border-color:#14532d !important; box-shadow:none !important; }
#incident-detail .card.inc-outline--verbal  { border-width:2px; border-color:#1e40af !important; box-shadow:none !important; }
#incident-detail .card.inc-outline--none    { border-width:1px; border-color:rgba(255,255,255,.08) !important; box-shadow:none !important; }

#incident-detail .inc-result {
  font-weight:800;
  padding:6px 10px;
  border-radius:6px;
  display:inline-block;
  margin-bottom:10px;
  letter-spacing:.25px;
  color:#111;
  background:#9aa0a6;
  border:1px solid #858a90;
}

#incident-detail .card .btn[disabled],
#incident-detail .card .btn:disabled { pointer-events:none; opacity:.65; }

/* Tiny tags (optional) */
.inc-tag {
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  line-height:1.2;
  border:1px solid transparent;
  color:#111;
}
.inc-tag--written { background:#e6f4eb; border-color:#cfe8d6; }
.inc-tag--verbal  { background:#e8f0ff; border-color:#d6e2ff; }
.inc-tag--fire    { background:#fde6e8; border-color:#f7c9ce; }
.inc-tag--layoff  { background:#fff1cc; border-color:#ffe2a3; }
.inc-tag--none    { background:#eceff2; border-color:#dfe3e7; }

/* ===== Incidents board layout: simple, conflict-proof CSS grid ===== */
.manpower_incidents-board .lanes {
  display: grid;
  grid-template-columns: 1fr;      /* mobile: single column */
  gap: 16px;
}

/* Desktop and up: three columns side by side */
@media (min-width: 992px) {
  .manpower_incidents-board .lanes {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Each lane column */
.manpower_incidents-board .lane-col {
  min-width: 0; /* allow internal content to truncate nicely */
}