*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:#202823;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:#263c32}.login section{width:min(420px,100%);padding:24px;border-radius:22px;background:#fff}.login input,.login button{width:100%;margin-top:10px;padding:13px;border:1px solid #ccd4cf;border-radius:12px}.primary,.login button{background:#294a39;color:#fff;border:0;font-weight:800}.bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:15px;background:#263c32;color:#fff}.bar button{padding:8px 12px;border:1px solid #ffffff55;border-radius:9px;background:transparent;color:#fff}main{width:min(900px,100%);margin:auto;padding:16px}.queue{display:grid;gap:12px}.card,.box{padding:15px;border:1px solid #dce2de;border-radius:16px;background:#fff}.card{border-left:5px solid #6a917c}.card.urgent,.box.urgent{border-left-color:#bf3b50}.card header,.card footer{display:flex;justify-content:space-between;gap:10px}.card p{color:#56635c}.navigate{display:block;padding:12px;border-radius:10px;background:#e8f1ec;color:#294e3a;text-align:center;text-decoration:none;font-weight:800}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.steps span{padding:7px 2px;border-radius:8px;background:#e9edeb;text-align:center;font-size:9px}.steps .done{background:#3d8b5d;color:#fff}.primary{padding:12px 16px;border-radius:11px}.chat{min-height:220px;max-height:45vh;overflow:auto;padding:10px;background:#f5f6f5;border-radius:12px}.msg{max-width:82%;margin:8px 0;padding:10px;border-radius:12px;background:#fff}.msg.patrol{margin-left:auto;background:#e8f1ec}.msg p{margin:4px 0}.msg small{font-size:9px;color:#718078}#chatForm{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}#chatForm textarea{min-height:48px;padding:10px;border:1px solid #ccd4cf;border-radius:10px}@media(max-width:600px){#chatForm{grid-template-columns:1fr}.steps span{font-size:8px}}

/* MAMP_PATROL_APP_FRONTEND_V2 */

.decision-grid {
  display:grid;
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(180px,1fr)
    );
  gap:9px;
  margin-top:12px;
}

.secondary {
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border:1px solid #cbd5cf;
  border-radius:11px;
  background:#fff;
  color:#304b3d;
  text-decoration:none;
  font-weight:750;
  text-align:center;
}

#gpsStatus {
  min-height:18px;
  margin-top:8px;
  color:#36724f;
  font-size:11px;
}

@media(max-width:560px) {
  .decision-grid {
    grid-template-columns:1fr;
  }
}