.app-layout,.app-route{flex:1;min-width:0;min-height:0;display:flex}.app-layout{height:100dvh}.app-route{flex-direction:column}@media (width>=900px){.desktop-app{--desktop-line:color-mix(in srgb,var(--tx) 9%,transparent);--desktop-panel:color-mix(in srgb,var(--field) 55%,#fff);background:var(--field);grid-template-columns:72px minmax(0,1fr);display:grid;overflow:hidden}[data-theme=dark] .desktop-app{--desktop-panel:#302d3e}.desktop-app[data-page=chats]{grid-template-columns:72px 282px minmax(0,1fr)}.desktop-route{overflow:hidden}.desktop-app .phone{background:var(--field);min-width:0;height:100%;min-height:0;padding:0}.desktop-app .phone:before,.desktop-app .tabbar{display:none}.desktop-navigation{border-right:1px solid var(--desktop-line);background:var(--field);flex-direction:column;align-items:stretch;gap:28px;min-height:0;padding:27px 12px 16px;display:flex}.desktop-brand{min-height:44px;color:var(--accent);justify-content:center;align-items:center;display:flex}.desktop-brand .icon{fill:currentColor;stroke:none;width:29px;height:32px}.desktop-navigation nav{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.desktop-nav-item{min-height:55px;color:var(--mut);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;font-size:10px;display:flex}.desktop-nav-item:last-child{margin-top:auto}.desktop-nav-item[aria-current=page]{background:var(--soft);color:var(--accent)}.desktop-account{justify-content:center;align-items:center;min-height:44px;display:flex}.desktop-inbox{border-right:1px solid var(--desktop-line);background:var(--desktop-panel);min-height:0;overflow:hidden}.desktop-inbox .inbox-phone{background:0 0}.desktop-inbox .phone-header{justify-content:space-between;min-height:87px;padding:23px 20px 16px}.desktop-inbox .phone-header h3{letter-spacing:-.055em;font-size:28px;font-weight:500}.desktop-inbox .icon-button{color:var(--mut)}.desktop-inbox .inbox-tools{padding:0 18px 9px}.desktop-inbox .field{min-height:44px;padding:0 12px}.desktop-inbox .field input{padding:11px 0;font-size:13px}.desktop-inbox .text-tabs{gap:17px;margin:10px 3px 0}.desktop-inbox .text-tabs button{font-size:12px}.desktop-inbox .text-tabs button[aria-pressed=true]{color:var(--accent)}.desktop-inbox .inbox-filter-indicator{height:2px}.desktop-inbox .inbox-list-motion{padding:7px 10px}.desktop-inbox .conversation{gap:12px;min-height:88px;padding:17px 12px;position:relative}.desktop-inbox .conversation[aria-current=page]{background:var(--soft)}.desktop-inbox .conversation[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:24px;bottom:24px;left:-10px}.desktop-inbox .avatar{background:var(--tone-b);width:38px;height:38px;font-size:15px}.desktop-inbox .conversation:nth-of-type(3n+2) .avatar{background:var(--tone-a)}.desktop-inbox .conversation:nth-of-type(3n) .avatar{background:var(--tone-c)}.desktop-inbox .conversation-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.desktop-inbox .conversation-title time{white-space:nowrap;font-size:10px}.desktop-inbox .conversation-preview{gap:6px;margin-top:6px;font-size:12px}.desktop-inbox .conversation-preview .icon{width:13px;height:13px}.desktop-inbox .conversation-preview .unread{width:5px;height:5px}.desktop-inbox .inbox-pager{cursor:default;-webkit-user-select:auto;user-select:auto}.desktop-chat-empty{color:var(--mut);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;height:100%;font-size:14px;display:flex}.desktop-chat-empty .icon{width:32px;height:32px;color:var(--accent)}.desktop-app .status-toast{bottom:28px}.desktop-app dialog.modal-layer{align-items:center;padding:28px}.desktop-app .modal-layer .sheet{border-radius:14px;max-height:calc(100dvh - 56px);padding:24px}.desktop-app .modal-layer[open] .sheet{transition:none}}@media (width>=1280px){.desktop-app{grid-template-columns:80px minmax(0,1fr)}.desktop-app[data-page=chats]{grid-template-columns:80px 292px minmax(0,1fr)}.desktop-navigation{padding-left:13px;padding-right:13px}}@media (width>=1600px){.desktop-app{grid-template-columns:88px minmax(0,1fr)}.desktop-app[data-page=chats]{grid-template-columns:88px 320px minmax(0,1fr)}}@media (hover:hover) and (pointer:fine){.desktop-nav-item:hover,.desktop-account:hover,.desktop-inbox .conversation:hover{background:var(--soft)}}