.mcc-mail-settings { padding:16px; min-width:0; }
.mcc-mail-settings h3 { font-size:17px; margin:0 0 16px; }
.mcc-mail-grid { display:grid; grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(180px,2fr); gap:16px; border:0; padding:0; margin:16px 0; }
.mcc-mail-settings label,.mcc-share-mail-fields label { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:12px; }
.mcc-mail-settings input,.mcc-mail-settings select,.mcc-share-mail-fields input,.mcc-share-mail-fields select { width:100%; min-width:0; min-height:34px; }
.mcc-mail-settings .mcc-mail-check,.mcc-share-mail .mcc-mail-check { flex-direction:row; align-items:center; gap:8px; }
.mcc-mail-check input[type=checkbox] { width:16px!important; height:16px!important; min-height:16px!important; flex:none; margin:0; }
.mcc-mail-hint { color:#576778; font-size:12px; line-height:1.5; }
.mcc-mail-actions,.mcc-mail-test { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:16px 0; }
.mcc-mail-actions span { font-size:12px; }
.mcc-mail-test label { width:min(360px,100%); }
.mcc-mail-status { display:flex; flex-wrap:wrap; gap:8px 16px; padding:12px 16px; background:#edf7f2; color:#175438; border-left:3px solid #207b52; font-size:13px; overflow-wrap:anywhere; }
.mcc-mail-status.is-error { background:#fff2ef; color:#a1271f; border-color:#b83227; }
.mcc-mail-addresses { margin-top:28px; padding-top:20px; border-top:1px solid #dce3eb; }
.mcc-mail-contact-form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.mcc-mail-contact-form label { flex:1 1 180px; }
.mcc-mail-filter { max-width:400px; margin:20px 0 12px; }
.mcc-mail-table { overflow:auto; max-height:420px; }
.mcc-mail-table table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; }
.mcc-mail-table th,.mcc-mail-table td { padding:10px; border-bottom:1px solid #e2e8ef; overflow-wrap:anywhere; }
.mcc-mail-table td:last-child { white-space:nowrap; }
.mcc-mail-table button+button { margin-left:6px; }
.mcc-share-mail { grid-column:1/-1; flex-basis:100%; min-width:0; }
.mcc-share-mail-fields { display:grid; grid-template-columns:2fr 1fr 2fr; gap:12px; margin-top:12px; }
.mcc-mail-message { white-space:pre-line; overflow-wrap:anywhere; }
.mcc-mail-logs { margin-top:28px; padding-top:20px; border-top:1px solid #dce3eb; min-width:0; }
.mcc-mail-log-filters { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.mcc-mail-log-filters label { flex:1 1 140px; }
.mcc-mail-log-filters .mcc-mail-log-query { flex:2 1 240px; }
.mcc-mail-log-table { max-height:520px; }
.mcc-mail-log-table table { min-width:1050px; table-layout:fixed; }
.mcc-mail-log-table th { position:sticky; top:0; background:#f5f8fb; z-index:1; }
.mcc-mail-log-table td { vertical-align:top; }
.mcc-mail-log-table td:last-child { white-space:normal; }
.mcc-mail-log-table small { display:block; margin-top:5px; line-height:1.45; color:#526475; }
.mcc-mail-log-table details { margin-top:8px; }
.mcc-mail-log-table summary { cursor:pointer; color:#175bb8; }
.mcc-mail-log-state { display:inline-block; padding:3px 6px; font-weight:700; font-size:12px; background:#e7edf4; color:#304455; border-radius:4px; }
.mcc-mail-log-state.state-sent { background:#e6f5ed; color:#126338; }
.mcc-mail-log-state.state-failed { background:#ffeded; color:#b02020; }
.mcc-mail-log-state.state-uncertain { background:#fff2d8; color:#8a5400; }
.mcc-mail-log-state.state-sending { background:#e9f1ff; color:#195ab3; }
.mcc-mail-log-pages { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:12px; font-size:13px; }
@media(max-width:760px) { .mcc-mail-grid,.mcc-share-mail-fields { grid-template-columns:1fr; } .mcc-mail-settings { padding:12px; } .mcc-mail-table th,.mcc-mail-table td { padding:8px 6px; } }