.om-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.om-intro .oq-scope{margin-top:14px}.om-layout{display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden;min-height:650px}.om-inbox{border-right:1px solid var(--border);background:var(--surface-2);padding:23px 16px;min-width:0}.om-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 19px;gap:12px}.om-inbox-head h3{font-size:15px;margin:0}.om-inbox-head span{display:block;font-size:10px;color:var(--ink-3);margin-top:7px}.om-inbox-head .icon-btn{border:1px solid var(--border);border-radius:10px;background:var(--surface);height:36px;width:36px}.om-search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);background:var(--surface);border-radius:10px;height:41px}.om-search svg{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.om-search input{font:400 11px var(--font-sans);color:var(--ink);min-width:0;width:100%;background:none;border:0;outline:0}.om-search:focus-within{outline:2px solid var(--accent-soft-ink);outline-offset:2px}.om-inbox-filters{display:flex;gap:7px;margin:15px 0}.om-inbox-filters button{background:none;border:1px solid transparent;padding:7px 11px;color:var(--ink-3);font:500 10px var(--font-sans);cursor:pointer;border-radius:8px}.om-inbox-filters .active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-soft-ink)}.om-notice-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);padding:8px 11px;border-radius:8px;font-size:10px;color:var(--ink-2);margin-bottom:12px}.om-notice-filter button{border:0;background:none;color:var(--ink-3);cursor:pointer;display:flex;padding:0}.om-notice-filter svg{height:13px;width:13px}.om-thread-list{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow:auto;scrollbar-width:thin;padding:2px}.om-thread{display:flex;align-items:flex-start;width:100%;border:1px solid transparent;border-radius:12px;gap:10px;padding:13px 10px;cursor:pointer;text-align:left;background:none;color:var(--ink);font-family:var(--font-sans)}.om-thread:hover{background:var(--surface)}.om-thread.active{background:var(--surface);border-color:var(--accent-soft-ink);box-shadow:0 3px 10px #172b1710}.om-thread:focus-visible{outline:2px solid var(--accent-soft-ink);outline-offset:1px}.om-thread .avatar{height:33px;width:33px;font-size:10px;flex-shrink:0}.om-thread-copy{flex:1;min-width:0}.om-thread-copy>span{display:flex;align-items:center;gap:8px;justify-content:space-between}.om-thread-copy b{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.om-thread.unread b{font-weight:700}.om-thread time{font-size:8px;color:var(--ink-3);white-space:nowrap}.om-thread small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--ink-3);line-height:1.5;margin-top:5px}.om-thread .om-thread-subject{font-size:9px;color:var(--ink-2)}.om-thread-subject svg{height:11px;width:11px;vertical-align:-2px;margin-right:3px}.om-unread,.om-nav-count{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:9px;min-width:18px;min-height:18px;padding:2px 4px;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.om-nav-count{margin-left:auto}.om-inbox-foot{font-size:9px;color:var(--ink-3);line-height:1.6;padding:11px 7px 0;margin:0}.om-conversation{min-width:0;display:flex;flex-direction:column;background:var(--surface)}.om-conversation-head{display:flex;align-items:center;gap:12px;padding:24px 27px;border-bottom:1px solid var(--border)}.om-conversation-head .avatar{width:38px;height:38px;font-size:12px;flex-shrink:0}.om-conversation-head>div{min-width:0;flex:1}.om-conversation-head h3{font-size:15px;margin:0}.om-conversation-head p{font-size:10px;margin:6px 0 0;color:var(--ink-3);line-height:1.5;overflow-wrap:anywhere}.om-conversation-head p svg{height:12px;width:12px;vertical-align:-2px}.om-private{display:flex;gap:5px;align-items:center;color:var(--accent-soft-ink);background:var(--accent-soft);padding:7px 9px;border-radius:8px;font-size:9px}.om-private svg{height:12px;width:12px}.om-bubbles{display:flex;flex-direction:column;gap:18px;min-height:300px;max-height:490px;overflow:auto;padding:28px 27px;scrollbar-width:thin;flex:1}.om-bubble{max-width:86%;align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:12px 12px 12px 3px;padding:14px 16px}.om-bubble.mine{align-self:flex-end;background:var(--accent-soft);border-color:transparent;border-radius:12px 12px 3px 12px}.om-bubble>div{display:flex;align-items:center;gap:16px;justify-content:space-between}.om-bubble b{font-size:10px;font-weight:600}.om-bubble time{color:var(--ink-3);font-size:8px;white-space:nowrap}.om-bubble p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.om-load-earlier{align-self:center;font-size:10px}.om-load-earlier svg{width:12px;height:12px}.om-reply-form{padding:19px 27px 24px;border-top:1px solid var(--border)}.om-reply-form textarea{resize:vertical;min-height:86px;font-size:12px}.om-reply-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.om-reply-foot>span{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.6;color:var(--ink-3)}.om-reply-foot>span svg{height:12px;width:12px;flex-shrink:0}.om-reply-foot .btn{min-width:107px;min-height:39px;font-size:11px}.om-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:430px;color:var(--ink-3);gap:14px;padding:35px;flex:1}.om-empty>svg{height:45px;width:45px;opacity:.5}.om-empty h3{font:700 22px var(--font-serif);letter-spacing:-.5px;color:var(--ink);margin:6px 0 0}.om-empty p{font-size:12px;line-height:1.8;max-width:340px;margin:0}.om-conversation-empty{min-height:240px}.om-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:40px 20px;font-size:11px;color:var(--ink-3);text-align:center}.om-list-empty svg{height:27px;width:27px;opacity:.5}.om-list-empty p{margin:0;line-height:1.8}.om-new-conversation{padding:38px;max-width:650px}.om-compose-icon{display:inline-flex;height:48px;width:48px;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-soft-ink);border-radius:14px;margin-bottom:25px}.om-compose-icon svg{height:24px;width:24px}.om-new-conversation .section-eyebrow{display:block}.om-new-conversation h2{font:700 25px/1.35 var(--font-serif);letter-spacing:-.6px;margin:13px 0 10px}.om-new-conversation>p{font-size:12px;line-height:1.8;color:var(--ink-3);margin-bottom:27px}.om-new-conversation .field{margin-bottom:21px}.om-new-conversation label{font-size:11px;color:var(--ink-2)}.om-new-conversation .select,.om-new-conversation textarea{font-size:12px}.om-hint{font-size:11px;line-height:1.8;color:var(--ink-3)}.om-reply-form .modal-error,.om-new-conversation .modal-error{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.om-layout{grid-template-columns:280px minmax(0,1fr)}.om-thread{padding:12px 8px}.om-thread-copy>span{flex-wrap:wrap;gap:3px}.om-conversation-head{padding:22px}.om-bubbles{padding:24px 22px}.om-reply-form{padding:19px 22px}.om-bubble{max-width:94%}.om-private{display:none}.om-new-conversation{padding:28px}.om-intro{flex-direction:column;gap:13px}.om-intro .oq-scope{margin:0}}
@media(max-width:700px){.om-layout{grid-template-columns:minmax(0,1fr)}.om-inbox{border-right:0;border-bottom:1px solid var(--border);padding:20px 16px}.om-thread-list{max-height:280px}.om-thread-copy>span{flex-wrap:nowrap}.om-conversation-head{padding:22px 20px}.om-bubbles{min-height:310px;max-height:450px;padding:23px 20px}.om-bubble{max-width:96%}.om-bubble>div{flex-wrap:wrap;gap:5px 15px}.om-bubble p{font-size:12px}.om-reply-form{padding:18px 20px}.om-reply-foot{align-items:flex-start}.om-reply-foot>span{max-width:180px;font-size:8px}.om-empty{min-height:270px}.om-empty h3{font-size:21px}.om-new-conversation{padding:27px 22px}}

.om-inbox-foot{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.om-inbox-foot .text-link{font-size:10px}.om-inbox-foot .text-link svg{height:12px;width:12px;transform:rotate(90deg)}
