/* 11A-8.13.2 — stabilité de la liste et lecture mobile compatible thème sombre. */
.mailbox-heading-actions button[hidden],
.mailbox-tools-nav button[hidden],
.mailbox-message-expand[hidden]{display:none!important}

.mailbox-thread{flex:0 0 auto;min-height:max-content}

@media(max-width:760px){
  .mailbox-page{position:relative;padding:12px 10px 92px}
  .mailbox-heading{position:absolute;z-index:6;top:20px;right:20px;display:block;margin:0;min-height:0}
  .mailbox-heading-copy{display:none}
  .mailbox-heading-actions{display:flex!important;gap:6px}
  .mailbox-heading-actions button{display:inline-grid;width:38px;height:38px;min-height:38px;padding:0;place-items:center;border-radius:10px}
  .mailbox-heading-actions button span{display:none}

  .mailbox-status{min-height:62px;margin:0 0 8px;padding:9px 58px 9px 12px;border-radius:12px}
  .mailbox-status>span{min-width:0}
  .mailbox-status strong,.mailbox-status small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mailbox-status strong{font-size:.78rem}
  .mailbox-status small{max-width:none;font-size:.64rem}

  .mailbox-metrics{margin-bottom:8px}
  .mailbox-metrics article{min-height:58px;padding:7px 9px}
  .mailbox-metrics article>span{width:28px;height:28px;flex:0 0 28px}
  .mailbox-metrics article>span svg{width:15px}
  .mailbox-metrics small{font-size:.61rem}
  .mailbox-metrics strong{font-size:.88rem}

  .mailbox-tools{margin-bottom:8px}
  .mailbox-tools>summary{min-height:46px;padding:7px 12px}
  .mailbox-tools>summary strong{font-size:.8rem}

  .mailbox-layout{height:auto;min-height:0}
  .mailbox-inbox{height:auto;min-height:calc(100dvh - 330px);overflow:visible}
  .mailbox-inbox>header{padding:13px 13px 8px}
  .mailbox-inbox>.mailbox-search{margin:0 12px 7px}
  .mailbox-filters{position:sticky;z-index:3;top:0;background:var(--panel);border-bottom:1px solid var(--border)}
  .mailbox-thread-list{display:block;min-height:0;overflow:visible;padding-bottom:8px}
  .mailbox-thread{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;width:100%;min-height:92px;padding:11px 12px;overflow:hidden;align-items:start}
  .mailbox-thread-copy{min-width:0}
  .mailbox-thread-copy>span{display:block;min-width:0}
  .mailbox-thread-copy strong,.mailbox-thread-copy small,.mailbox-thread-copy p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mailbox-thread-copy strong{font-size:.78rem;line-height:1.25}
  .mailbox-thread-copy time{display:block;margin-top:2px;font-size:.64rem}
  .mailbox-thread-copy small,.mailbox-thread-copy p{font-size:.67rem;line-height:1.25}
  .mailbox-thread-meta{grid-column:2;display:flex;align-items:center;align-self:start;flex-direction:row;flex-wrap:wrap;gap:4px;min-width:0;margin-top:1px}
  .mailbox-thread-meta em{max-width:100%;padding:3px 6px;font-size:.58rem;line-height:1.2;white-space:nowrap}
  .mailbox-thread-meta small{font-size:.6rem}
  .mailbox-load-more{padding:10px 12px 14px}

  .mailbox-detail{display:none;position:fixed;z-index:1200;inset:0 0 68px;height:auto;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);color:var(--text);border:0;border-radius:0}
  .mailbox-layout.is-reading .mailbox-detail{display:block}
  .mailbox-detail-head{position:sticky;top:0;z-index:8;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:72px;padding:10px 12px!important;background:color-mix(in srgb,var(--panel) 96%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);flex-direction:row!important}
  .mailbox-detail-back{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)}
  .mailbox-detail-head>div{min-width:0}
  .mailbox-detail-head small,.mailbox-detail-head h2{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mailbox-detail-head small{font-size:.63rem}
  .mailbox-detail-head h2{margin:2px 0 0;font-size:.92rem}
  .mailbox-detail-head p{display:none}
  .mailbox-detail-head>[data-mail-open-project]{display:grid;width:38px;height:38px;min-width:38px;padding:0;place-items:center;border-radius:10px}
  .mailbox-detail-head>[data-mail-open-project] span{display:none}

  .mailbox-workflow,.mailbox-classifier,.mailbox-memory,.mailbox-snooze,.mailbox-task-form,.mailbox-message{background:var(--panel)!important;color:var(--text)}
  .mailbox-workflow{padding:11px 12px}
  .mailbox-workflow-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
  .mailbox-workflow-head>.mailbox-workflow-badge,.mailbox-workflow-head>.mailbox-response-badge,.mailbox-workflow-head>.mailbox-followup-badge{justify-self:start}
  .mailbox-workflow-head label{width:auto;min-width:0;margin:0}
  .mailbox-workflow select,.mailbox-workflow input,.mailbox-classifier select{width:100%;min-width:0;background:var(--panel);color:var(--text);border-color:var(--border)}
  .mailbox-workflow-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
  .mailbox-workflow-actions button{justify-content:center;min-width:0}

  .mailbox-classifier{grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px;border-bottom:1px solid var(--border)}
  .mailbox-classifier>label{grid-column:1/-1}
  .mailbox-classifier>button{width:100%;justify-content:center}
  .mailbox-memory{grid-column:1/-1;margin:3px 0 0;padding:10px;border-color:var(--border)}
  .mailbox-memory legend{color:var(--text)}
  .mailbox-memory>div{display:grid;gap:6px}
  .mailbox-memory label{display:flex;min-width:0;align-items:center;flex-direction:row;gap:8px;padding:8px;background:var(--hover);color:var(--text)}
  .mailbox-memory input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:0;padding:0}
  .mailbox-memory label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .mailbox-aliases{background:color-mix(in srgb,var(--success,#1aaa7f) 7%,var(--panel));border-color:var(--border)}
  .mailbox-aliases>div>span{background:var(--panel);color:var(--text);border-color:var(--border)}
  .mailbox-messages{padding:10px;gap:8px;background:var(--bg)}
  .mailbox-message{padding:12px;border-color:var(--border)}
  .mailbox-message.is-outbound{background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
  .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) 8%,var(--panel)))}
}

@media(max-width:420px){
  .mailbox-page{padding-inline:8px}
  .mailbox-heading{top:18px;right:16px}
  .mailbox-status{padding-left:10px}
  .mailbox-workflow-head{grid-template-columns:minmax(0,1fr) auto}
  .mailbox-workflow-actions,.mailbox-classifier{grid-template-columns:1fr 1fr}
}