/* Accent ladder / Operate. 390px = 16 + 358 + 16; rows share these edges. */
.v18 { --inbox-rule:#e7ece9; --inbox-muted:#607168; }
.v18 .nav18 .nav-icon { position:relative; }
.v18 .nav18 .unread18 { position:absolute; top:-5px; left:15px; border:2px solid #fff; }
.unread18 { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:#146b55; color:#fff; font-size:12px; font-weight:600; line-height:1; flex:none; font-variant-numeric:tabular-nums; }
.v18 .inbox18 { background:#fff; min-height:calc(100dvh - 132px); padding:0 16px 24px; }
.inbox-tools18 { display:flex; align-items:center; justify-content:space-between; min-height:56px; gap:16px; border-bottom:1px solid var(--inbox-rule); }
.inbox-tabs18 { display:flex; align-items:center; gap:24px; }
.inbox-tabs18 button { position:relative; border:0; background:none; padding:0; height:52px; min-width:44px; font-size:15px; color:#607168; }
.inbox-tabs18 button.selected { color:#192923; font-weight:600; }
.inbox-tabs18 button.selected::after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#146b55; }
.inbox-tabs18 small { font-size:12px; font-variant-numeric:tabular-nums; }
.inbox-tools18>.text-btn { min-height:44px; font-size:13px; }
.inbox-tools18>.text-btn:disabled { color:#607168; cursor:default; }
.inbox-services18 { border-bottom:8px solid #f5f7f6; margin:0 -16px; padding:0 16px; }
.inbox-service18 { display:flex; align-items:center; gap:12px; padding:16px 0; color:#192923; min-height:78px; }
.inbox-service18+.inbox-service18 { border-top:1px solid var(--inbox-rule); }
.service-symbol18 { display:flex; justify-content:center; align-items:center; width:48px; height:48px; flex:none; background:#f0f4f2; border-radius:14px; color:#31594b; }
.service-symbol18 svg { width:23px; height:23px; }
.inbox-service18>svg,.conversation18>svg { width:16px; height:16px; color:#607168; flex:none; }
.conversation18 { display:flex; align-items:center; gap:12px; min-height:84px; padding:16px 0; color:#192923; border-bottom:1px solid var(--inbox-rule); }
.conversation18 .avatar,.conversation-avatar18 { width:52px; height:52px; border-radius:50%; flex:none; object-fit:cover; overflow:hidden; }
.conversation-copy18 { min-width:0; flex:1; display:flex; flex-direction:column; gap:6px; }
.conversation-title18 { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.conversation-copy18 b { font-size:16px; font-weight:600; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-title18 time { flex:none; font-size:12px; line-height:18px; color:#607168; font-variant-numeric:tabular-nums; }
.conversation-preview18 { display:flex; align-items:center; gap:12px; justify-content:space-between; min-width:0; }
.conversation-preview18>span:first-child,.service-preview18 { font-size:13px; line-height:20px; color:#607168; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-preview18 em { font-style:normal; color:#607168; }
.has-unread18 .conversation-preview18>span:first-child { color:#192923; }
.inbox-empty18 { display:flex; flex-direction:column; align-items:center; text-align:center; padding:44px 16px 32px; gap:12px; }
.inbox-empty18>span { display:flex; align-items:center; justify-content:center; color:#607168; width:44px; height:44px; }
.inbox-empty18>span>svg { width:32px; height:32px; }
.inbox-empty18 h2 { font-size:18px; font-weight:600; line-height:26px; margin:0; }
.inbox-empty18 p { color:#607168; font-size:14px; line-height:22px; margin:0 0 8px; max-width:27ch; }
.inbox-empty18 .btn { min-width:144px; min-height:48px; }
.inbox-footnote18 { margin:24px 0 0; text-align:center; color:#607168; font-size:12px; line-height:20px; }
.inbox-search18 { display:flex; align-items:center; gap:10px; border:1px solid #ccd6cf; border-radius:12px; padding:0 12px; min-height:46px; margin:16px 0 8px; color:#607168; }
.inbox-search18>svg { width:20px; height:20px; flex:none; }
.inbox-search18 input { width:100%; min-width:0; border:0; padding:12px 0; background:transparent; font:inherit; font-size:16px; outline:none; color:#192923; }
.inbox-search18:focus-within { outline:2px solid #146b55; outline-offset:2px; }
.inbox-search18 input::placeholder { color:#607168; }
.page-note18 { font-size:14px; line-height:22px; color:#607168; margin:0 0 12px; }
.new-conversations18 { background:#fff; padding:0 16px; border-radius:14px; }
.new-conversations18 .conversation18:last-child { border:0; }
.notification-list18 .notification-row14 { position:relative; }
.v18 .chat-route10 { background:#f5f7f6; }
.v18 .chat-top10 { background:#fff; border-bottom:1px solid #e0e7e2; }
.v18 .chat5-messages { display:flex; flex-direction:column; gap:12px; }
.v18 .chat5-bubble { max-width:84%; padding:12px 14px; border-radius:14px; box-shadow:none; margin:0; border:1px solid #e0e7e2; background:#fff; }
.v18 .chat5-bubble.mine { align-self:flex-end; background:#e6f1eb; border-color:#d6e5dc; color:#192923; border-bottom-right-radius:4px; }
.v18 .chat5-bubble.theirs { align-self:flex-start; border-bottom-left-radius:4px; }
.v18 .chat5-bubble p { font-size:15px; line-height:24px; white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.v18 .chat5-bubble small { display:block; text-align:right; font-size:12px; color:#52705e; margin-top:5px; }
.chat-date18 { text-align:center; font-size:12px; color:#607168; margin:12px 0; }
.chat-intro18 { padding:48px 16px; text-align:center; }
.chat-intro18 h2 { font-size:18px; margin:0 0 12px; }
.chat-intro18 p { font-size:14px; line-height:22px; color:#607168; }
.v18 .chat5-dock10 { background:#fff; border-top:1px solid #e0e7e2; }
.v18 .chat5-compose { align-items:flex-end; gap:10px; padding:12px 16px; }
.v18 .chat5-compose textarea { min-height:46px; max-height:126px; resize:none; border-radius:12px; font-size:16px; }
.v18 .chat5-compose button { width:46px; height:46px; min-width:46px; padding:0; border-radius:12px; flex:none; }
.v18 .chat5-status { font-size:14px; line-height:22px; padding:18px 16px; color:#607168; }
.profile-section18 { font-size:16px; font-weight:600; display:block; padding:16px 0; }
.profile-section18 small { font-size:13px; font-weight:400; color:#607168; margin-left:4px; }
.v18 .list-row14:has(>svg) { gap:12px; }
.v18 .list-row14>span:not([class]) { flex:1; }
.v18 .inbox18 ::selection,.v18 .chat5-messages ::selection { background:#d2e8dc; color:#192923; }
.v18 input,.v18 textarea { caret-color:#146b55; }
.v18 .conversation18:active,.v18 .inbox-service18:active { background:#f5f7f6; }
.v18 .conversation18:focus-visible,.v18 .inbox-service18:focus-visible,.v18 .inbox-tabs18 button:focus-visible { outline:2px solid #146b55; outline-offset:-2px; border-radius:8px; }
@media (hover:hover) { .conversation18:hover,.inbox-service18:hover { background:#f5f7f6; } }
@media (max-width:374px) { .v18 .inbox18 { padding-left:14px; padding-right:14px; }.inbox-services18 { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; }.conversation18 { gap:10px; } }
@media (prefers-reduced-motion:no-preference) { .inbox-tabs18 button,.conversation18,.inbox-service18 { transition:background-color 140ms ease-out,color 140ms ease-out; } }
.v18 .chat5-status { background:#f5f7f6; border-radius:0; }
.sr-only18 { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }