.inbox-main { max-width:1450px; }
.inbox { display:grid; grid-template-columns:320px minmax(0,1fr); min-height:650px; border:1px solid #cdded5; border-radius:15px; overflow:hidden; background:white; }
.inbox [hidden], .inbox-main [hidden] { display:none!important; }
.conversation-sidebar { border-right:1px solid #dce7e0; background:#f7faf8; }
.inbox-filter { display:grid; gap:14px; padding:20px; border-bottom:1px solid #dce7e0; }
.inbox-filter label { font-size:12px; font-weight:600; color:#365c55; }
.inbox-filter input, .inbox-filter select { display:block; width:100%; margin-top:7px; padding:11px; border:1px solid #a9c0b5; background:white; border-radius:7px; font-size:14px; color:#193d40; }
.thread-list { max-height:590px; overflow:auto; }
.thread-row { width:100%; text-align:left; display:block; padding:19px 20px; border:0; border-bottom:1px solid #e0e9e2; background:transparent; color:#193d40; cursor:pointer; }
.thread-row:hover { background:#eef5ef; }
.thread-row.selected { background:#e1eee5; box-shadow:inset 4px 0 #1b685b; }
.thread-row strong { display:inline-block; max-width:155px; overflow-wrap:anywhere; font-size:14px; }
.thread-row p { font-size:12px; line-height:1.6; color:#56726a; margin:10px 0; overflow-wrap:anywhere; }
.thread-row small { font-size:11px; color:#56726a; }
.unread-badge,.thread-state { float:right; padding:4px 6px; font-size:10px; border-radius:12px; }
.unread-badge { background:#20584e; color:white; }
.thread-state { background:#ecf0ec; color:#56726a; }
.inbox-empty { padding:25px 20px; color:#56726a; font-size:14px; line-height:1.7; }
.choose-conversation { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:580px; padding:40px; text-align:center; }
.choose-conversation > span { font-size:40px; color:#b07d36; margin-bottom:24px; }
.choose-conversation h2 { font-size:26px; letter-spacing:-.5px; }
.choose-conversation p { max-width:300px; color:#56726a; font-size:15px; line-height:1.8; margin-top:14px; }
.conversation-heading { padding:25px; border-bottom:1px solid #dce7e0; display:flex; align-items:start; justify-content:space-between; gap:16px; }
.conversation-heading h2 { font-size:24px; overflow-wrap:anywhere; }
.conversation-heading p { font-size:12px; color:#56726a; margin-top:8px; overflow-wrap:anywhere; }
.conversation-heading a { text-decoration:underline; }
.subtle-button, .email-status button { padding:10px 13px; border:1px solid #a9c0b5; background:white; border-radius:7px; font-size:12px; color:#193d40; cursor:pointer; }
.subtle-button { flex-shrink:0; }
.email-status { padding:12px 25px; background:#f9f5e9; color:#635534; font-size:11px; line-height:1.6; display:flex; align-items:center; gap:12px; }
.email-status button { background:#fffdf8; }
.inbox-messages { height:360px; padding:25px; overflow:auto; background:#f6f9f7; overscroll-behavior:contain; }
.inbox-message { max-width:85%; padding:15px 18px; border:1px solid #dce7e0; border-radius:12px 12px 12px 3px; background:white; margin:0 0 18px; }
.inbox-message small { display:block; font-size:11px; color:#56726a; margin-bottom:7px; }
.inbox-message p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.65; margin:0; }
.from-team { background:#dfede4; margin-left:auto; border-color:#c5daca; border-radius:12px 12px 3px 12px; }
.from-automatic { background:#faf7ed; border-style:dashed; }
.reply-form { padding:20px 25px; border-top:1px solid #dce7e0; }
.reply-form label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.reply-form textarea { display:block; width:100%; max-height:200px; resize:vertical; border:1px solid #98b2a5; border-radius:8px; padding:14px; font:inherit; font-size:15px; color:#193d40; background:white; }
.reply-form > div { display:flex; align-items:center; gap:20px; justify-content:space-between; margin-top:12px; }
.reply-form p { font-size:11px; color:#56726a; max-width:340px; line-height:1.6; }
.reply-form .button { flex-shrink:0; font-size:13px; padding:13px 19px; }
.inbox-footnote { font-size:12px; color:#56726a; line-height:1.8; margin-top:22px; }
#sync-status { font-size:12px; color:#56726a; }
.inbox button:focus-visible { outline:3px solid #aa723a; outline-offset:-3px; }
@media(max-width:900px) { .inbox { grid-template-columns:260px minmax(0,1fr); } .thread-row strong { max-width:110px; } .conversation-heading { flex-wrap:wrap; } .reply-form > div { align-items:flex-end; } }
@media(max-width:680px) { .inbox { grid-template-columns:1fr; } .thread-list { max-height:220px; } .conversation-sidebar { border-right:0; border-bottom:1px solid #dce7e0; } .inbox-filter { grid-template-columns:1.3fr 1fr; padding:16px; } .choose-conversation { min-height:220px; } .conversation-heading,.reply-form { padding:20px; } .inbox-messages { height:340px; padding:18px; } .reply-form textarea { font-size:16px; } .reply-form > div { align-items:start; flex-direction:column; gap:12px; } .thread-row strong { max-width:65%; } }