#messages-section{--mail-bg:#faf9f6;--mail-panel:#fff;--mail-surface:#f0f4f5;--mail-text:#203740;--mail-muted:#53616b;--mail-line:#bbc8ce;--mail-accent:#244b5a;--mail-button:#fff;--mail-out:#e5f1ea;--mail-selected:#e6eef1;--mail-warning:#785013}
:root[data-theme="dark"] #messages-section{--mail-bg:#162129;--mail-panel:#1e2c36;--mail-surface:#233642;--mail-text:#edf2f4;--mail-muted:#bdcbd2;--mail-line:#738690;--mail-accent:#c4dce5;--mail-button:#193442;--mail-out:#234338;--mail-selected:#304952;--mail-warning:#f5ce8d}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]) #messages-section{--mail-bg:#162129;--mail-panel:#1e2c36;--mail-surface:#233642;--mail-text:#edf2f4;--mail-muted:#bdcbd2;--mail-line:#738690;--mail-accent:#c4dce5;--mail-button:#193442;--mail-out:#234338;--mail-selected:#304952;--mail-warning:#f5ce8d}}
#messages-section .conversation-workspace{background:var(--mail-bg)}
#messages-section .conversation-shell{height:min(820px,78vh);min-height:520px;border-color:var(--mail-line);background:var(--mail-bg)}
#messages-section .conversation-sidebar{min-height:0;background:var(--mail-panel);border-color:var(--mail-line)}
#messages-section .conversation-thread{grid-template-rows:auto minmax(100px,1fr) auto;min-height:0;background:var(--mail-bg);color:var(--mail-text)}
#messages-section .conversation-thread>header{flex-wrap:wrap;background:var(--mail-panel);border-color:var(--mail-line)}
#messages-section .conversation-thread>header>div{min-width:120px;overflow-wrap:anywhere}
#messages-section #conversation-thread-title{color:var(--mail-text)}
#messages-section .conversation-thread>header small,#messages-section .conversation-list-item small,#messages-section .conversation-list-item em,#messages-section .conversation-list-item time,#messages-section .message-bubble small,#messages-section .message-bubble time,#messages-section .ebay-history-note{color:var(--mail-muted);font-size:13px;line-height:1.4}
#messages-section .conversation-sidebar-head{color:var(--mail-text);border-color:var(--mail-line)}
#messages-section .conversation-sidebar-head input{min-width:0;background:var(--mail-panel);color:var(--mail-text);border-color:var(--mail-line);font-size:16px}
#messages-section .conversation-sidebar-head input::placeholder,#messages-section textarea::placeholder{color:var(--mail-muted);opacity:1}
#messages-section .conversation-list-item{background:var(--mail-panel);color:var(--mail-text);border-color:var(--mail-line);grid-template-columns:36px minmax(0,1fr);gap:8px}
#messages-section .conversation-list-item time{grid-column:2;text-align:left}
#messages-section .conversation-list-item:hover,#messages-section .conversation-list-item.active{background:var(--mail-selected)}
#messages-section .conversation-list-item.active{box-shadow:inset 4px 0 var(--mail-accent)}
#messages-section .conversation-avatar{width:36px;height:36px;background:var(--mail-surface);color:var(--mail-text)}
#messages-section .conversation-messages{min-height:0;padding:16px;overflow-wrap:anywhere;overscroll-behavior:contain}
#messages-section .message-bubble{max-width:92%;background:var(--mail-panel);color:var(--mail-text);box-shadow:none;border:1px solid var(--mail-line)}
#messages-section .message-bubble p{font-size:16px;color:var(--mail-text);white-space:pre-wrap;line-height:1.5}
#messages-section .message-bubble.outgoing{background:var(--mail-out)}
#messages-section [data-send-status="unknown"],#messages-section [data-send-status="transport"]{border:2px dashed var(--mail-warning)}
#messages-section .ebay-history-note{margin-top:auto}
#messages-section .conversation-empty{color:var(--mail-muted)}
#messages-section .ebay-message-item{background:var(--mail-panel);border-color:var(--mail-line);color:var(--mail-text);font-size:14px;line-height:1.5}
#messages-section .conversation-connectors{font-size:14px;color:var(--mail-muted)}
#messages-section a{color:var(--mail-accent)}
#messages-section .ebay-reply-button{border:1px solid var(--mail-line);background:var(--mail-panel);border-radius:8px;font-size:14px;min-height:44px;padding:10px;box-sizing:border-box;display:inline-flex;align-items:center}
#messages-section [hidden]{display:none!important}
#messages-section .ebay-reply-form{display:grid;gap:8px;padding:14px 16px;border-top:1px solid var(--mail-line);background:var(--mail-panel);margin:0}
#messages-section .ebay-reply-form label{font-size:15px;font-weight:700;color:var(--mail-text)}
#messages-section .ebay-reply-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#messages-section .ebay-reply-heading label{margin:0;flex:1;min-width:100px}
#messages-section #ebay-reply-voice{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 13px;border:1px solid var(--mail-line);border-radius:10px;background:var(--mail-surface);color:var(--mail-text);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
#messages-section #ebay-reply-voice.is-listening{border-color:var(--mail-accent);background:var(--mail-selected)}
#messages-section .ebay-reply-voice-help{color:var(--mail-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#messages-section .ebay-reply-form textarea{width:100%;box-sizing:border-box;min-height:88px;max-height:180px;resize:vertical;padding:10px 12px;border:1px solid var(--mail-line);border-radius:8px;background:var(--mail-bg);color:var(--mail-text);font:inherit;font-size:16px;line-height:1.4}
#messages-section .ebay-reply-form textarea:disabled{opacity:1;background:var(--mail-surface)}
#messages-section .ebay-reply-help{display:flex;justify-content:space-between;gap:12px;color:var(--mail-muted)}
#messages-section .ebay-reply-help small{font-size:13px;line-height:1.4}
#messages-section #ebay-reply-count{flex-shrink:0}
#messages-section #ebay-reply-status{font-size:14px;line-height:1.45;margin:0;color:var(--mail-text)}
#messages-section #ebay-reply-status:empty{display:none}
#messages-section .ebay-reply-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#messages-section .ebay-reply-actions button,#messages-section .conversation-back,#messages-section #conversation-refresh{min-height:44px;min-width:44px;border-radius:8px;padding:10px 14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
#messages-section .conversation-back{color:var(--mail-text);border:1px solid var(--mail-line);background:var(--mail-panel)}
#messages-section #ebay-reply-send,#messages-section #conversation-refresh{background:var(--mail-accent);color:var(--mail-button);border:1px solid var(--mail-accent)}
#messages-section #ebay-reply-check{background:var(--mail-panel);color:var(--mail-text);border:1px solid var(--mail-line)}
#messages-section button:disabled{opacity:.6;cursor:default}
#messages-section :is(button,a,input,textarea):focus-visible{outline:3px solid var(--mail-accent);outline-offset:3px}
@media(max-width:720px){
 #messages-section .conversation-workspace{padding:12px 10px}
 #messages-section .conversation-shell{height:auto;min-height:0;overflow:visible}
 #messages-section .conversation-sidebar{height:auto;min-height:280px}
 #messages-section .conversation-list{max-height:70dvh}
 #messages-section .conversation-thread{height:auto;grid-template-rows:auto auto auto}
 #messages-section .conversation-messages{overflow:visible;min-height:100px;max-height:none;padding:12px}
 #messages-section .ebay-reply-form{padding:12px 12px max(16px,env(safe-area-inset-bottom))}
 #messages-section .ebay-reply-actions button{flex:1}
 #messages-section .ebay-reply-help{flex-wrap:wrap;gap:4px}
}