.component-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(240px, 1fr) 90px 110px auto;
    margin-bottom: 8px;
}

.drawer-card.drawer-card-wide {
    width: min(960px, calc(100vw - 30px));
}

.template-field-card {
    margin: 14px 0;
    padding: 16px;
    border: 1px solid #d9e1ec;
    border-radius: 8px;
    background: #f8fafc;
}

.agreement-terms {
    white-space: pre-wrap;
    line-height: 1.6;
    padding: 14px;
    border-left: 4px solid #1e3a8a;
    background: #f8fafc;
}

.agreement-answer {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.template-token-help{margin:12px 0;padding:12px;border:1px solid #d9e1ec;border-radius:7px;background:#f8fafc}.template-token-help strong{display:block;margin-bottom:7px;color:#394c61}.template-token-help code{display:inline-block;margin:3px 5px 3px 0;padding:3px 6px;color:#164f87;background:#e8f2fc;border-radius:4px}.email-preview-meta{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:12px}.email-preview-meta>div,.email-preview-subject,.email-preview-recipients{padding:11px 13px;border:1px solid #dfe5ec;border-radius:7px;background:#f8fafc}.email-preview-meta small,.email-preview-subject small{display:block;margin-bottom:3px;color:#718092;font-size:10px;font-weight:700;text-transform:uppercase}.email-preview-meta strong,.email-preview-meta span{display:block}.email-preview-subject strong{font-size:16px;color:#173d70}.email-preview-recipients{margin-top:10px}.email-preview-recipients>div{padding:6px 0;border-bottom:1px solid #e3e8ee}.email-preview-recipients>div:last-child{border-bottom:0}.recipient-type{display:inline-block;min-width:28px;margin-right:7px;color:#5f7185;font-size:10px;font-weight:700}.delivery-reason{display:block;margin:4px 0 0 36px;color:#a32938}.preview-tabs{margin-top:16px}.email-preview-frame{display:block;width:100%;height:430px;border:1px solid #d9e1ec;border-radius:6px;background:#fff}.email-preview-text{min-height:280px;max-height:430px;overflow:auto;padding:16px;white-space:pre-wrap;border:1px solid #d9e1ec;border-radius:6px;background:#fbfcfd}.email-delivery-detail{max-height:430px;overflow:auto}.delivery-event{margin-bottom:10px;padding:12px;border:1px solid #dfe5ec;border-radius:7px}.delivery-event strong,.delivery-event span{display:block}.delivery-event span{color:#718092;font-size:11px}.delivery-event p{margin:7px 0;overflow-wrap:anywhere}.email-preview-drawer .drawer-actions{position:sticky;bottom:-22px;background:#fff}
.component-row .check-label {
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    .component-row { grid-template-columns: 1fr; }
}
.smtp-test-panel{border-top:1px solid #e2e8f0;background:#f8fafc}.smtp-test-panel h4{margin-top:0;color:#172033;font-weight:700}.smtp-test-panel>p{color:#64748b}.smtp-test-input{max-width:620px}.report-export-help{display:inline-block;margin:0 0 0 14px;color:#64748b;vertical-align:middle}
@media(max-width:800px){.report-export-help{display:block;margin:12px 0 0}.smtp-test-input{max-width:none}}
@media(max-width:767px){.email-preview-meta{grid-template-columns:1fr}.email-preview-frame{height:360px}}