/* Scoped editor. The email itself is isolated and uses the exact exported PNG slices. */
#email-signature.signature-studio{--signature-ink:#16232a;--signature-green:#0a6670;--signature-line:#d8e2e4;display:block;min-width:0;margin:86px 0 76px;padding:0;color:var(--signature-ink);font-family:var(--font-text-ge,Arial,sans-serif);scroll-margin-top:72px;scroll-snap-align:start!important;scroll-snap-stop:normal}
#email-signature.signature-studio *{box-sizing:border-box}
#email-signature .signature-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;border-top:1px solid var(--signature-line);padding:28px 0 34px}
#email-signature .signature-kicker{display:block;margin-bottom:22px;font:500 10px/1.5 var(--font-text-latin,Arial,sans-serif);letter-spacing:.08em;color:var(--signature-green)}
#email-signature #signature-title{margin:0;font:500 clamp(28px,3.5vw,48px)/1.1 var(--font-title-latin,Arial,sans-serif);letter-spacing:-.035em;color:var(--signature-ink)}
#email-signature .signature-heading>p{margin:0 0 2px;max-width:300px;font-size:14px;line-height:1.65;color:#51646b}
#email-signature .signature-workspace{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);gap:clamp(32px,4vw,68px);align-items:start}
#email-signature .signature-form{margin:0;min-width:0;display:grid;gap:18px}
#email-signature .signature-form-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}
#email-signature .signature-form-heading h4{margin:0;font-size:15px;font-weight:500;line-height:1.5}
#email-signature .signature-reset{padding:8px 0;border:0;background:transparent;font:400 12px/1.5 var(--font-text-ge,Arial,sans-serif);color:#607279;cursor:pointer;min-height:36px}
#email-signature .signature-field{display:grid;gap:7px}
#email-signature .signature-field label{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:0;color:var(--signature-ink)}
#email-signature .signature-field label>span{font-size:10px;color:#607279;font-weight:400;margin-left:5px}
#email-signature .signature-field input{width:100%;min-width:0;height:46px;border:1px solid #cbd8da;border-radius:4px;background:#fff;color:var(--signature-ink);padding:11px 13px;font:400 14px/1.5 var(--font-text-ge,Arial,sans-serif);box-shadow:none}
#email-signature .signature-field input::placeholder{color:#839297;opacity:1}
#email-signature .signature-field input:focus{outline:2px solid var(--signature-green);outline-offset:2px}
#email-signature .signature-field input[aria-invalid=true]{border-color:#aa3824}
#email-signature .signature-error{font-size:11px;line-height:1.5;color:#aa3824}
#email-signature .signature-error:empty{display:none}
#email-signature .signature-privacy{font-size:11px;line-height:1.7;color:#607279;margin:0;max-width:320px}
#email-signature .signature-result{min-width:0}
#email-signature .signature-format{display:flex;gap:28px;min-height:44px;border-bottom:1px solid var(--signature-line);margin-bottom:24px}
#email-signature .signature-format button{min-height:44px;border:0;border-bottom:2px solid transparent;background:none;color:#607279;padding:9px 0 13px;cursor:pointer;font:500 13px/1.5 var(--font-text-ge,Arial,sans-serif)}
#email-signature .signature-format button[aria-selected=true]{color:var(--signature-green);border-bottom-color:var(--signature-green)}
#email-signature .signature-preview-panel{position:relative;overflow:hidden;background:#16232a;border:0;border-radius:8px;padding:22px}
#email-signature .signature-preview-panel:after{content:"";position:absolute;right:-70px;bottom:-92px;width:250px;height:210px;background:#0a6670;transform:rotate(-24deg);opacity:.9;pointer-events:none}
#email-signature .signature-preview-label{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5;color:#b4d3d5;margin-bottom:18px}
#email-signature .signature-paper{position:relative;z-index:1;min-width:0;background:#f8fbfb;padding:26px;min-height:238px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:4px}
#email-signature .signature-paper iframe{display:block;width:100%;min-width:0;height:174px;border:0;background:#f8fbfb}
#email-signature .signature-preview-note{position:relative;z-index:1;margin:16px 0 0;font-size:10px;line-height:1.5;color:#b4d3d5}
#email-signature .signature-actions{display:flex;gap:12px;margin-top:20px;align-items:stretch;flex-wrap:wrap}
#email-signature .signature-actions button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 18px;border:1px solid var(--signature-line);border-radius:4px;font:500 12px/1.5 var(--font-text-ge,Arial,sans-serif);cursor:pointer}
#email-signature .signature-actions .signature-copy{background:var(--signature-green);color:#fff;border-color:var(--signature-green);flex:1}
#email-signature .signature-actions .signature-html{background:#fff;color:var(--signature-ink)}
#email-signature .signature-actions button>span{font-size:18px;line-height:1}
#email-signature button:disabled{opacity:.55;cursor:wait}
#email-signature button:not(:disabled):hover{filter:brightness(.91)}
#email-signature button:focus-visible,#email-signature a:focus-visible,#email-signature summary:focus-visible{outline:2px solid var(--signature-green);outline-offset:4px}
#email-signature .signature-status{margin:12px 0 0;min-height:18px;font-size:12px;line-height:1.6;color:var(--signature-green)}
#email-signature .signature-setup{margin-top:20px;border-top:1px solid var(--signature-line);border-bottom:1px solid var(--signature-line);background:none;border-radius:0;box-shadow:none;padding:0}
#email-signature .signature-setup>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:17px 0;min-height:48px;cursor:pointer;font-size:12px;line-height:1.5;font-weight:500;color:var(--signature-ink)}
#email-signature .signature-setup>summary::-webkit-details-marker{display:none}
#email-signature .signature-setup[open]>summary>span{transform:rotate(45deg)}
#email-signature .signature-setup ol{padding:0 0 0 18px;margin:0 0 18px;font-size:12px;line-height:1.75;color:#51646b}
#email-signature .signature-setup li+li{margin-top:8px}
#email-signature .signature-setup-links{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
#email-signature .signature-setup-links a,#email-signature .signature-setup-links button{font:500 11px/1.6 var(--font-text-ge,Arial,sans-serif);min-height:36px;display:inline-flex;align-items:center;color:var(--signature-green);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#email-signature .signature-setup>p{font-size:11px;line-height:1.7;color:#607279;margin:0 0 18px}
@media(max-width:1000px){#email-signature .signature-workspace{grid-template-columns:1fr;gap:28px}#email-signature .signature-form{grid-template-columns:1fr 1fr;gap:16px 22px}#email-signature .signature-form-heading,#email-signature .signature-privacy{grid-column:1/-1}#email-signature .signature-paper{padding:30px;min-height:230px}#email-signature .signature-paper iframe{max-width:500px}}
@media(max-width:600px){#email-signature.signature-studio{margin:52px 0;scroll-margin-top:20px}#email-signature .signature-heading{display:block;padding-top:24px;padding-bottom:26px}#email-signature .signature-heading>p{margin-top:18px;font-size:12px}#email-signature .signature-kicker{font-size:9px;margin-bottom:16px}#email-signature .signature-form{grid-template-columns:1fr;gap:16px}#email-signature .signature-field input{font-size:16px}#email-signature .signature-preview-panel{padding:14px}#email-signature .signature-paper{padding:16px 8px;min-height:218px}#email-signature .signature-format{gap:26px}#email-signature .signature-format button{font-size:12px}#email-signature .signature-actions{display:grid;grid-template-columns:1fr}#email-signature .signature-preview-label{font-size:9px;gap:14px}#email-signature .signature-preview-note{margin-right:0;margin-left:0}}
@media print{#email-signature .signature-form,#email-signature .signature-actions,#email-signature .signature-setup,#email-signature .signature-status{display:none}#email-signature .signature-workspace{display:block}}

/* Art-directed studio: quiet chrome gives the actual signature the whole stage. */
#email-signature .signature-workspace{grid-template-columns:minmax(220px,.62fr) minmax(0,1.8fr);gap:36px}
#email-signature .signature-preview-panel{padding:0;background:transparent;border-radius:0;overflow:visible}
#email-signature .signature-preview-panel:after{display:none}
#email-signature .signature-preview-label{color:#526970;font-size:10px;margin-bottom:14px;align-items:center}
#email-signature .signature-preview-label [data-signature-description]{font-family:var(--font-text-latin);font-size:9px;letter-spacing:.06em;white-space:nowrap}
#email-signature .signature-paper{padding:0;min-height:0;background:#fff;border:1px solid #d8e2e4;border-radius:0;display:block}
#email-signature .signature-paper iframe{width:100%;max-width:none;background:white;height:390px}
#email-signature .signature-preview-note{color:#526970;margin:14px 0 0;font-size:11px;line-height:1.65}
#email-signature .signature-format{gap:26px;margin-bottom:20px}
#email-signature .signature-format button{font:500 11px/1.5 var(--font-text-latin);letter-spacing:.025em}
#email-signature .signature-actions{gap:10px}
#email-signature .signature-actions button{font:500 10px/1.4 var(--font-text-latin);letter-spacing:.03em;padding:12px 15px;flex:0 1 auto}
#email-signature .signature-actions .signature-copy{flex:1 0 auto;border-radius:999px}
#email-signature .signature-setup-links{gap:10px;margin-top:12px}
#email-signature .signature-setup-links button{text-decoration:none}
@media(max-width:1080px){#email-signature .signature-workspace{grid-template-columns:1fr;gap:28px}#email-signature .signature-form{grid-template-columns:1fr 1fr;gap:16px 22px}#email-signature .signature-form-heading,#email-signature .signature-privacy{grid-column:1/-1}#email-signature .signature-result{width:100%;max-width:660px}#email-signature .signature-paper{padding:0;min-height:0}}
@media(max-width:600px){#email-signature .signature-form{grid-template-columns:1fr}#email-signature .signature-preview-panel{padding:0}#email-signature .signature-paper{padding:0;min-height:0}#email-signature .signature-preview-label{display:block}#email-signature [data-signature-description]{display:block;margin-top:6px}#email-signature .signature-actions{display:flex}#email-signature .signature-actions button{flex:1 1 auto}}

/* ==========================================================================
   ხელმოწერის სექციის იერარქია და გამყოფი — 17 სექტემბერი

   1. გამყოფი. .signature-format-ს ჰქონდა border-bottom, .signature-form-heading-ს
      არა — ხაზი მარჯვენა სვეტზე იწყებოდა და მარცხენას საერთოდ არ ეხებოდა.
      ახლა ორივე სვეტი ერთსა და იმავე ბაზისხაზზე იხურება.

   2. იერარქია. სვეტის სათაური „Your details" 15px/500 midnight იყო — ზუსტად
      იგივე წონა და ფერი, რაც ველის იარლიყს „Full name". ორი დონე ერთმანეთს
      ემთხვეოდა. ახლა სვეტის სათაური იმავე ენაზეა, რაზეც მარჯვენა სვეტის
      ტაბი „01 / PRIMARY" — 11px emerald. ორივე სვეტს ერთი ტიპის თავი აქვს.

   3. კონტრასტი. ველის იარლიყი muted-ზე გადადის, შეყვანილი მნიშვნელობა კი
      midnight-ზე და უფრო დიდ კეგლზე: ყველაზე მუქი ის არის, რასაც მომხმარებელი
      წერს, და არა მისი ეტიკეტი.
   ========================================================================== */
#email-signature .signature-form-heading {
  min-height: 44px;
  align-items: center;
  border-bottom: 1px solid var(--signature-line);
  margin-bottom: 20px;
}
#email-signature .signature-form-heading h4 {
  font: 600 11px/1.5 var(--font-text-latin, Arial, sans-serif);
  letter-spacing: .06em;
  color: var(--signature-green);
  margin: 0;
}
#email-signature .signature-reset {
  font: 500 10.5px/1.5 var(--font-text-latin, Arial, sans-serif);
  letter-spacing: .05em;
  color: #607279;
  padding: 8px 0;
  min-height: 36px;
}
#email-signature .signature-reset:hover { color: var(--signature-green); }

#email-signature .signature-field label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .02em;
  color: #607279;
}
#email-signature .signature-field label > span {
  font-size: 10px;
  font-weight: 400;
  color: #8a9aa0;
}
#email-signature .signature-field input {
  font-size: 15px;
  color: var(--signature-ink);
}
#email-signature .signature-privacy { color: #607279; }

/* ვერტიკალური გამყოფი ფორმასა და წინასწარ ნახვას შორის — ბრენდის ფერში.
   ხაზი ღარის ცენტრშია (36px ღარი → −18px), ბოლოებში კი ქრება, რომ სექციის
   კიდეებს არ დაეჯახოს. ერთსვეტიან განლაგებაზე ითიშება. */
#email-signature .signature-form { position: relative; }
@media (min-width: 1081px) {
  #email-signature .signature-form::after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: -18px;
    width: 1px;
    background: linear-gradient(
      180deg,
      transparent 0%,
      var(--signature-green) 10%,
      var(--signature-green) 90%,
      transparent 100%);
    opacity: .38;
    pointer-events: none;
  }
}