/* Safety briefing + the "gets dark" live-work mode.
 *
 * The briefing is a normal light screen. The moment it is agreed, the guide
 * flips dark - that colour change is the signal that you are now in the part
 * of the job that can hurt you. */

.walk-brief{
  margin:14px;padding:22px;border-radius:18px;background:#fff;
  border:1px solid var(--line,#e2e6ea);box-shadow:0 6px 26px rgba(15,23,42,.07);
}
.walk-brief-eyebrow{
  margin:0;font-size:10px;font-weight:900;letter-spacing:.12em;color:#9a2c2c;
}
.walk-brief h1{margin:6px 0 10px;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.walk-brief-lead{margin:0 0 16px;color:#4d5560;font-size:14px;line-height:1.55}

.walk-brief-points{
  margin:0 0 20px;padding:16px 16px 16px 32px;border-radius:14px;
  background:#fff5f5;border:1px solid #f0d3d3;color:#7a2f2f;
}
.walk-brief-points li{margin:0 0 9px;font-size:13.5px;line-height:1.5;font-weight:600}
.walk-brief-points li:last-child{margin-bottom:0}

.walk-brief-check{
  display:flex;gap:11px;align-items:flex-start;
  padding:12px;margin-bottom:9px;border:1px solid var(--line,#e2e6ea);border-radius:12px;
  font-size:13px;line-height:1.45;color:#39414b;cursor:pointer;
}
.walk-brief-check input{margin-top:2px;width:20px;height:20px;flex:none;accent-color:#111827}
.walk-brief-go{width:100%;min-height:52px;margin-top:6px}
.walk-brief-go:disabled{opacity:.45;cursor:not-allowed}
.walk-brief-note{margin:9px 0 16px;text-align:center;font-size:12px;color:#6d7681}

/* ---- live-work mode ---- */
body.walk-live{background:#0d1218}
body.walk-live .phone-app-shell{background:#0d1218}
body.walk-live .phone-card{
  background:#151c24;border-color:#243040;color:#e8edf3;
}
body.walk-live .phone-card h1,
body.walk-live .phone-card strong{color:#fff}
body.walk-live .phone-card p,
body.walk-live .phone-card small,
body.walk-live .phone-card li{color:#a8b4c2}
body.walk-live .walk-progress{color:#c7d2de}
body.walk-live .before-move{background:#111820;border-color:#243040}
body.walk-live .walk-gate{background:#1b2430;border-color:#334255}
body.walk-live .status-badge{background:#f5c400;color:#161616}
body.walk-live .step-list{background:#151c24;border-color:#243040;color:#c7d2de}
body.walk-live .form-status{color:#9fb0c2}
body.walk-live .button-secondary{background:#1b2430;border-color:#334255;color:#e8edf3}

@media (prefers-reduced-motion:no-preference){
  body.walk-live{transition:background .35s ease}
}