.inbox-layout{grid-template-columns:340px 1fr;height:calc(100vh - 60px);display:grid;overflow:hidden}.inbox-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inbox-contact-list{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.inbox-search{border-bottom:1px solid var(--line);padding:12px}.inbox-search-input{background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);border-radius:7px;width:100%;min-height:44px;padding:8px 12px;font-size:.875rem;transition:border-color .18s}.inbox-search-input:focus{border-color:var(--brand);outline:2px solid color-mix(in oklch, var(--brand) 30%, transparent);outline-offset:2px}.inbox-contacts-scroll{flex:1;overflow-y:auto}.inbox-contact-ul{margin:0;padding:0;list-style:none}.inbox-contact-li{margin:0;padding:0}.inbox-contact-item{border:0;border-bottom:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:4px;width:100%;min-height:44px;padding:12px 16px;transition:background .12s;display:grid}.inbox-contact-item:hover{background:var(--hover)}.inbox-contact-item:focus-visible{outline:2px solid color-mix(in oklch, var(--brand) 45%, transparent);outline-offset:-2px;z-index:1}.inbox-contact-item-active,.inbox-contact-item[aria-current=true]{background:var(--selected)}.inbox-contact-item-active .inbox-contact-preview,.inbox-contact-item[aria-current=true] .inbox-contact-preview,.inbox-contact-item-active .inbox-contact-time,.inbox-contact-item[aria-current=true] .inbox-contact-time{color:var(--muted-on-selected)}.inbox-contact-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.inbox-contact-name-unread{font-weight:700}.inbox-contact-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.8125rem;overflow:hidden}.inbox-contact-meta{justify-self:end;align-items:center;gap:6px;display:flex}.inbox-contact-time{color:var(--muted);white-space:nowrap;font-size:.75rem}.inbox-unread-count{background:var(--brand);color:var(--surface-card);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;min-height:18px;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-flex}.inbox-channel-badge{background:var(--info-soft);color:var(--info);letter-spacing:.3px;text-transform:uppercase;border-radius:4px;padding:2px 5px;font-size:.625rem;font-weight:700}.inbox-messages{flex-direction:column;display:flex;overflow:hidden}.inbox-messages-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:52px;padding:0 16px;display:flex}.inbox-messages-back{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px;font-size:1.25rem;display:none}.inbox-messages-back:focus-visible{outline:2px solid color-mix(in oklch, var(--brand) 45%, transparent);outline-offset:2px}.inbox-messages-name{margin:0;font-size:.9375rem;font-weight:600}.inbox-messages-phone{color:var(--muted);font-size:.8125rem}.inbox-messages-scroll{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.inbox-date-separator{color:var(--muted);text-align:center;margin:16px 0 8px;font-size:.75rem;font-weight:600}.inbox-bubble{word-break:break-word;border-radius:12px;max-width:75%;padding:8px 12px;font-size:.875rem;line-height:1.45}.inbox-bubble-inbound{background:var(--panel);border:1px solid var(--line);align-self:flex-start}.inbox-bubble-outbound{background:var(--brand-accent-soft);border:1px solid color-mix(in oklch, var(--brand) 15%, transparent);align-self:flex-end}.inbox-bubble-meta{color:var(--muted);gap:6px;margin-top:2px;font-size:.6875rem;display:flex}.inbox-bubble-meta-inbound{justify-content:flex-start}.inbox-bubble-meta-outbound{justify-content:flex-end}.inbox-empty{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;font-size:.875rem;display:flex}.inbox-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 16px;display:flex}.inbox-error p{color:var(--warning-text,var(--muted));margin:0;font-size:.875rem}.inbox-load-more-wrap{border-top:1px solid var(--line);flex-shrink:0;padding:12px}.inbox-load-more{width:100%;min-height:44px}.inbox-skeleton{flex-direction:column;gap:12px;padding:16px;display:flex}.inbox-skeleton-bubble{background:var(--line);border-radius:12px;height:36px;animation:1.2s ease-in-out infinite inbox-shimmer}.inbox-skeleton-bubble:nth-child(odd){align-self:flex-start;width:60%}.inbox-skeleton-bubble:nth-child(2n){align-self:flex-end;width:45%}@keyframes inbox-shimmer{0%,to{opacity:.4}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.inbox-contact-item,.inbox-search-input{transition:none}.inbox-skeleton-bubble{opacity:.55;animation:none}}@media (max-width:768px){.inbox-layout{grid-template-columns:1fr;height:calc(100svh - 60px);padding-bottom:74px}.inbox-contact-list[data-hidden=true],.inbox-messages[data-hidden=true]{display:none}.inbox-messages-back{display:inline-flex}}@media (max-width:320px){.inbox-layout{height:auto;min-height:calc(100vh - 60px)}.inbox-contact-item{padding:12px}.inbox-bubble{max-width:92%}}.inbox-compose{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.inbox-compose-channels{border:0;gap:8px;margin:0;padding:0;display:flex}.inbox-compose-channel{border:1px solid var(--line-strong);color:inherit;cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;font-size:.8125rem;font-weight:700;display:inline-flex}.inbox-compose-channel-active{background:var(--selected);border-color:var(--brand)}.inbox-compose-channel:has(input:focus-visible){outline:2px solid color-mix(in oklch, var(--brand) 30%, transparent);outline-offset:2px}.inbox-compose-channel:has(input:disabled){cursor:not-allowed;opacity:.68}.inbox-compose-input,.inbox-compose-textarea{background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);font:inherit;resize:vertical;border-radius:7px;width:100%;padding:8px 12px;font-size:.875rem}.inbox-compose-input{min-height:44px}.inbox-compose-input:focus,.inbox-compose-textarea:focus{border-color:var(--brand);outline:2px solid color-mix(in oklch, var(--brand) 30%, transparent);outline-offset:2px}.inbox-compose-meta{color:var(--muted);font-size:.6875rem}.inbox-compose-notice{color:var(--muted);margin:0;font-size:.875rem}.inbox-compose-send{align-self:flex-start}.inbox-compose-status,.inbox-compose-status-conflict{margin:0;font-size:.875rem}