*{box-sizing:border-box}
body{margin:0;background:#f4f5f7;color:#1d2733;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:960px;margin:0 auto;padding:40px 28px 80px}
.topbar{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa3ad;margin:0 0 22px}
.topbar a{text-decoration:none;color:#5f6b78}.topbar a:hover{color:#1d2733}
h1.page-title{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}
.page-card{background:#fff;border-radius:18px;padding:38px 40px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:34px}
.esig-hub-intro{font-size:1.05rem;max-width:62ch;opacity:.85;line-height:1.6}
.esig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;margin:2rem 0 3.5rem}
.esig-card{display:flex;flex-direction:column;min-height:168px;padding:22px 22px 18px;border:1px solid rgba(0,0,0,.08);border-radius:14px;border-left:5px solid var(--esig-accent,#333);text-decoration:none;color:inherit;background:#fff;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}
.esig-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-3px);border-color:rgba(0,0,0,.14)}
.esig-card-logo{height:54px;display:flex;align-items:center}
.esig-card-logo img{max-height:50px;max-width:170px;width:auto;object-fit:contain;object-position:left center}
.esig-card-name{font-size:1.05rem;font-weight:700;line-height:1.2;margin-top:16px}
.esig-card-go{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-top:auto;padding-top:12px}
.esig-instructions{max-width:70ch}.esig-instructions h3{margin-top:1.8rem}.esig-instructions ul{line-height:1.7}
.esig-instructions code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:5px;font-size:.92em}
.esig-missing{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(0,0,0,.08);opacity:.85}
.brand-logo{height:60px;display:flex;align-items:center;margin:0 0 18px}
.brand-logo img{max-height:56px;max-width:220px;width:auto;object-fit:contain;object-position:left center}
.back{display:inline-block;font-size:.9rem;text-decoration:none;opacity:.7;margin:0 0 18px}.back:hover{opacity:1}
@media (max-width:600px){.esig-grid{grid-template-columns:1fr}.page-card{padding:26px 22px}}
.esig-card-section{border-left-color:#1d2733;min-height:140px}
.esig-card-sub{font-size:.85rem;opacity:.6;margin-top:6px}
.portal-root{max-width:520px}

.email-signature-picker { max-width: 680px; }
  .email-signature-picker > p { opacity:.85; line-height:1.6; }
  .signature-name-list { list-style:none; padding:0; margin:1.6rem 0 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:10px; }
  .signature-name-list li a { display:block; padding:12px 16px; border:1px solid rgba(0,0,0,.10); border-radius:10px; text-decoration:none; color:inherit; font-weight:600; transition:background .15s ease, border-color .15s ease, transform .12s ease; }
  .signature-name-list li a:hover { background:rgba(0,0,0,.03); border-color:var(--esig-accent); transform:translateY(-1px); }