.live-mail { min-height:100vh; background:#fff; color:#252a2e; }
.live-header { display:flex; align-items:center; gap:24px; padding:18px 28px; border-bottom:1px solid #e4e7e9; }
.live-header>span { margin-left:auto; overflow-wrap:anywhere; }
.live-layout { display:grid; grid-template-columns:210px minmax(0,1fr); }
.live-folders { padding:24px 16px; background:#f7f8f9; min-height:calc(100vh - 90px); }
.live-folders h2 { padding:0 12px; }
.live-folders nav { display:grid; gap:4px; margin:24px 0; }
.live-folders button { display:flex; justify-content:space-between; gap:8px; border:0; background:transparent; padding:12px; text-align:left; border-radius:6px; overflow-wrap:anywhere; }
.live-folders button[aria-current=true] { background:#e2ebe7; color:#145e49; font-weight:700; }
.live-folders p { padding:12px; font-size:12px; line-height:1.6; color:#687076; }
.live-content { min-width:0; padding:20px; }
.live-toolbar { display:flex; align-items:end; gap:12px; margin-bottom:16px; }
.live-toolbar label { flex:1; margin:0; }
.live-toolbar input { width:100%; }
.live-split { display:grid; grid-template-columns:minmax(220px, 38%) minmax(0,1fr); border:1px solid #e4e7e9; min-height:60vh; }
#live-list { border-right:1px solid #e4e7e9; }
.live-message { display:grid; width:100%; gap:6px; padding:18px; text-align:left; border:0; border-bottom:1px solid #e4e7e9; background:#fff; overflow-wrap:anywhere; }
.live-message:hover,.live-message:focus-visible { background:#f2f6f4; }
.live-message.unread { border-left:3px solid #145e49; }
.live-message small,.live-message time { color:#687076; }
.live-message time { font-size:11px; }
#live-detail { padding:24px; overflow-wrap:anywhere; min-width:0; }
#live-detail h2 { font-size:24px; }
.live-body { font-family:inherit; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; margin:28px 0; }
.live-pagination { display:flex; align-items:center; justify-content:center; gap:20px; padding-top:16px; }
.live-loading { padding:60px 24px; max-width:800px; margin:auto; }
.live-mail button:disabled { opacity:.5; cursor:default; }
.live-compose { width:min(720px,calc(100vw - 24px)); max-height:90vh; padding:24px; border:1px solid #dce1df; border-radius:12px; }
.live-compose::backdrop { background:#17211c66; }
.live-compose-heading,.live-compose-actions { display:flex; gap:12px; align-items:center; justify-content:space-between; }
.live-compose fieldset { border:0; padding:0; min-width:0; }
.live-compose input,.live-compose textarea,.live-compose select { width:100%; }
.live-compose input[type=file] { padding:8px 0; }
.live-address-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.compose-hint { color:#687076; font-size:12px; }
#compose-files { overflow-wrap:anywhere; }
@media(max-width:760px) {
  .live-header { flex-wrap:wrap; padding:16px; gap:12px; }
  .live-header>span { font-size:12px; }
  .live-layout,.live-split { grid-template-columns:1fr; }
  .live-folders { min-height:0; padding:12px; }
  .live-folders h2,.live-folders p { display:none; }
  .live-folders nav { display:flex; overflow:auto; margin:0; }
  .live-folders button { flex-shrink:0; }
  .live-content { padding:12px; }
  .live-toolbar { flex-wrap:wrap; }
  .live-toolbar label { flex-basis:100%; }
  #live-list { max-height:40vh; overflow:auto; border-right:0; border-bottom:1px solid #e4e7e9; }
  #live-detail { padding:16px; }
}