/* LARDON-SA — bandeau de couverture et écran Secteurs.
   Mêmes teintes que les fenêtres de LARDON (SAV) pour ne pas dépareiller. */

.lsa-bandeau{
  position:fixed;z-index:1200;left:50%;transform:translateX(-50%);
  top:calc(env(safe-area-inset-top,0px) + 6px);
  max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 140px);
  padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;
  color:#071523;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.lsa-bandeau.lsa-vert{background:#4ad07a;}
.lsa-bandeau.lsa-orange{background:#ffad3d;}
.lsa-bandeau.lsa-rouge{background:#ff5d5d;color:#fff;}

.lsa-carte{max-width:560px;}
.lsa-carte h3{font-size:14px;color:#cfe0f2;margin:16px 0 6px;}
.lsa-msg{font-size:13px;color:#e8f1fb;background:#132a43;border-radius:10px;padding:8px 10px;margin:0 0 10px;}
.lsa-import{
  display:block;text-align:center;padding:12px;border-radius:10px;
  background:#2f7de0;color:#fff;font-weight:700;font-size:15px;cursor:pointer;
}
.lsa-import input{display:none;}
.lsa-progres{position:relative;margin-top:8px;height:22px;border-radius:8px;background:#071523;overflow:hidden;}
.lsa-progres[hidden]{display:none;}
.lsa-progres div{position:absolute;inset:0 auto 0 0;width:0;background:#2f7de0;transition:width .2s;}
.lsa-progres span{position:relative;font-size:11px;color:#e8f1fb;padding-left:8px;line-height:22px;}
.lsa-secteur{background:#0a1726;border:1px solid #1e3550;border-radius:10px;padding:8px 10px;margin-bottom:8px;color:#e8f1fb;font-size:13px;}
.lsa-secteur summary{cursor:pointer;}
.lsa-table{width:100%;border-collapse:collapse;font-size:12px;}
.lsa-table th{text-align:left;color:#8aa3bd;font-weight:600;border-bottom:1px solid #1e3550;padding:3px 4px;}
.lsa-table td{border-bottom:1px solid #132a43;padding:3px 4px;color:#cfe0f2;vertical-align:top;}
.lsa-boutons{display:flex;gap:8px;margin-top:8px;}
.lsa-boutons button,#lsaPersist{
  flex:1;padding:8px;border-radius:8px;border:1px solid #24405e;background:#132a43;color:#e8f1fb;font-weight:600;cursor:pointer;
}
#lsaPersist{flex:none;padding:3px 8px;}
.lsa-boutons .lsa-danger{border-color:#5a2730;color:#ff9a9a;}
.lsa-case{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#cfe0f2;}
.lsa-controle{list-style:none;padding:0;margin:0;font-size:13px;}
.lsa-controle li{padding:5px 8px 5px 26px;position:relative;color:#e8f1fb;border-bottom:1px solid #132a43;}
.lsa-controle li::before{content:'';position:absolute;left:8px;top:10px;width:10px;height:10px;border-radius:50%;}
.lsa-controle li.lsa-vert::before{background:#4ad07a;}
.lsa-controle li.lsa-orange::before{background:#ffad3d;}
.lsa-controle li.lsa-rouge::before{background:#ff5d5d;}
td.lsa-vert,span.lsa-vert{color:#4ad07a;}
td.lsa-orange,span.lsa-orange{color:#ffad3d;}
span.lsa-rouge{color:#ff8080;}
td.lsa-gris{color:#8aa3bd;}