/* Page Mails, refonte du 10 novembre 2026 : voir mails-refonte.js. */
html[data-design] .page-head p.ml-sentence,.ml-sentence{margin:6px 0 0;font-size:19px;line-height:1.4;color:var(--muted);letter-spacing:-.2px;max-width:860px}
.ml-sentence b{font-weight:550;color:var(--text);background:linear-gradient(transparent 70%,#d6ff00 70%,#d6ff00 92%,transparent 92%)}
.ml-state{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.ml-state i{width:7px;height:7px;border-radius:50%;background:#8fbf1f}
.ml-state.bad{color:#9a3412}.ml-state.bad i{background:#d8894f}
html[data-design] .page-head>.head-actions{flex-wrap:nowrap;align-items:center;gap:10px}
.ml-prep{position:relative}
.ml-prep>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:500;cursor:pointer;user-select:none;white-space:nowrap}
.ml-prep>summary::-webkit-details-marker{display:none}
.ml-prep>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ml-prep[open]>summary{border-color:var(--text)}
.ml-prep[open] .ml-chev{transform:rotate(180deg)}
.ml-prep-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:280px;padding:8px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px -24px rgba(17,25,22,.35);display:flex;flex-direction:column;gap:2px}
html[data-design] .ml-prep-panel .ml-prep-item{width:100%;justify-content:flex-start;border:0;background:none;border-radius:12px;height:40px;box-shadow:none}
html[data-design] .ml-prep-panel .ml-prep-item:hover{background:var(--surface2)}
html[data-design] .head-actions .ml-ask{border:0;background:none;box-shadow:none;color:var(--muted)}
html[data-design] .head-actions .ml-ask:hover{color:var(--text)}
.w-browser.ml-onecol{display:block!important}
.ml-views{display:flex;align-items:center;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.ml-views>.toolbar{flex:1;min-width:220px;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.ml-views>.toolbar input{width:100%}
.ml-views>.mq-box{margin:0!important;display:flex;align-items:center;gap:8px}
.ml-views>.mq-box>span{font-size:12px;color:var(--muted)}
html[data-design] .ml-views .filters{display:flex;gap:4px;padding:6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;max-width:100%}
.ml-views .filters button{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:7px}
.ml-count{min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#d6ff00;color:#1f2b00;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
@media (max-width:900px){
 html[data-design] .page-head>.head-actions{flex-wrap:wrap}
 html[data-design] .page-head p.ml-sentence{font-size:16px}
 .ml-prep-panel{left:0;right:auto}
}