/* ST Notification Mail — styles confined to this plugin's configuration tab. */
.stnm-config-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    margin: 1rem;
}
.stnm-config-layout .stnm-settings-panel {
    flex: 1 1 640px;
    min-width: 0;
    margin: 0;
}
.stnm-config-layout .stnm-settings-heading { border-inline-start: 4px solid #18663e; }
.stnm-config-layout .stnm-settings-table { width: 100%; }
.stnm-config-layout .stnm-settings-table th:last-child,
.stnm-config-layout .stnm-settings-table td:last-child { width: 184px; min-width: 176px; }
.stnm-config-layout .stnm-settings-table td { vertical-align: middle; }
.stnm-config-layout .stnm-settings-table .form-select { min-width: 152px; }
.stnm-config-layout .stnm-settings-table label { margin-bottom: .2rem; }
.stnm-config-layout .stnm-marketing {
    box-sizing: border-box;
    flex: 0 1 340px;
    width: 340px;
    max-width: 100%;
    padding: 18px 15px 20px;
    border: 1px solid #dfe4ed;
    border-radius: 8px;
    background: #fff;
    color: #3e4758;
    font-family: inherit;
}
.stnm-marketing .stnm-brand-grid {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}
.stnm-marketing .stnm-brand-logo-link { display: block; line-height: 0; }
.stnm-marketing .stnm-brand-logo { display: block; width: 140px; height: 140px; max-width: 100%; object-fit: contain; }
.stnm-marketing .stnm-brand-info { text-align: center; min-width: 0; }
.stnm-marketing .stnm-brand-title { font-size: 14px; font-weight: 700; line-height: 1.5; margin-bottom: 3px; }
.stnm-marketing a { text-decoration: none; }
.stnm-marketing a:hover { text-decoration: underline; }
.stnm-marketing a:focus-visible { outline: 2px solid #18663e; outline-offset: 3px; border-radius: 3px; }
.stnm-marketing .stnm-brand-site { display: block; font-size: 14px; line-height: 1.5; color: #4868af; overflow-wrap: anywhere; }
.stnm-marketing .stnm-brand-qr-link { display: inline-block; margin-top: 14px; line-height: 0; }
.stnm-marketing .stnm-brand-qr { display: block; width: 112px; height: 112px; object-fit: contain; background: #fff; }
.stnm-marketing .stnm-brand-caption { display: block; font-size: 12px; line-height: 1.5; margin-top: 7px; color: #6279a4; }
@media (max-width: 480px) {
    .stnm-config-layout { margin: .5rem; gap: .75rem; }
    .stnm-config-layout .stnm-settings-panel .card-body { padding: .75rem; }
    .stnm-config-layout .stnm-settings-table thead { display: none; }
    .stnm-config-layout .stnm-settings-table tr { display: block; padding: .5rem 0; }
    .stnm-config-layout .stnm-settings-table td { display: block; padding: .35rem 0; border: 0; }
    .stnm-config-layout .stnm-settings-table td:last-child { width: 100%; min-width: 0; }
    .stnm-config-layout .stnm-settings-table .form-select { width: 100%; }
    .stnm-marketing .stnm-brand-grid { grid-template-columns: minmax(90px, 125px) minmax(0, 1fr); }
    .stnm-marketing .stnm-brand-logo { width: 125px; height: 125px; }
    .stnm-marketing .stnm-brand-site { font-size: 13px; }
}