.mail-monitor{max-width:1800px;margin:auto;padding:14px;color:var(--adm-text)}
.mail-panel{background:var(--adm-panel,var(--adm-surface,#fff));border:1px solid var(--adm-border);padding:14px;margin-bottom:14px}
.mail-heading{border-left:3px solid var(--adm-primary,#3c8dbc);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mail-heading h1{font-size:23px;margin:6px 0}.mail-heading p,.mail-help{font-size:12px;opacity:.8}
.mail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mail-actions label{display:grid;gap:5px;font-size:12px}.mail-actions label:first-child{flex:1;min-width:200px}
.mail-monitor button,.mail-actions a,.mail-monitor input,.mail-monitor select{font:inherit;min-height:34px;padding:6px 10px;border:1px solid var(--adm-border);border-radius:3px;background:var(--adm-panel,var(--adm-surface));color:var(--adm-text)}
.mail-monitor button,.mail-actions a{cursor:pointer;text-decoration:none;font-size:12px}.mail-monitor button:hover{border-color:var(--adm-primary,#3c8dbc)}.mail-monitor button:disabled{opacity:.5;cursor:default}
.mail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mail-stats article{padding:12px;background:var(--adm-panel);border:1px solid var(--adm-border);margin-bottom:14px}.mail-stats strong{display:block;font-size:25px}.mail-stats span{font-size:12px}
.mail-table{overflow:auto}.mail-table table{border-collapse:collapse;width:100%;font-size:13px}.mail-table th{text-align:left;font-size:12px;opacity:.8;white-space:nowrap}.mail-table td,.mail-table th{padding:11px 9px;border-bottom:1px solid var(--adm-border)}.mail-table td small{display:block;opacity:.75;margin-top:4px}.mail-table td:first-child{white-space:nowrap}.mail-table button{text-align:left}
.mail-workspace:has(#details:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.mail-workspace>section{min-width:0}
.mail-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.mail-state.attention-required{color:var(--adm-danger,#dd4b39)}.mail-state.accepted{color:var(--adm-success,#00a65a)}
#notice:not(:empty){border-left:3px solid #f39c12;padding:12px;margin-bottom:14px;background:var(--adm-panel)}
#details h2{font-size:17px}#details dl{font-size:13px}#details dt{opacity:.7;margin-top:14px}#details dd{margin:5px 0;overflow-wrap:anywhere}#details .mail-error{padding:10px;border-left:3px solid #dd4b39}
@media(max-width:900px){.mail-workspace:has(#details:not([hidden])){display:block}.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact module header and aligned commands. */
.mail-monitor .mail-heading{padding:10px 14px;gap:10px;min-height:68px}
.mail-heading h1{display:flex;align-items:center;gap:9px;font-size:18px;line-height:1.3;margin:0}
.mail-heading p{margin:5px 0 0;color:var(--adm-text-dim);opacity:1}
.mail-heading-icon{color:var(--adm-primary)}
.mail-monitor .mail-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;line-height:1.2;white-space:nowrap;border-radius:0;margin:0;box-sizing:border-box}
.mail-heading .mail-actions{align-items:center}
.mail-monitor #filters{align-items:end;padding:10px 14px}
.mail-monitor #filters label{margin:0;min-width:0}
.mail-monitor #filters label:first-child{min-width:180px}
.mail-monitor #filters :is(input,select){height:36px;margin:0;border-radius:0;width:100%}
.mail-monitor #filters button{height:36px}
.mail-monitor .mail-stats article{display:flex;align-items:center;gap:12px;padding:10px 12px;border-left:3px solid var(--stat-accent);--stat-accent:var(--adm-primary)}
.mail-stats article>i{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--stat-accent);background:color-mix(in srgb,var(--stat-accent) 13%,transparent);font-size:17px}
.mail-stats article.mail-stat-pending{--stat-accent:var(--adm-warning,#f39c12)}
.mail-stats article.mail-stat-accepted{--stat-accent:var(--adm-success,#00a65a)}
.mail-stats article.mail-stat-attention{--stat-accent:var(--adm-danger,#dd4b39)}
.mail-stats strong{font-size:22px;line-height:1.2}
.mail-stats span{color:var(--adm-text-dim)}
#diagnostics:empty{display:none}
#diagnostics{padding:10px 14px;border-left:3px solid var(--adm-primary)}
#diagnostics strong{font-size:13px}#diagnostics strong i{color:var(--adm-primary);margin-right:6px}
#diagnostics p{font-size:12px;margin:6px 0 0;color:var(--adm-text-dim)}
.mail-workspace footer{border-top:1px solid var(--adm-border);padding-top:10px;margin-top:10px}
.mail-workspace #page-label{margin-right:auto;font-size:12px;color:var(--adm-text-dim)}
@layer sysimple-actions{
 body[data-workspace-module="outgoing-mail"] .mail-monitor .mail-actions :is(button,a){min-height:34px;padding:7px 10px;line-height:1.2;border-radius:0!important}
 body[data-workspace-module="outgoing-mail"] .mail-diffusion{border-color:var(--adm-primary)!important;color:var(--adm-primary)!important;background:var(--adm-primary-soft)!important}
 body[data-workspace-module="outgoing-mail"] #export i{color:var(--adm-success,#00a65a)}
 body[data-workspace-module="outgoing-mail"] #refresh i{color:var(--adm-primary)}
}
@media(max-width:600px){.mail-monitor{padding:10px}.mail-heading .mail-actions{width:100%}.mail-heading .mail-actions>*{flex:1}.mail-monitor #filters label{flex:1 1 100%}.mail-monitor #filters button{margin-left:auto}.mail-stats{gap:10px}.mail-stats article{gap:8px!important}.mail-stats span{font-size:11px}}
.mail-monitor .mail-heading h1{font-size:18px;line-height:24px;margin:0}
.mail-monitor .mail-heading p{font-size:12px;line-height:18px;margin:3px 0 0}
.mail-monitor .mail-heading .mail-actions{align-self:center}
.mail-workspace:has(#details:not([hidden])){align-items:start}
@layer sysimple-actions{
 body[data-workspace-module="outgoing-mail"] .mail-monitor :is(#refresh,#export,#filters button){background:var(--adm-panel)!important;color:var(--adm-text)!important;border-color:var(--adm-border)!important}
 body[data-workspace-module="outgoing-mail"] .mail-monitor :is(#refresh,#export,#filters button):hover:not(:disabled){background:var(--adm-primary-soft)!important;border-color:var(--adm-primary)!important}
}