/* Styles des formulaires SITREP — reprend les tokens du thème (var(--olive) etc.)
   avec des valeurs de repli si le thème actif ne les définit pas. */

.sitrep-form{ max-width: 640px; }
.sitrep-form h3{
  font-family: var(--font-display, 'Arial Narrow', sans-serif);
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: var(--olive-deep, #333B14);
  border-top: 1px dashed var(--paper-line, #C9BE9C);
  margin: 26px 0 12px;
  padding-top: 18px;
}
.sitrep-form h3:first-of-type{ border-top: none; margin-top: 6px; padding-top: 0; }

.sitrep-row{ display:flex; gap: 16px; flex-wrap: wrap; }
.sitrep-row .sitrep-field{ flex: 1 1 180px; }
.sitrep-field--small{ flex: 0 1 120px; }

.sitrep-field{ margin-bottom: 16px; }
.sitrep-field label{
  display:block;
  font-family: var(--font-mono, 'Courier New', monospace);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--olive-mute, #6B7161);
  margin-bottom: 5px;
}
.sitrep-field input[type="text"],
.sitrep-field input[type="email"],
.sitrep-field input[type="tel"],
.sitrep-field input[type="date"],
.sitrep-field select,
.sitrep-field textarea{
  width: 100%;
  border: 1px solid var(--paper-line, #C9BE9C);
  background: var(--white-line, #F6F2E4);
  color: var(--ink, #24261F);
  padding: 10px 12px;
  font-family: var(--font-body, Georgia, serif);
  font-size: 0.95rem;
}
.sitrep-field input:focus, .sitrep-field select:focus, .sitrep-field textarea:focus{
  outline: 2px solid var(--rust, #B5502D);
  outline-offset: 1px;
}

.sitrep-checkline{ margin-bottom: 12px; font-size: 0.9rem; color: var(--ink-soft, #4B4D40); }
.sitrep-checkline label{ display:flex; gap:8px; align-items:flex-start; cursor:pointer; }
.sitrep-checkline input[type="checkbox"]{ margin-top: 3px; flex-shrink:0; }

.sitrep-radio-line{ display:flex; gap: 20px; font-size: 0.9rem; }
.sitrep-radio-line label{ display:flex; gap:6px; align-items:center; cursor:pointer; }

.sitrep-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }

.sitrep-form-status{
  margin-top: 12px;
  font-family: var(--font-mono, 'Courier New', monospace);
  font-size: 0.8rem;
}
.sitrep-form-status[data-state="success"]{ color: var(--olive, #4B5320); }
.sitrep-form-status[data-state="error"]{ color: var(--alert, #8B2E1F); }

.sitrep-form button[type="submit"][disabled]{ opacity: 0.6; cursor: progress; }

/* ---------------------------------------------------------------------
   Pop-up / modale
   ------------------------------------------------------------------- */
.sitrep-modal{
  position: fixed; inset: 0; z-index: 1000;
  display: none;
}
.sitrep-modal.is-open{ display:block; }

.sitrep-modal-overlay{
  position:absolute; inset:0;
  background: rgba(36,38,31,0.72);
}

.sitrep-modal-panel{
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 4vh auto;
  max-height: 92vh;
  overflow-y: auto;
  background: var(--sable, #ECE6D3);
  border: 1px solid var(--paper-line, #C9BE9C);
  border-top: 4px solid var(--olive, #4B5320);
  padding: 32px 32px 28px;
}

.sitrep-modal-close{
  position: absolute; top: 16px; right: 16px;
  background: none; border: 1px solid var(--ink, #24261F);
  width: 32px; height: 32px;
  font-size: 1rem; line-height: 1; cursor:pointer;
  color: var(--ink, #24261F);
}
.sitrep-modal-close:hover{ background: var(--ink, #24261F); color: var(--sable, #ECE6D3); }

body.sitrep-modal-open{ overflow: hidden; }

@media (max-width: 600px){
  .sitrep-modal-panel{ margin: 0; max-height: 100vh; padding: 26px 18px 22px; }
  .sitrep-row{ flex-direction: column; }
}