.inbox-controls { display:flex; gap:20px; align-items:center; margin-bottom:20px; }
.inbox-controls label { max-width:520px; flex:1; margin:0; }
.inbox-controls small { display:block; margin-top:6px; }
.inbox-toolbar { display:flex; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.folder-tabs { display:flex; gap:4px; }
.folder-tabs button { border-radius:4px; background:transparent; }
.folder-tabs [aria-selected=true] { background:#e8f3ef; color:#106c55; }
#inbox-search-form { display:flex; align-items:center; gap:8px; }
#inbox-search-form input { width:240px; }
.inbox-layout { display:grid; grid-template-columns:minmax(250px,340px) minmax(0,1fr); min-height:460px; border-top:1px solid #dce4e8; }
.message-list { border-right:1px solid #dce4e8; min-width:0; }
.message-row { display:flex; flex-direction:column; gap:8px; align-items:flex-start; width:100%; border:0; border-bottom:1px solid #dce4e8; border-radius:0; padding:18px 16px; text-align:left; background:#fff; overflow-wrap:anywhere; }
.message-row.selected { background:#e8f3ef; }
.message-row.unread { border-left:3px solid #148166; }
.message-row strong { font-size:14px; font-weight:500; }
.message-row.unread strong { font-weight:700; }
.message-sender { font-size:12px; color:#526876; }
.message-reader { padding:20px 28px; min-width:0; overflow-wrap:anywhere; background:#fff; }
.message-reader h2 { font-size:20px; margin-top:18px; }
.reader-toolbar { display:flex; gap:8px; justify-content:flex-end; }
.message-reader dl { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; font-size:13px; margin:20px 0; }
.message-reader dt { color:#607785; }
.message-reader dd { margin:0; }
.message-body { white-space:pre-wrap; line-height:1.8; font-size:14px; border-top:1px solid #e1e7ea; padding-top:24px; }
.message-attachments { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; border-top:1px solid #e1e7ea; padding-top:16px; }
.message-attachments a { display:flex; align-items:center; gap:10px; color:#08715c; max-width:100%; }
.message-attachments small { display:block; color:#607785; margin-top:5px; }
@media(max-width:800px) {
  .inbox-layout { grid-template-columns:minmax(0,1fr); }
  .message-list { border-right:0; }
  .message-reader { padding:18px 14px; border-top:1px solid #dce4e8; }
  .inbox-controls { align-items:flex-start; flex-direction:column; gap:12px; }
  .inbox-controls label { width:100%; }
  #inbox-search-form { width:100%; }
  #inbox-search-form input { width:100%; min-width:0; }
}