/* 11A-8.13.3 — Messagerie unifiée : une seule colonne, thème natif. */
.mailbox-page{max-width:1440px;padding:28px 32px 72px}
.mailbox-page [hidden]{display:none!important}

.mailbox-heading{align-items:center;margin-bottom:14px}
.mailbox-heading-copy{min-width:0}
.mailbox-kicker{display:block;margin:0 0 6px;color:var(--muted);font-size:9px;font-weight:760;line-height:1.2;letter-spacing:.055em}
.mailbox-heading h1{margin:0;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:740;line-height:1.13;letter-spacing:-.025em}
.mailbox-heading h1 svg{width:1em;height:1em}
.mailbox-heading-actions{align-items:center;flex-wrap:wrap}
.mailbox-heading-actions button{min-height:40px}
.mailbox-heading-actions .is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}

.mailbox-commandbar{display:flex;align-items:center;gap:12px;min-height:48px;margin:0 0 12px;padding:7px 9px 7px 13px;overflow:hidden;background:var(--panel);border-color:var(--border)}
.mailbox-status{display:flex;align-items:center;gap:9px;min-width:0;flex:1;margin:0;padding:0;background:transparent;border:0;color:var(--text)}
.mailbox-status>svg{flex:0 0 18px;width:18px;height:18px}
.mailbox-status>span{display:block;min-width:0}
.mailbox-status strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.mailbox-status small{display:none}
.mailbox-status.is-connected>svg{color:#20b486}
.mailbox-status.is-warning>svg{color:#d79a2b}
.mailbox-status.is-error{color:#e45b6f;font-size:.78rem}
.mailbox-metrics{display:flex;align-items:center;gap:4px;flex:none;margin:0}
.mailbox-metrics article{display:inline-flex;align-items:baseline;gap:5px;min-width:0;padding:6px 9px;border:0;border-radius:8px;background:var(--hover)}
.mailbox-metrics article>span{display:none}
.mailbox-metrics small{color:var(--muted);font-size:.66rem;white-space:nowrap}
.mailbox-metrics strong{font-size:.78rem;color:var(--text)}

.mailbox-tools{margin:0 0 12px;overflow:hidden;background:var(--panel);border-color:var(--border)}
.mailbox-tools-body{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:0}
.mailbox-tools-nav{background:color-mix(in srgb,var(--panel) 94%,var(--text));border-color:var(--border)}
.mailbox-tools-nav button{color:var(--muted);background:transparent}
.mailbox-tools-nav button:hover{background:var(--hover);color:var(--text)}
.mailbox-tools-nav button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}
.mailbox-tool-panel,.mailbox-maintenance,.mailbox-triage{background:var(--panel);color:var(--text)}

.mailbox-layout{display:block;height:auto;min-height:0}
.mailbox-inbox,.mailbox-detail{width:100%;height:auto;min-height:0;border-color:var(--border);border-radius:14px;background:var(--panel);color:var(--text)}
.mailbox-layout .mailbox-detail{display:none;position:static;top:auto;max-height:none;overflow:visible}
.mailbox-layout.is-reading .mailbox-inbox{display:none}
.mailbox-layout.is-reading .mailbox-detail{display:block}
.mailbox-inbox>header{padding:14px 16px 8px}
.mailbox-inbox h2{font-size:1rem}
.mailbox-inbox header p{font-size:.72rem}
.mailbox-count{min-width:30px;height:30px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));font-size:.76rem}
.mailbox-inbox>.mailbox-search{margin:0 14px 8px}
.mailbox-search input,.mailbox-tool-panel input,.mailbox-tool-panel select,.mailbox-workflow input,.mailbox-workflow select,.mailbox-classifier select{background:var(--panel);color:var(--text);border-color:var(--border)}
.mailbox-search input{background:var(--hover)}
.mailbox-search input:focus,.mailbox-tool-panel input:focus,.mailbox-tool-panel select:focus,.mailbox-workflow input:focus,.mailbox-workflow select:focus,.mailbox-classifier select:focus{background:var(--panel);border-color:var(--accent)}
.mailbox-page input::placeholder{color:var(--muted);opacity:.85}
.mailbox-page option{background:var(--panel);color:var(--text)}
.mailbox-filters{padding:0 10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.mailbox-filters button{flex:none;padding:9px 11px;font-size:.72rem}

.mailbox-thread-list{overflow:visible}
.mailbox-thread{grid-template-columns:34px minmax(0,1fr) minmax(210px,auto);gap:10px;padding:10px 13px;color:var(--text)}
.mailbox-thread:hover,.mailbox-thread.is-active{background:var(--hover)}
.mailbox-thread-icon{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.mailbox-thread-copy strong{font-size:.82rem}
.mailbox-thread-copy small,.mailbox-thread-copy p{font-size:.72rem;margin-top:2px}
.mailbox-thread-meta{max-width:470px;align-items:center;justify-content:flex-end;flex-direction:row;flex-wrap:wrap;gap:5px}
.mailbox-thread-meta em{font-size:.61rem;padding:3px 6px}

.mailbox-detail-head{position:sticky;top:var(--app-header-height,0);z-index:5;align-items:center;padding:13px 16px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(12px);border-color:var(--border)}
.mailbox-detail-back{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)}
.mailbox-detail-back:hover{background:var(--hover)}
.mailbox-detail-head>div{min-width:0;flex:1}
.mailbox-detail-head h2{margin:2px 0;font-size:1.08rem}
.mailbox-detail-head small,.mailbox-detail-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mailbox-workflow,.mailbox-classifier,.mailbox-aliases{background:var(--panel);border-color:var(--border)}
.mailbox-workflow{padding:11px 16px}
.mailbox-classifier{padding:11px 16px}
.mailbox-memory,.mailbox-snooze,.mailbox-task-form{background:var(--hover);border-color:var(--border)}
.mailbox-memory label{background:var(--panel);color:var(--text)}
.mailbox-aliases{background:color-mix(in srgb,#15916c 6%,var(--panel))}
.mailbox-aliases>div>span{background:var(--panel);border-color:color-mix(in srgb,#15916c 35%,var(--border))}
.mailbox-messages{padding:14px 16px;gap:10px}
.mailbox-message,.mailbox-message.is-outbound{background:var(--panel);color:var(--text);border-color:var(--border)}
.mailbox-message.is-outbound{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.mailbox-message-body:not(.is-expanded)::after{background:linear-gradient(transparent,var(--panel))}
.mailbox-message.is-outbound .mailbox-message-body:not(.is-expanded)::after{background:linear-gradient(transparent,color-mix(in srgb,var(--accent) 7%,var(--panel)))}
.mailbox-project-detail{background:var(--panel);border-color:var(--border)}

.mailbox-history-result,.mailbox-maintenance-body,.mailbox-maintenance-grid article,.mailbox-ignored,.mailbox-ignored-list article,.mailbox-triage-toolbar,.mailbox-triage-groups article,.mailbox-triage-prepare,.mailbox-triage-rules,.mailbox-triage-rules article,.mailbox-triage-preview,.mailbox-attachment{background:var(--panel);color:var(--text);border-color:var(--border)}
.mailbox-maintenance-grid article,.mailbox-ignored-list article,.mailbox-triage-groups article,.mailbox-triage-rules article,.mailbox-attachment{background:var(--hover)}
.mailbox-tool-panel header p,.mailbox-tool-panel label span,.mailbox-maintenance small,.mailbox-triage small{color:var(--muted)}

@media(max-width:900px){
  .mailbox-page{padding:20px 18px 90px}
  .mailbox-heading{align-items:center;flex-direction:row}
  .mailbox-heading-actions{display:flex}
  .mailbox-commandbar{align-items:stretch;flex-direction:column;gap:7px;padding:9px 11px}
  .mailbox-metrics{width:100%;overflow-x:auto}
  .mailbox-metrics article{flex:1;justify-content:center;min-width:92px}
  .mailbox-tools-body{grid-template-columns:1fr}
  .mailbox-tools-nav{display:flex;padding:7px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}
  .mailbox-tools-nav button{flex:none;min-width:max-content}
  .mailbox-thread{grid-template-columns:34px minmax(0,1fr)}
  .mailbox-thread-meta{grid-column:2;justify-content:flex-start;max-width:none}
}

@media(max-width:760px){
  .mailbox-page{padding:14px 12px 88px}
  .mailbox-heading{gap:8px;margin-bottom:10px}
  .mailbox-heading h1{font-size:1.45rem}
  .mailbox-heading-actions{gap:6px;margin-left:auto}
  .mailbox-heading-actions button{width:42px;min-height:42px;padding:0;justify-content:center}
  .mailbox-heading-actions button span{display:none}
  .mailbox-commandbar{margin-bottom:9px;border-radius:12px}
  .mailbox-status strong{font-size:.74rem}
  .mailbox-metrics article{padding:5px 7px}
  .mailbox-metrics small{font-size:.61rem}
  .mailbox-metrics strong{font-size:.72rem}
  .mailbox-tools{margin-bottom:9px}
  .mailbox-tool-panel,.mailbox-maintenance,.mailbox-triage{padding:12px}
  .mailbox-layout{height:auto;min-height:0}
  .mailbox-inbox{height:auto}
  .mailbox-layout .mailbox-detail{position:static;inset:auto;height:auto;max-height:none;border:1px solid var(--border);border-radius:14px}
  .mailbox-detail-head{top:var(--app-header-height,0);padding:10px 11px}
  .mailbox-detail-head h2{font-size:1rem}
  .mailbox-detail-head>[data-mail-open-project]{max-width:92px}
  .mailbox-detail-head>[data-mail-open-project] span{overflow:hidden;text-overflow:ellipsis}
  .mailbox-thread{padding:10px 11px}
  .mailbox-messages{padding:11px}
  .mailbox-workflow,.mailbox-classifier,.mailbox-aliases{padding-inline:11px}
}

@media(max-width:480px){
  .mailbox-kicker{font-size:8px}
  .mailbox-heading h1{font-size:1.32rem}
  .mailbox-metrics article:nth-child(3){display:none}
  .mailbox-inbox>header{padding:12px 12px 7px}
  .mailbox-inbox>.mailbox-search{margin-inline:10px}
  .mailbox-filters{padding-inline:5px}
  .mailbox-classifier{grid-template-columns:1fr 1fr}
  .mailbox-classifier label{grid-column:1/-1}
  .mailbox-workflow-actions{grid-template-columns:1fr 1fr}
  .mailbox-message{padding:12px}
}