/* ---- Éditeur : barre de réglages, texte, champs, signatures, infos ---- */
.sg-toolbar{width:220px}
.sg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 20px;background:var(--surface);
  border-bottom:1px solid var(--line);flex-shrink:0}
.sg-grp{display:flex;align-items:center;gap:6px}
.sg-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-left:auto}
.sg-lab{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.sg-faint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--faint)}
.sg-mini{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--line);background:var(--bg);border-radius:9px;
  cursor:pointer;font:inherit;font-weight:700;font-size:.86rem;color:var(--ink)}
.sg-mini:hover:not(:disabled){border-color:rgba(124,92,252,.45)}
.sg-mini:disabled{opacity:.35;cursor:default}
.sg-mini.on{background:rgba(124,92,252,.12);border-color:rgba(124,92,252,.45);color:var(--accent-ink)}
.sg-mini.danger:hover{color:#e0484b;border-color:#e0484b}
.sg-zl{min-width:52px;text-align:center;font-size:.82rem;font-weight:600}
.sg-num{width:58px;height:32px;border:1px solid var(--line);border-radius:9px;text-align:center;font:inherit;font-weight:600;background:#fff}
.sg-sw{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.sg-sw.on{box-shadow:0 0 0 2px var(--accent)}
.sg-pick{width:28px;height:28px;border:none;padding:0;background:none;cursor:pointer}

.sg-stage{align-items:stretch;overflow-y:scroll}
.sg-pagewrap{margin:0 auto 18px;flex-shrink:0}
.sg-el.sg-text{padding:0;line-height:1.2;white-space:pre}
.sg-el textarea{display:block;margin:0;padding:0;border:0;min-width:24px;line-height:1.2;
  font-family:Helvetica,Arial,"Liberation Sans",sans-serif;cursor:text}
.sg-el textarea::placeholder{color:var(--faint)}
.sg-el .grip{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:19px;height:24px;display:none;
  cursor:move;touch-action:none;font-size:14px;line-height:22px;text-align:center;color:var(--accent-ink);
  background:#fff;border:1px solid rgba(124,92,252,.45);border-radius:6px}
.sg-el.sel .grip,.sg-el:hover .grip{display:block}
.sg-el.sg-check svg,.sg-el.sg-cross svg{display:block}
@media (pointer:coarse){
  .sg-el .rz{width:26px;height:26px;right:-13px;bottom:-13px}
  .sg-el .del{width:28px;height:28px;line-height:24px;top:-14px;right:-14px}
}

.sg-fld{position:absolute}
.sg-fld input[type=text],.sg-fld textarea,.sg-fld select{width:100%;height:100%;border:1px solid rgba(124,92,252,.5);
  background:rgba(124,92,252,.1);border-radius:2px;padding:0 3px;font-family:Helvetica,Arial,sans-serif;color:#14121c;outline:none}
.sg-fld textarea{padding:2px 3px;resize:none}
.sg-fld input:focus,.sg-fld textarea:focus,.sg-fld select:focus{background:rgba(255,255,255,.97);border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(124,92,252,.28)}
.sg-fld input[type=checkbox],.sg-fld input[type=radio]{width:100%;height:100%;margin:0;accent-color:var(--accent);cursor:pointer}

.sg-sigs{display:flex;flex-direction:column;gap:8px;margin:2px 0 4px}
.sg-sigthumb{position:relative;display:flex;align-items:center;justify-content:center;height:54px;padding:6px 8px;
  border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.sg-sigthumb img{max-width:100%;max-height:100%;display:block;pointer-events:none}
.sg-sigthumb:hover,.sg-sigthumb.on{border-color:var(--accent);background:rgba(124,92,252,.06)}
.sg-x{width:30px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--faint);cursor:pointer;font:inherit;font-size:.8rem}
.sg-x:hover{color:#e0484b;border-color:#e0484b}
.sg-sigthumb .sg-x{position:absolute;top:-8px;right:-8px;width:21px;height:21px;border-radius:50%;border:2px solid #fff;
  background:#e0484b;color:#fff;font-size:9px;line-height:15px;padding:0;display:none}
.sg-sigthumb:hover .sg-x{display:block}
@media(hover:none){.sg-sigthumb .sg-x{display:block}}
.sg-sel{width:100%;font:inherit;font-size:.82rem;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:6px}
.sg-chips{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}
.sg-chip{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fff;
  border-radius:9px;padding:6px 9px;cursor:pointer;font:inherit;min-width:0;width:100%}
.sg-chip b{font-size:.64rem;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sg-chip span{font-size:.82rem;font-weight:600;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-chip:hover,.sg-chip.on{border-color:var(--accent);background:rgba(124,92,252,.08)}

.sg-wide{width:min(580px,94vw);max-height:90vh;overflow:auto}
.sg-inks{display:flex;align-items:center;gap:8px;margin:12px 0 0}
.sg-inks button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.sg-inks button.on{box-shadow:0 0 0 2px var(--accent)}
.sg-chk{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.84rem;color:var(--ink);font-weight:500}
.sg-chk input{accent-color:var(--accent);width:16px;height:16px}
.sg-profrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sg-profrow .txtin,.sg-profrow select{flex:1;min-width:130px;padding:9px 12px;font-size:.88rem}
.sg-profrow select{font:inherit;border:1px solid var(--line);border-radius:.85rem;background:var(--bg)}
.sg-row{display:grid;grid-template-columns:1fr 1.4fr 34px;gap:6px;margin-bottom:6px}
.sg-row .txtin{padding:9px 12px;font-size:.88rem}
#sg-impPrev{display:block;width:100%;max-width:380px;margin:0 auto;border:1px solid var(--line);border-radius:10px;
  background:repeating-conic-gradient(#f1f0f7 0 25%,#fff 0 50%) 0 0/16px 16px}

@media(max-width:720px){
  .sg-ehead .brand-name{display:none}
  .sg-bar,.sg-toolbar{scrollbar-width:none}
  .sg-bar::-webkit-scrollbar,.sg-toolbar::-webkit-scrollbar{display:none}
  .sg-bar{flex-wrap:nowrap;overflow-x:auto;padding:6px 10px;gap:6px 12px}
  .sg-bar .sg-grp,.sg-ctx{flex:0 0 auto;flex-wrap:nowrap}
  .sg-ctx{margin-left:0}
  .sg-faint{display:none}
  .sg-toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;align-items:center}
  .sg-tool{width:auto;flex:0 0 auto}
  .sg-sigs,.sg-chips{flex-direction:row;margin:0;flex:0 0 auto}
  .sg-sigthumb{width:96px;flex:0 0 auto}
  .sg-chip{flex:0 0 auto;width:auto;max-width:150px}
  .sg-sel{width:auto;flex:0 0 auto;margin:0}
  .sg-row{grid-template-columns:1fr 1fr 34px}
}