/* Brand settings: the form beside a live preview of the signing page and the email header. */
.workspace-two-column+#brand-settings{margin-top:16px}
.brand-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.brand-form{display:grid;gap:14px}
.brand-form h2{margin:0}
.brand-form label{display:grid;gap:6px;font-weight:650}
#brand-settings .brand-form small{margin-left:0;font-weight:400;color:#4f5d75}
.brand-lede{margin:0;color:#4f5d75;font-size:13px;line-height:1.55}
.brand-color{display:flex;gap:8px;align-items:center}
.brand-color input[type=color]{width:46px;height:40px;padding:2px;border:1px solid #c9d3e3;border-radius:9px;background:#fff;cursor:pointer}
.brand-color input:not([type=color]){width:120px;font-family:ui-monospace,Consolas,monospace;text-transform:lowercase}
.brand-contrast{color:#17663a!important}
.brand-contrast.is-bad{color:#a4222a!important;font-weight:650!important}
.brand-actions{display:flex;flex-wrap:wrap;gap:10px}
#brand-remove-logo{justify-self:start}
.brand-preview{display:grid;gap:14px;padding:18px;border:1px solid #dbe3ef;border-radius:16px;background:#f4f7fb}
.brand-preview-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4f5d75}
.brand-preview-page{overflow:hidden;border:1px solid #dbe3ef;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(7,29,67,.08)}
.brand-preview-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#071d43;color:#fff}
.brand-preview-bar .brand-preview-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-preview-bar small{margin-left:auto;color:#b9d2fc;white-space:nowrap}
.brand-preview-logo{display:inline-flex;padding:3px;border-radius:6px;background:#fff}
.brand-preview-logo[hidden]{display:none}
.brand-preview-logo img{display:block;max-width:110px;max-height:28px;object-fit:contain}
.brand-preview-body{display:grid;gap:6px;padding:18px 16px}
.brand-preview-body span{color:#4f5d75}
.brand-preview-button{justify-self:start;margin-top:6px;padding:10px 16px;border:0;border-radius:9px;background:var(--preview-brand,#1d61c5);color:#fff;font-weight:700;pointer-events:none}
.brand-preview-mail{overflow:hidden;border:1px solid #dbe3ef;border-radius:12px;background:#fff}
.brand-preview-mail-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
.brand-preview-mail-head small{display:block;color:#4f5d75;font-size:.8rem}
.brand-preview-stripe{height:5px;background:var(--preview-brand,#1d61c5)}
@media (max-width:860px){.brand-settings{grid-template-columns:1fr}}