/* ==========================================================
   Sama Suuf — SIG foncier robuste V6
   Exploitations supplémentaires des données déjà disponibles
   ========================================================== */

/* Niveau de vérification : explicable, sans faux score numérique */
.sb-verification-level{
  margin:10px 0 12px;
  border:1px solid #d9e6e0;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.sb-verification-level>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  cursor:pointer;
  list-style:none;
}
.sb-verification-level>summary::-webkit-details-marker{display:none}
.sb-verification-level>summary span{display:grid;gap:2px;min-width:0}
.sb-verification-level>summary small{
  color:#71837c;
  font-size:.62rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.sb-verification-level>summary strong{font-size:.88rem;color:#183c32}
.sb-verification-level>summary b{
  max-width:190px;
  padding:7px 9px;
  border-radius:10px;
  background:#edf6f2;
  color:#0e684f;
  font-size:.6rem;
  line-height:1.3;
  text-align:right;
}
.sb-verification-level[data-level="complete"]>summary strong{color:#087052}
.sb-verification-level[data-level="partial"]>summary strong{color:#9a650d}
.sb-verification-level[data-level="limited"]>summary strong{color:#a43c35}
.sb-verification-components{
  display:grid;
  gap:7px;
  padding:0 12px 12px;
  border-top:1px solid #edf2ef;
}
.sb-verification-component{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px 8px;
  border-radius:10px;
  background:#f8fbfa;
}
.sb-verification-component>span{
  display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:900;
  background:#e5f4ed;color:#0d7255;
}
.sb-verification-component.optional>span{background:#fff3dc;color:#9b680d}
.sb-verification-component.missing>span{background:#fdeceb;color:#a13f38}
.sb-verification-component div{display:grid;gap:2px;min-width:0}
.sb-verification-component strong{font-size:.7rem;color:#24443a}
.sb-verification-component small{font-size:.61rem;line-height:1.38;color:#6c7e77}

/* Longueurs des côtés directement sur la carte */
.sb-google-edge-label{
  background:rgba(255,255,255,.95);
  border:1px solid rgba(18,74,59,.26);
  border-radius:7px;
  padding:3px 6px;
  box-shadow:0 3px 10px rgba(5,45,35,.15);
  white-space:nowrap;
}
.sb-edge-length-label{background:transparent!important;border:0!important}
.sb-edge-length-label span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  min-height:24px;
  padding:2px 6px;
  border:1px solid rgba(18,74,59,.25);
  border-radius:7px;
  background:rgba(255,255,255,.95);
  color:#173f34;
  box-shadow:0 3px 10px rgba(5,45,35,.15);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.sb-map-legend-items i.edge-length{
  display:inline-block;width:22px;height:3px;border-radius:999px;background:#0d7054;position:relative;
}
.sb-map-legend-items i.edge-length::after{
  content:"m";position:absolute;left:6px;top:-9px;font-size:7px;font-style:normal;color:#0d7054;font-weight:900;
}
.sb-reference-layer-toggles i.edge-length{
  display:inline-block;width:18px;height:3px;border-radius:999px;background:#0d7054;
}

/* Fiche d'une borne */
.sb-borne-popup{display:grid;gap:9px;min-width:235px;max-width:310px;color:#1e4036;font-family:inherit}
.sb-borne-popup>strong{font-size:15px;color:#0c674f}
.sb-borne-popup>small{color:#71817b;font-size:10px}
.sb-borne-popup-coords{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sb-borne-popup-coords span{display:grid;gap:2px;padding:8px;border-radius:9px;background:#f2f7f5}
.sb-borne-popup-coords small{font-size:9px;color:#73847d;text-transform:uppercase}
.sb-borne-popup-coords b{font-size:12px}
.sb-borne-popup-sides{display:flex;flex-wrap:wrap;gap:6px}
.sb-borne-popup-sides span{padding:5px 7px;border-radius:8px;background:#eef6f2;font-size:10px}
.sb-borne-popup-alert,.sb-borne-popup-ok{padding:8px;border-radius:9px;font-size:10px;line-height:1.35}
.sb-borne-popup-alert{background:#fff4df;color:#8d5b08}
.sb-borne-popup-ok{background:#eaf7f1;color:#0d684f}

/* Côté / anomalie mis en évidence */
.sb-map-linked-active{outline:2px solid rgba(229,123,20,.5)!important;outline-offset:2px}

/* Métadonnées / portée des couches */
.sb-layer-metadata{
  margin:12px 0;
  border:1px solid #dfe8e4;
  border-radius:12px;
  background:#f9fbfa;
}
.sb-layer-metadata>summary{padding:11px 12px;cursor:pointer;font-size:.68rem;font-weight:850;color:#315047}
.sb-layer-metadata>div{display:grid;gap:7px;padding:0 12px 12px}
.sb-layer-metadata p{margin:0!important;font-size:.62rem!important;line-height:1.45!important;color:#687b73!important}

/* Rapport / exports SIG */
#mapReportDrawer{
  position:absolute;
  top:14px;
  right:124px;
  width:420px;
  max-width:calc(100% - 250px);
  max-height:min(650px,calc(100% - 32px));
  overflow:auto;
  z-index:31;
  padding:18px;
  border:1px solid #d8e2de;
  border-radius:20px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 42px rgba(5,43,34,.16);
  backdrop-filter:blur(12px);
}
.sb-report-drawer-section{
  display:grid;
  gap:10px;
  margin-top:12px;
  padding:15px;
  border:1px solid #dce6e1;
  border-radius:15px;
  background:#fbfdfc;
}
.sb-report-drawer-section>strong{font-size:.85rem;color:#183b32}
.sb-report-drawer-section>p{margin:0;color:#687c74;font-size:.68rem;line-height:1.45}
.sb-report-drawer-section>small{color:#73857e;font-size:.59rem;line-height:1.4}
.sb-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-report-actions .sb-button{min-height:42px;justify-content:center}
.sb-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sb-export-grid button{
  min-height:44px;padding:8px;border:1px solid #cfe0d9;border-radius:11px;background:#fff;color:#0c674f;
  font:inherit;font-size:.64rem;font-weight:850;cursor:pointer;
}
.sb-export-grid button:hover{background:#edf7f2;border-color:#91bcae}

/* Le rail reste fixe ; le drawer Rapport s'aligne comme les autres panneaux */
.sb-map-immersive-card.has-side-drawer[data-active-panel="mapReportDrawer"] .sb-map-floating-actions{right:24px!important}

/* Comparaison : badge utile plutôt qu'un simple « Comparer » */
#comparisonBadge{max-width:145px;text-align:center;white-space:normal}

@media(max-width:1100px){
  #mapReportDrawer{width:370px;right:110px;max-width:calc(100% - 190px)}
}
@media(max-width:900px){
  #mapReportDrawer{
    position:fixed!important;
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;max-width:none!important;max-height:74dvh!important;
    border-radius:20px 20px 0 0!important;
    padding:16px!important;
    z-index:90!important;
  }
  .sb-report-actions,.sb-export-grid{grid-template-columns:1fr}
  .sb-verification-level>summary{grid-template-columns:1fr}
  .sb-verification-level>summary b{max-width:none;text-align:left}
}
@media(max-width:599px){
  .sb-google-edge-label{font-size:9px!important;padding:2px 4px}
  .sb-edge-length-label span{min-width:52px;font-size:9px;padding:1px 4px}
}


/* === V6.2 — Superficie directement sur la parcelle === */
.sb-google-area-label{
  background:rgba(255,255,255,.97);
  border:1px solid rgba(18,74,59,.30);
  border-radius:9px;
  padding:4px 8px;
  box-shadow:0 4px 14px rgba(5,45,35,.18);
  white-space:nowrap;
  letter-spacing:.01em;
}
.sb-parcel-area-label{background:transparent!important;border:0!important}
.sb-parcel-area-label span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:3px 9px;
  border:1px solid rgba(18,74,59,.30);border-radius:9px;
  background:rgba(255,255,255,.97);color:#123b31;
  box-shadow:0 4px 14px rgba(5,45,35,.18);
  font-size:12px;font-weight:900;white-space:nowrap;
}
.sb-svg-map .area-label rect{fill:rgba(255,255,255,.97);stroke:rgba(18,74,59,.34);stroke-width:1.5}
.sb-svg-map .area-label text{font-size:19px;font-weight:900;fill:#123b31}
@media(max-width:599px){
  .sb-google-area-label{font-size:10px!important;padding:3px 6px}
  .sb-parcel-area-label span{font-size:10px;min-height:24px;padding:2px 6px}
}
