/* Absolute Micro – Nos outils : signature ([am_signature]). CSS isolé sous .amsig. */
.amsig{display:block;max-width:1040px;margin:0 auto;padding:0 0 40px;
  font-family:'Lato','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#3a3a3a;
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.amsig h1,.amsig h2,.amsig h3,.amsig h4,.amsig .h1x{font-family:inherit;color:#3a3a3a;margin:0;letter-spacing:normal;text-transform:none;border:none;padding:0}
.amsig a{text-decoration:none;border-bottom:none;box-shadow:none}
.amsig ul,.amsig ol{list-style-position:outside}
.amsig img,.amsig svg{max-width:100%;height:auto}
.amsig{
    --am-red:#c10e1a; --am-red-dark:#84170f;
    --ink:#3a3a3a; --ink-soft:#575757; --muted:#8f8f8f;
    --line:#e4e7e8; --bg:#ffffff; --bg-soft:#f6f5f4; --bg-input:#eae9e8;
    --ok:#2e7410; --ok-bg:#eef6e8; --ok-line:#bfdcae;
    --radius:5px; --shadow:0 2px 10px rgba(58,58,58,.08);
    --font:'Lato','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  }
.amsig, .amsig *{box-sizing:border-box;margin:0;padding:0}
.amsig{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.amsig ::selection{background:var(--am-red);color:#fff}
.amsig{max-width:1040px;margin:0 auto;padding:0 20px 60px}
.amsig .hero{padding:42px 0 26px;text-align:center}
.amsig .hero .h1x{font-size:34px;line-height:1.2;font-weight:800}
.amsig .hero .h1x em{font-style:normal;color:var(--am-red)}
.amsig .hero p.lead{margin:12px auto 0;max-width:640px;color:var(--ink-soft);font-size:17px}
.amsig .badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.amsig .badge{font-size:12.5px;font-weight:700;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink-soft)}
.amsig .badge.lock{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
.amsig .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.amsig .wrap{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:22px;margin-top:8px;align-items:start}

@media (max-width:860px) {.amsig .wrap{grid-template-columns:1fr}
 }
.amsig .form{padding:22px}
.amsig .form h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}
.amsig .form h2 span{color:var(--am-red)}
.amsig .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.amsig .frow{grid-column:1/-1}
.amsig .f label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin:8px 0 3px}
.amsig .f input[type=text], .amsig .f input[type=tel], .amsig .f input[type=email], .amsig .f input[type=url]{
    width:100%;font-family:var(--font);font-size:14px;color:var(--ink);padding:9px 11px;
    border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.amsig .f input:focus{outline:2px solid var(--am-red);outline-offset:1px}
.amsig .models{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.amsig .models label{flex:1;min-width:96px;border:2px solid var(--line);border-radius:var(--radius);padding:9px 6px;text-align:center;
    font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:border-color .12s}
.amsig .models input{display:none}
.amsig .models label.on{border-color:var(--am-red);color:var(--am-red);background:#fdf6f6}
.amsig .mrow{display:flex;gap:16px;align-items:center;margin-top:12px;flex-wrap:wrap}
.amsig .mrow .clr{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--ink-soft)}
.amsig .mrow input[type=color]{width:42px;height:30px;border:1px solid var(--line);border-radius:var(--radius);padding:2px;background:#fff;cursor:pointer}
.amsig .logo-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.amsig .logo-line .lbtn{font-family:var(--font);font-size:13px;font-weight:700;color:var(--am-red);background:transparent;
    border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;cursor:pointer}
.amsig .logo-line .lbtn:hover{background:#faeaec;border-color:#eebfc3}
.amsig .logo-line .lhint{font-size:12px;color:var(--muted)}
.amsig .logo-line img{height:34px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:2px}
.amsig .subhead{margin-top:16px;font-size:12.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.amsig .subhead span{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}
.amsig .right{display:flex;flex-direction:column;gap:16px}
.amsig .preview{padding:22px}
.amsig .preview h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}
.amsig .preview h2 span{color:var(--am-red)}
.amsig .pv-mail{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.amsig .pv-head{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:9px 14px;font-size:12.5px;color:var(--muted)}
.amsig .pv-body{padding:18px 16px;font-size:14px;color:var(--ink-soft)}
.amsig .pv-body .fake{color:var(--muted);font-size:13.5px;margin-bottom:16px}
.amsig #sigPreview{min-height:60px}
.amsig .pv-empty{color:var(--muted);font-size:13.5px;font-style:italic}
.amsig .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.amsig .btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;background:var(--am-red);color:#fff;
    font-family:var(--font);font-weight:800;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;
    padding:12px 20px;border-radius:var(--radius);transition:background .15s;text-decoration:none}
.amsig .btn:hover{background:var(--am-red-dark)}
.amsig .btn[disabled]{background:var(--muted);cursor:not-allowed}
.amsig .btn.ghost{background:transparent;color:var(--am-red);border:2px solid var(--am-red);padding:10px 16px}
.amsig .btn.ghost:hover{background:#faeaec}
.amsig .copied{display:none;color:var(--ok);font-weight:800;font-size:13.5px;align-self:center}
.amsig details.help{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.amsig details.help summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:14px;color:var(--ink-soft);list-style:none}
.amsig details.help summary::before{content:"▸ ";color:var(--am-red)}
.amsig details.help[open] summary::before{content:"▾ "}
.amsig details.help .help-body{padding:0 16px 16px;font-size:14px;color:var(--ink-soft)}
.amsig details.help .help-body h4{font-size:13.5px;margin:12px 0 4px;color:var(--ink)}
.amsig details.help .help-body p{margin:4px 0}
.amsig details.help kbd{background:var(--bg-input);border:1px solid #d5d2d0;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:12px;font-family:inherit}
.amsig #sigCode{width:100%;min-height:130px;resize:vertical;border:1px solid var(--line);border-radius:var(--radius);
    background:var(--bg-input);padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--ink)}
.amsig .note{margin-top:26px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;text-align:center;font-size:15px;color:var(--ink-soft)}
.amsig .note a{color:var(--am-red);font-weight:800;text-decoration:none}

@media (max-width:640px) {.amsig .hero .h1x{font-size:27px}
.amsig .form, .amsig .preview{padding:16px}
 }