.doctord-shell{grid-template-columns:78px minmax(0,1fr)}.compact-sidebar{width:78px;padding:24px 12px;z-index:20;overflow-x:hidden;transition:width .18s;box-shadow:4px 0 16px #08233012}.compact-sidebar .brand{white-space:nowrap;overflow:visible}.compact-sidebar .brandmark{width:42px;height:42px}.compact-sidebar .brandword,.compact-sidebar .nav-label{opacity:0;width:0;overflow:hidden;transition:opacity .14s;white-space:nowrap}.compact-sidebar .nav button{position:relative;width:54px;padding:13px 16px;gap:12px;min-height:48px;flex-shrink:0}.compact-sidebar .nav button.selected:after{display:none}.compact-sidebar .sidebottom{padding:15px 5px 0}.compact-sidebar .sidebottom>div:last-child{display:none}.compact-sidebar .sidebrand>button{display:none}.support-counter,.unread-badge{font-size:12px!important;font-weight:700;color:white;background:#e85268;border-radius:12px;min-width:20px;text-align:center;padding:1px 5px}.support-counter{position:absolute;right:2px;top:2px}.support-counter[hidden]{display:none}.settings-nav{display:flex;gap:8px;margin-bottom:24px;overflow:auto;padding-bottom:6px}.settings-nav button{white-space:nowrap}.settings-nav .selected{background:var(--accent);color:var(--surface)}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.channel-grid .formactions{flex-wrap:wrap}.channel-grid .formactions button{white-space:normal}.channel-grid input{font-size:.85rem}.support-content{height:calc(100dvh - 84px);padding:18px 22px!important;max-width:none!important;min-height:0}.support-workspace{height:100%;display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.inbox{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);min-width:0}.inbox-head{padding:22px 20px 12px}.inbox-head h1{font-size:1.2rem;letter-spacing:-.02em}.inbox-head small{font-size:.82rem}.inbox-filters{display:flex;gap:5px;padding:5px 12px 12px;overflow-x:auto;flex-shrink:0}.inbox-filters button{font-size:.82rem;min-height:35px;padding:7px 10px;white-space:nowrap;border:0;background:var(--soft)}.inbox-filters .selected{color:var(--accent);background:var(--tint)}#chat-search{padding:0 12px 12px;display:flex;gap:5px}#chat-search input{min-width:0;font-size:.85rem}#chat-search button{padding:8px}.chat-list{overflow-y:auto;min-height:0;flex:1}.chat-row{width:100%;border:0;border-radius:0;border-top:1px solid var(--line);padding:16px 13px;justify-content:flex-start;gap:11px;min-height:80px;text-align:left}.chat-row.selected{background:var(--tint)}.contact-avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--tint);color:var(--accent);font-weight:700;flex-shrink:0}.chat-row-text{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}.chat-row strong{font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-row small{font-size:.78rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{display:flex;flex-direction:column;position:relative;min-height:0;min-width:0;background:var(--soft)}.chat-header{flex-shrink:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.chat-heading{display:flex;align-items:center;gap:10px;min-width:0}.chat-heading h2{font-size:1rem;overflow-wrap:anywhere}.chat-heading small{font-size:.8rem}.chat-header .actions{gap:7px}.chat-header .actions button{font-size:.8rem}.mobile-back{display:none}.message-history{flex:1;min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:15px;overscroll-behavior:contain}.message{max-width:78%;width:fit-content;min-width:140px;align-self:flex-start;border:1px solid var(--line);border-radius:13px 13px 13px 3px;background:var(--surface);padding:12px 15px;box-shadow:0 2px 5px #00000003}.message.out{align-self:flex-end;background:var(--tint);border-color:transparent;border-radius:13px 13px 3px 13px}.message.note{align-self:center;background:#fff3d6;color:#614b15;max-width:90%;border-color:#e9d399}.dark .message.note{background:#473b22;color:#fae0a0;border-color:#6d5832}.message.system{min-width:0;align-self:center;font-size:.8rem;color:var(--muted);border:0;background:transparent;text-align:center;padding:4px;max-width:95%;box-shadow:none}.message.system .prewrap{font-size:.8rem}.message-meta{display:flex;justify-content:flex-end;gap:10px;font-size:.72rem;margin-top:8px;color:var(--muted)}.message .prewrap{font-size:.95rem}.attachment-link{display:flex;gap:8px;align-items:center;margin-top:10px;overflow-wrap:anywhere}.message-error{font-size:.8rem;color:var(--danger);margin-top:8px}.message-error button{margin-top:6px}.chat-composer{padding:12px 18px 16px;background:var(--surface);border-top:1px solid var(--line);flex-shrink:0}.compose-mode{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.compose-mode select{min-height:32px;padding:4px 8px;font-size:.82rem;width:auto}.compose-mode span{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-row{display:flex;gap:8px;align-items:flex-end}.compose-row textarea{min-height:46px;height:46px;max-height:130px;flex:1;resize:vertical;line-height:1.45}.compose-row button{width:44px;flex-shrink:0;padding:10px}.recording{background:var(--danger)!important;color:white!important}.composer-disabled{padding:16px;text-align:center;background:var(--surface);color:var(--muted);font-size:.9rem}.support-empty{margin:auto;padding:30px;max-width:460px;text-align:center;color:var(--muted)}.support-empty>.icon{width:50px;height:50px;color:var(--accent);margin:0 auto 20px}.support-empty h2{margin-bottom:10px;color:var(--text)}.thread-info{padding:20px;background:var(--surface);border-bottom:1px solid var(--line);max-height:45%;overflow:auto;flex-shrink:0}.thread-info .actions{margin:18px 0 10px}.load-more{display:block;margin:12px auto}.chat-panel .thread-info[hidden]{display:none}
@media(min-width:761px){.compact-sidebar:hover,.compact-sidebar:has(:focus-visible){width:254px}.compact-sidebar:hover .nav button,.compact-sidebar:has(:focus-visible) .nav button{width:230px}.compact-sidebar:hover .brandword,.compact-sidebar:has(:focus-visible) .brandword,.compact-sidebar:hover .nav-label,.compact-sidebar:has(:focus-visible) .nav-label{opacity:1;width:auto}.compact-sidebar:hover .sidebottom>div:last-child,.compact-sidebar:has(:focus-visible) .sidebottom>div:last-child{display:block}.compact-sidebar:hover .support-counter,.compact-sidebar:has(:focus-visible) .support-counter{position:static;margin-left:auto}}
@media(max-width:1200px){.channel-grid{grid-template-columns:1fr}.support-workspace{grid-template-columns:275px minmax(0,1fr)}.chat-header{padding:12px}.message{max-width:90%}}
@media(max-width:760px){.doctord-shell{display:block}.compact-sidebar{width:260px;padding:24px 12px;overflow-y:auto}.compact-sidebar .brandword,.compact-sidebar .nav-label{opacity:1;width:auto}.compact-sidebar .nav button{width:236px}.compact-sidebar .sidebottom>div:last-child{display:block}.compact-sidebar .sidebrand>button{display:inline-flex}.compact-sidebar .support-counter{position:static;margin-left:auto}.compact-sidebar .brandword{font-size:.95rem}.support-content{height:calc(100dvh - 72px);padding:0!important}.support-workspace{grid-template-columns:minmax(0,1fr);border:0;border-radius:0}.support-workspace:not(.has-chat) .chat-panel{display:none}.support-workspace.has-chat .inbox{display:none}.inbox{border:0}.inbox-filters{justify-content:space-between}.chat-header{gap:10px}.chat-heading{flex:1}.chat-header .actions{width:100%;justify-content:flex-end}.chat-header .actions button{font-size:.8rem;min-height:36px;padding:6px 9px}.mobile-back{display:inline-flex;padding:8px;width:36px;min-height:36px;flex-shrink:0;transform:rotate(180deg);font-size:0;gap:0}.mobile-back .icon{width:17px}.message-history{padding:16px 12px}.message{max-width:90%;padding:10px 12px}.message .prewrap{font-size:.94rem}.chat-composer{padding:9px 8px max(10px,env(safe-area-inset-bottom))}.compose-row{gap:5px}.compose-row button{width:36px;padding:8px}.compose-row textarea{font-size:16px;min-width:0}.compose-mode select{font-size:.82rem}.thread-info .detailgrid{grid-template-columns:1fr 1fr}.settings-nav{gap:6px}.settings-nav button{font-size:.85rem;padding:8px 10px}.chat-header h2{font-size:.92rem}.chat-header .contact-avatar{width:35px;height:35px}.support-counter{font-size:11px!important}.channel-grid .cardbody{padding:16px}}