/* ---- Plan de situation DP1 / PCMI1 (PC1) : parcelle, réglages, commentaires et aperçu de la planche ---- */
.sit-wrap { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 16px; align-items: start; }
.sit-wrap[hidden], #sit-status[hidden], #sit-analyse[hidden], #sit-out[hidden] { display: none !important; }
.sit-map { height: 440px; border-radius: 10px; border: 1px solid var(--line); overflow: hidden; background: #eef2f7; }
.sit-map .notice-banner { margin: 16px; }
.sit-maphint { margin-top: 8px; font-size: .82rem; color: var(--ink-soft); line-height: 1.45; }
.sit-maphint-tel { display: none; }
.sit-facts { list-style: none; margin: 0 0 16px; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.sit-facts li::before { content: "›"; color: var(--blue-500); font-weight: 900; margin-right: 8px; }
.sit-panel .field { margin-bottom: 12px; }
.sit-panel .choice { padding: 8px 14px; }
.sit-check { display: flex; gap: 10px; align-items: flex-start; font-size: .88rem; font-weight: 600; line-height: 1.4; cursor: pointer; }
.sit-check input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; accent-color: var(--blue-600); }
.sit-checks li { font-size: .9rem; line-height: 1.5; }
.sit-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.sit-err .btn-row { margin-top: 8px; }
.sit-actions { margin-bottom: 12px; }
.sit-actions .hint { flex-basis: auto; flex: 1 1 220px; }
.sit-svg svg { max-height: 80vh; }
/* carte Leaflet dans son propre contexte d'empilement : elle ne passe pas sur la barre du haut au défilement */
.sit-map { isolation: isolate; }

/* parcelles du projet (Correction 8) : résumé de parcelles-ui.js ; ses avertissements sont repris par les contrôles
   de Mr Permis (avec le bouton du choix des parcelles), pas répétés dans le panneau */
.sit-parc { margin-bottom: 12px; }
.sit-parc .pcl-avert { display: none; }
.sit-parc-attente { margin: -4px 0 12px; font-size: .82rem; color: var(--ink-soft); line-height: 1.45; }
.sit-cerfa { margin: 0 0 16px; font-size: .88rem; line-height: 1.45; overflow-wrap: anywhere; }
.sit-cerfa-ok { color: var(--green-600); font-weight: 700; }
.sit-cerfa-diff { padding: 10px 12px; border-radius: 10px; background: var(--amber-050, #fdf3e3); color: #7a5410; border: 1px solid #f0ddb8; }
.sit-cerfa-diff p { margin: 0 0 8px; }

/* étiquettes permanentes des points de vue sur la carte Leaflet */
.leaflet-tooltip.sit-vp-tip { background: #fff; border: 1px solid #1d4ed8; color: #1d4ed8; font: 700 11px/1.2 -apple-system, sans-serif; padding: 2px 6px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); }
.leaflet-tooltip.sit-vp-tip::before { border-top-color: #1d4ed8; }

/* carte d'action de la fiche pièce : mini carte non interactive (un clic ouvre la page) */
.sit-cta-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(200px, 1fr); gap: 16px; align-items: center; }
.sit-mini-wrap { position: relative; min-width: 0; }
.parcel-map.mini.sit-mini { height: 220px; margin: 0; }
.sit-mini-link { position: absolute; inset: 0; z-index: 1000; border-radius: 12px; }
.sit-mini-link:hover { box-shadow: inset 0 0 0 3px var(--blue-400); }
.sit-cta .sit-facts { margin: 0; }

@media (max-width: 900px) {
  .sit-wrap, .sit-cta-grid { grid-template-columns: 1fr; }
  .sit-map { height: 360px; }
}
@media (max-width: 640px) {
  .sit-map { height: 320px; }
  .parcel-map.mini.sit-mini { height: 190px; }
  .sit-actions .btn, .sit-nav .btn { flex: 1 1 100%; }
  .sit-svg { padding: 4px; }
  /* cibles de 44 px et champs en 16 px (pas de zoom automatique sur iPhone) */
  .sit-links .btn, .sit-cerfa .btn, #sit-status .btn, .sit-panel .choice { min-height: 44px; }
  .sit-panel select { font-size: 16px; min-height: 44px; }
  /* carte non déplaçable à un doigt (la page défile) : deux doigts la déplacent */
  .sit-maphint-tel { display: inline; }
}