#mail-rules-dialog{width:min(800px,calc(100vw - 32px));max-width:800px;max-height:calc(100dvh - 40px);padding:0;font-size:14px;overflow:auto}
.rules-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--line);background:#fff}
.rules-dialog-header h2{font-size:20px;margin:0}.rules-dialog-header p{font-size:12px;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}.rules-header-actions{display:flex;gap:8px;align-items:center}.rules-header-actions .outline{font-size:12px;padding:6px 10px}
.rules-content{padding:20px 26px 26px}.rules-guide{margin:0 0 20px;line-height:1.65;color:var(--muted)}#rules-fields{border:0;padding:0;margin:0;min-width:0}#rules-fields:disabled{opacity:.65}
.rules-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.rules-list-heading span{color:var(--muted);font-size:12px}.rules-list-heading .primary{padding:9px 14px;font-size:14px}#rules-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rule-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px 16px}.rule-card-main{display:flex;align-items:flex-start;gap:12px}.rule-order{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;font-size:12px;background:#edf3f8;color:#315470}.rule-copy{flex:1;min-width:0}.rule-copy strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.rule-copy p{margin:5px 0 8px;line-height:1.55;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.rule-destination{font-size:13px;color:#23577a;overflow-wrap:anywhere}.rule-paused{background:#f8f9fb}.rule-switch,#rule-form .rule-enabled{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:400;margin:0}.rule-switch input,#rule-enabled{width:16px;height:16px;accent-color:var(--navy);margin:0}.rule-card-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.rule-card-actions .outline{font-size:12px;padding:5px 10px;min-width:32px}.rule-copy .rule-warning{color:#9c5f1a;margin-bottom:0}.rules-empty{padding:36px 18px;text-align:center;background:#f6f8fa;border-radius:10px;color:var(--muted)}.rules-empty strong{font-size:15px;color:var(--navy)}.rules-empty p{font-size:13px}.rule-delete-confirm{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:13px}.rule-delete-confirm button{padding:6px 12px;margin-right:6px;font-size:13px}
#rule-editor h3{font-size:17px;margin:0 0 16px}#rule-form{padding:0}#rule-form label:not(.sr-only){font-size:13px}#rule-form input:not([type=checkbox]):not([type=radio]),#rule-form select{min-width:0;padding:10px 12px;font-size:14px;width:100%;height:41px}#rule-form .rule-name-row{display:flex;gap:20px;align-items:center}#rule-form .rule-name-row>div{flex:1;min-width:0}.rule-target{margin-top:22px}.rule-target label{margin-top:0}#rule-folder-help{color:#9c5f1a}#rule-new-folder{margin-top:12px}#rule-new-folder summary{color:#28577b;cursor:pointer;font-size:13px}#rule-new-folder>div{display:flex;gap:8px;margin-top:10px;align-items:center}#rule-create-folder{white-space:nowrap;font-size:13px;padding:10px 12px}.rule-editor-note{font-size:12px;color:var(--muted);line-height:1.65;margin:20px 0 0}#rule-form .dialog-actions{justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}#rules-progress{color:var(--muted);font-size:13px}#rules-error{margin:16px 0 0}#rules-error:not([hidden]){padding:12px;background:#fff4ef;border-radius:6px;line-height:1.6}
@media(max-width:600px){#mail-rules-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}.rules-dialog-header{padding:16px}.rules-content{padding:16px}.rules-dialog-header h2{font-size:18px}.rules-header-actions .outline{max-width:82px;line-height:1.4}.rule-card{padding:12px}.rule-card-main{gap:8px}#rule-form .rule-name-row{gap:12px}}

#mail-rules-dialog .primary{width:auto;margin-top:0}#mail-rules-dialog input{margin-bottom:0;min-height:0}#mail-rules-dialog input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex-shrink:0}

#rule-form .rule-kind{margin:24px 0 18px;padding:0;border:0}#rule-form .rule-kind legend{font-size:14px;font-weight:600;padding:0;margin:0 0 10px}#rule-form .rule-kind legend span{margin-left:8px;font-weight:400;font-size:13px;color:var(--muted)}.rule-kind-options{display:flex;gap:12px}#rule-form .rule-kind-options label{display:flex;align-items:center;gap:9px;flex:1;margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:6px;font-size:14px;cursor:pointer}#rule-form .rule-kind-options label:has(input:checked){border-color:#365b7d;background:#edf4fa;color:#183f61}#mail-rules-dialog input[type=radio]{width:17px;height:17px;min-height:0;margin:0;padding:0;flex-shrink:0;accent-color:var(--navy)}#rule-form .rule-single-condition label{font-size:14px}.rule-single-condition .settings-help{margin:9px 0 0;font-size:13px;line-height:1.6}.rule-legacy-note{font-size:13px;line-height:1.6;background:#fff7ec;padding:12px;border-radius:6px;color:#82510d}

.rule-sender-options{margin:0 0 16px}#rule-form .rule-sender-options label{font-size:14px}#rule-sender-update{color:#82510d;line-height:1.6;margin:9px 0 0}
