/* Shared full-page chat treatment. The compact help widget keeps its own layout. */
.support-workspace,.customer-chat-workspace,.support-dock{--chat-shell:#fff;--chat-canvas:#f4f6f9;--chat-rail:#eef1f5;--chat-header:#f7f8fc;--chat-bubble:#fff;--chat-line:#dfe4eb;--chat-ink:#202a39;--chat-muted:#707b8b;--chat-selected:#edf0f5;--chat-own:#fff0e5;--chat-own-line:#f0d8c6;--chat-accent:#ff5000;--chat-focus:#c74509;color:var(--chat-ink);color-scheme:light}
body.dark-admin .support-dock,body.dark-admin .support-workspace,html[data-theme=dark] .customer-chat-workspace{--chat-shell:#1c242a;--chat-canvas:#131c26;--chat-rail:#111924;--chat-header:#111827;--chat-bubble:#111b29;--chat-line:#313c48;--chat-ink:#f1f3f7;--chat-muted:#9ca6b4;--chat-selected:#333d47;--chat-own:#30323a;--chat-own-line:#4c4540;--chat-focus:#ffa875;color-scheme:dark}
.support-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;padding:0!important;border:0!important}
body.admin-surface:has(.support-workspace)::before,body.admin-surface:has(.support-workspace)::after{display:none}
body.admin-surface:has(.support-workspace) #content{padding:24px 28px!important}
body.admin-surface:has(.support-workspace) .admin-footer{display:none}
body.admin-surface .support-workspace.support-inbox{display:grid;grid-template-columns:minmax(275px,.82fr) minmax(0,2fr);gap:16px;height:calc(100dvh - 135px);min-height:510px;max-height:1100px;overflow:visible;border:0;border-radius:0;box-shadow:none;background:none}
body.admin-surface .support-workspace .support-inbox-sidebar{display:grid;grid-template-columns:64px minmax(0,1fr);border:1px solid var(--chat-line);border-radius:25px;overflow:hidden;background:var(--chat-shell)}
.support-workspace-rail{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:9px 7px;background:var(--chat-rail);border-right:1px solid var(--chat-line)}
.support-workspace-rail>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:65px;padding:10px 2px;border-radius:16px;color:var(--chat-muted);font-size:9px;font-weight:600;text-decoration:none}
.support-workspace-rail>a.active{color:#18202d;background:#fff;box-shadow:0 3px 12px #0000000a}
.support-workspace-rail>a:not(.active):hover{background:var(--chat-selected);color:var(--chat-ink)}
.support-workspace-rail svg{width:22px;height:22px}
.support-rail-mark{margin-top:auto;text-align:center;font-size:10px;letter-spacing:1px;color:var(--chat-muted);padding:15px 0}
.support-sidebar-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.support-sidebar-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:21px 16px 17px}
.support-sidebar-heading h1{font-size:15px;letter-spacing:-.3px;margin:0;color:var(--chat-ink);font-weight:650}
.support-sidebar-heading p{font-size:10px;line-height:1.5;margin:5px 0 0;color:var(--chat-muted)}
.support-workspace .support-tool{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:var(--chat-selected);border:1px solid var(--chat-line);border-radius:10px;color:var(--chat-muted);padding:7px;cursor:pointer}
.support-tool svg{width:16px;height:16px}
.support-workspace .support-search{display:flex;align-items:center;position:relative;margin:0 16px 17px;padding:0;border:0;background:transparent}
.support-workspace .support-search label{width:100%;min-width:0}
body.admin-surface .support-workspace .support-search input{padding:11px 12px 11px 36px;border:1px solid var(--chat-line);border-radius:13px;background:var(--chat-selected);color:var(--chat-ink);margin:0;font-size:11px;width:100%;height:40px}
.support-workspace .support-search input::placeholder{color:var(--chat-muted)}
body.admin-surface .support-workspace .support-search button{position:absolute;left:1px;top:1px;width:33px;height:38px;display:grid;place-items:center;padding:8px;background:transparent;color:var(--chat-muted);border:0}
.support-workspace .support-search button svg{width:16px;height:16px}
.support-list-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 10px;font-size:9px;font-weight:600;letter-spacing:1.2px;color:var(--chat-muted)}
.support-workspace #support-inbox-list{padding:0 9px;max-height:none;scrollbar-width:thin;scrollbar-color:var(--chat-line) transparent}
body.admin-surface .support-workspace .support-inbox-row{padding:15px 12px;border:1px solid transparent;border-radius:15px;margin-bottom:6px;color:var(--chat-ink);background:transparent}
body.admin-surface .support-workspace .support-inbox-row.selected{background:var(--chat-selected);border-color:var(--chat-line);box-shadow:none}
body.admin-surface .support-workspace .support-inbox-row:hover{background:var(--chat-selected)}
.support-workspace .support-inbox-row strong{font-size:12px;line-height:1.6;font-weight:600}
.support-workspace .support-inbox-row time{font-size:9px;color:var(--chat-muted);flex-shrink:0;line-height:1.8}
.support-workspace .support-inbox-row>div+div{margin-top:7px;align-items:center}
.support-workspace .support-customer-uid,.support-workspace .support-customer-uid code{font-family:inherit;font-weight:400;color:var(--chat-muted);font-size:10px;margin:0;line-height:1.7}
.support-workspace .support-unread{margin:0;padding:2px 6px;background:var(--chat-accent);color:#fff!important;font-size:9px!important;min-width:19px;text-align:center}
body.admin-surface .support-workspace .support-pagination{display:flex;justify-content:center;padding:12px 10px;gap:10px;font-size:10px;border-top:1px solid var(--chat-line);background:transparent;color:var(--chat-muted)}
.support-workspace .support-inbox-count{padding:0 8px 12px;font-size:9px;text-align:center;color:var(--chat-muted)!important;background:transparent!important;border-radius:0}
body.admin-surface .support-workspace .support-inbox-conversation,body[data-surface=customer] .customer-chat-workspace .customer-chat-panel{display:flex;flex-direction:column;gap:15px;padding:16px;border:1px solid var(--chat-line);border-radius:25px;background:var(--chat-shell);overflow:hidden;min-width:0;min-height:0;height:100%;box-shadow:none}
.support-workspace .support-conversation-heading,.customer-chat-workspace .support-conversation-heading{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--chat-line);background:var(--chat-header);color:var(--chat-ink);border-radius:20px;flex:0 0 auto;min-width:0}
.support-contact-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:var(--chat-selected);border:1px solid var(--chat-line);border-radius:15px;color:var(--chat-ink)}
.support-contact-avatar svg{width:24px;height:24px}
.support-workspace .support-contact-identity{flex:1;min-width:0}
.support-workspace .support-conversation-heading h2,.customer-chat-workspace .support-conversation-heading h2{font-size:14px;font-weight:600;color:var(--chat-ink);margin:0 0 5px;overflow-wrap:anywhere}
.support-contact-actions{display:flex;flex:0 0 auto!important;align-items:center;gap:8px}
.support-workspace .support-contact-actions :is(a,button){display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--chat-line);border-radius:18px;color:var(--chat-muted);background:var(--chat-selected);font-size:10px;text-decoration:none;cursor:pointer}
.support-contact-actions svg{width:14px;height:14px}
.support-workspace .support-customers-toggle{display:none}
.support-workspace .support-empty{color:var(--chat-muted);font-size:11px;padding:28px 13px}
.support-workspace .support-empty>svg{width:28px;height:28px;color:var(--chat-muted);margin-bottom:12px}
.support-workspace .support-empty :is(h2,strong){font-size:15px;color:var(--chat-ink)}
.support-workspace .support-empty p{font-size:12px;line-height:1.8}
.support-workspace .support-workspace-empty{margin:auto;max-width:330px}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-chat-compact{position:relative;display:flex;flex-direction:column;gap:0;background:transparent;min-height:0;flex:1;overflow:visible}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-log{background:var(--chat-canvas);border:1px solid var(--chat-line);border-radius:22px;padding:22px 18px;scrollbar-color:var(--chat-line) transparent}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message{max-width:87%;padding:14px 16px;margin:0 0 12px;background:var(--chat-bubble);border:1px solid var(--chat-line);border-radius:22px 22px 22px 6px;color:var(--chat-ink);box-shadow:none}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message.support-own{background:var(--chat-own);border-color:var(--chat-own-line);color:var(--chat-ink);border-radius:22px 22px 6px 22px}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message p{font-size:12px;line-height:1.75;color:var(--chat-ink);margin:7px 0 0}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message-meta strong{font-size:10px;font-weight:600;color:var(--chat-ink)}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message-meta time{font-size:9px;color:var(--chat-muted)}
.support-day{display:flex;gap:12px;align-items:center;justify-content:center;margin:5px 0 23px;color:var(--chat-muted);font-size:9px;text-transform:uppercase;letter-spacing:.4px}
.support-day::before,.support-day::after{content:"";height:1px;background:var(--chat-line);flex:1}
.support-day time{padding:5px 10px;border:1px solid var(--chat-line);border-radius:20px;background:var(--chat-shell)}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 40px 42px;gap:8px;align-items:end;border:1px solid var(--chat-line);border-radius:21px;padding:8px;margin-top:15px;background:var(--chat-selected);flex:0 0 auto}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer>label{grid-column:2;grid-row:1;min-width:0;margin:0}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer textarea{font:12px/1.6 Arial,sans-serif;resize:none;width:100%;height:44px;min-height:44px;max-height:132px;border:1px solid var(--chat-line);border-radius:14px;padding:11px 12px;margin:0;background:var(--chat-shell);color:var(--chat-ink);scrollbar-width:thin;box-sizing:border-box}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer textarea::placeholder{color:var(--chat-muted)}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-attachment{display:contents}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-attachment .support-attach-label{position:relative;grid-column:1;grid-row:1;top:auto;left:auto;width:42px;height:44px;border:1px solid var(--chat-line);border-radius:14px;background:var(--chat-shell);color:var(--chat-muted);padding:0;margin:0}
.support-chat-compact .support-attachment>small,.support-chat-compact .support-compose-actions>small{display:none}
.support-chat-compact .support-compose-actions{grid-column:4;grid-row:1;display:block}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-send{display:grid;place-items:center;border:1px solid #ff753a;border-radius:14px;width:42px;height:44px;padding:10px;background:#ff5000;color:#fff;box-shadow:none;cursor:pointer}
.support-chat-compact .support-send svg{width:22px;height:22px}
.support-chat-compact .support-send:disabled{opacity:.5;cursor:wait}
.support-emojis{position:relative;grid-column:3;grid-row:1;border:0;margin:0;padding:0}
.support-emojis>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:40px;height:44px;border:1px solid var(--chat-line);border-radius:14px;background:var(--chat-shell);color:var(--chat-muted);padding:0}
.support-emojis>summary::-webkit-details-marker{display:none}
.support-emojis>summary svg{width:22px;height:22px}
.support-emoji-options{position:absolute;bottom:55px;right:0;z-index:2;display:grid;grid-template-columns:repeat(3,38px);gap:4px;padding:10px;background:var(--chat-shell);border:1px solid var(--chat-line);border-radius:15px;box-shadow:0 8px 25px #0003}
.support-emoji-options button{display:grid;place-items:center;width:38px;height:38px;font-size:22px;background:var(--chat-canvas);border:0;border-radius:9px;cursor:pointer}
.support-emoji-options button:hover{background:var(--chat-selected)}
.support-chat-compact .support-image-preview{grid-column:1/-1;grid-row:2;max-height:110px;padding:7px;gap:12px;min-width:0}
.support-chat-compact .support-image-preview img{max-height:80px;max-width:130px}
.support-chat-compact .support-image-preview button{border:1px solid var(--chat-line);border-radius:9px;background:var(--chat-shell);color:var(--chat-ink);padding:9px;font-size:10px}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-latest{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);z-index:1;margin:0;border:1px solid var(--chat-line);padding:9px 15px;color:#1c2636;background:#fff;border-radius:30px;font-size:10px;box-shadow:0 4px 20px #0002;white-space:nowrap}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-older{background:var(--chat-shell);border:1px solid var(--chat-line);color:var(--chat-muted);font-size:10px}
.support-chat-compact .support-error:not(:empty){margin-bottom:10px;border:1px solid #f3bcab;border-radius:10px;background:#fff0ea;color:#a33416}
.support-chat-compact [hidden]{display:none!important}
html body :is(.support-workspace,.customer-chat-workspace,.support-dock) :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--chat-focus);outline-offset:2px}
body[data-surface=customer]:has(.customer-chat-workspace) #currency-ticker{display:none!important}
body[data-surface=customer]:has(.customer-chat-workspace)>.support-launcher{display:none}
body[data-surface=customer] .customer-chat-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;height:calc(100dvh - 150px);min-height:530px;max-height:1000px}
.customer-chat-guide{display:flex;flex-direction:column;gap:38px;padding:27px 22px;border:1px solid var(--chat-line);border-radius:24px;background:var(--chat-shell)}
.customer-chat-guide .customer-chat-kicker{font-size:9px;letter-spacing:1.8px;color:#d25316;margin:0 0 17px}
.customer-chat-guide h1{font-size:34px;letter-spacing:-1.3px;color:var(--chat-ink);margin:0 0 16px;font-weight:600}
.customer-chat-guide>div>p:not(.customer-chat-kicker){font-size:12px;line-height:1.9;color:var(--chat-muted)}
.customer-chat-workspace .customer-chat-topics{display:flex;flex-direction:column;gap:9px;border:0;padding:0;background:none}
.customer-chat-topics>span{font-size:8px;letter-spacing:1.3px;color:var(--chat-muted);margin-bottom:5px}
html body[data-surface=customer] .customer-chat-workspace .customer-chat-topics button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;padding:15px 12px;font-size:11px;border:1px solid var(--chat-line);border-radius:12px;background:var(--chat-canvas);color:var(--chat-ink)}
.customer-chat-topics b{font-size:16px;color:#f57b3d;font-weight:400}
.customer-chat-guide .customer-chat-tip{margin-top:auto;font-size:11px;line-height:1.9;color:var(--chat-muted);padding-top:18px;border-top:1px solid var(--chat-line)}
.customer-chat-workspace .support-conversation-heading>div{flex:1}
.customer-chat-workspace .support-conversation-heading p{font-size:10px;line-height:1.6;color:var(--chat-muted);margin:0}
.customer-chat-header-tag{font-size:8px;letter-spacing:1px;padding:7px 9px;border:1px solid var(--chat-line);border-radius:20px;color:var(--chat-muted)}
@media(min-width:1600px){body.admin-surface .support-workspace.support-inbox{grid-template-columns:minmax(360px,.95fr) minmax(0,2fr)}.support-sidebar-heading{padding:24px 21px 20px}.support-workspace .support-inbox-row{padding:17px}.support-workspace .support-inbox-row strong{font-size:13px}}
@media(max-width:1100px){body.admin-surface .support-workspace.support-inbox{grid-template-columns:260px minmax(0,1fr);gap:12px}.support-workspace .support-inbox-sidebar{grid-template-columns:52px minmax(0,1fr)}.support-sidebar-heading{padding:18px 12px}.support-sidebar-heading h1{font-size:13px}.support-workspace .support-search{margin-inline:10px}.support-list-caption{padding-inline:13px}.support-workspace-rail>a{font-size:8px}.support-workspace .support-contact-actions :is(a,button){padding:8px}.support-contact-actions span{display:none}.support-workspace .support-conversation-heading{gap:10px;padding:13px}.support-contact-avatar{width:36px;height:36px;flex-basis:36px}.support-workspace .support-conversation-heading h2{font-size:12px}.support-workspace .support-inbox-conversation{padding:12px}body[data-surface=customer] .customer-chat-workspace{grid-template-columns:190px minmax(0,1fr);gap:14px}.customer-chat-guide{padding:24px 16px}.customer-chat-header-tag{display:none}}
@media(max-width:850px){body.admin-surface:has(.support-workspace) #content{padding:16px!important}body.admin-surface .support-workspace.support-inbox{display:block;height:calc(100dvh - 115px);min-height:460px}.support-workspace .support-inbox-sidebar{height:100%}body.admin-surface .support-workspace.has-conversation:not(.show-customers) .support-inbox-sidebar{display:none}body.admin-surface .support-workspace.show-customers .support-inbox-conversation{display:none}.support-workspace .support-customers-toggle{display:grid}.support-workspace:not(.has-conversation) .support-inbox-conversation{display:none}.support-workspace .support-contact-actions span{display:inline}.support-workspace .support-conversation-heading{flex-wrap:nowrap}.support-workspace .support-contact-avatar{display:none}}
@media(max-width:700px){body[data-surface=customer] .customer-chat-workspace{display:flex;flex-direction:column;height:calc(100dvh - 145px);min-height:510px;gap:14px}.customer-chat-guide{padding:0;border:0;background:none;gap:12px;flex:0 0 auto}.customer-chat-guide>div:first-child{display:none}.customer-chat-guide .customer-chat-tip,.customer-chat-topics>span{display:none}.customer-chat-workspace .customer-chat-topics{display:flex;flex-direction:row;gap:7px;flex-wrap:nowrap;overflow:auto}.customer-chat-topics button{flex:0 0 auto}html body[data-surface=customer] .customer-chat-workspace .customer-chat-topics button{padding:9px 12px;font-size:10px}.customer-chat-topics b{display:none}body[data-surface=customer] .customer-chat-workspace .customer-chat-panel{flex:1;padding:10px;gap:10px;border-radius:20px}.customer-chat-workspace .support-conversation-heading{padding:12px}.support-contact-avatar{width:34px;height:34px;flex-basis:34px}.customer-chat-workspace .support-conversation-heading h2{font-size:12px}html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-log{padding:15px 11px;border-radius:16px}html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-message{max-width:93%;padding:12px;font-size:12px}html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer{gap:5px;padding:6px;grid-template-columns:35px minmax(0,1fr) 33px 35px;border-radius:17px;margin-top:10px}html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-attachment .support-attach-label,html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-send{width:35px;height:44px;padding:8px;border-radius:12px}.support-emojis>summary{width:33px;border-radius:12px}.support-emojis>summary svg{width:20px}html body :is(.support-workspace,.customer-chat-workspace,.support-dock) .support-composer textarea{padding:11px 9px;font-size:12px}.support-workspace .support-contact-actions span{display:none}.support-workspace .support-inbox-conversation{padding:10px}.support-workspace .support-tool{width:30px;flex-basis:30px;padding:6px}.support-day{font-size:8px}}

.admin-chat-nav{position:relative;display:flex;align-items:center}.admin-chat-nav>a{flex:1;min-width:0;padding-right:40px!important}.admin-chat-pin{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.admin-chat-pin:hover{background:#ff500020}.admin-chat-pin svg{width:17px;height:17px}
body.admin-surface .admin-sidebar .admin-chat-nav>a{display:flex;align-items:center;gap:11px;padding:5px 9px;min-height:39px;margin:4px 0;border-radius:12px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
body.admin-surface .admin-sidebar .admin-chat-nav>a>.reference-nav-icon{display:grid;place-items:center;width:29px;height:29px;background:#858d9312;border-radius:10px;color:inherit}
body.admin-surface .admin-sidebar .admin-chat-nav>a>.reference-nav-text{width:auto;text-align:left;font:inherit;color:inherit}
body.admin-surface .admin-sidebar .admin-chat-nav>a.active{background:linear-gradient(110deg,#cf3b00,#ff5000)!important;color:#fff!important;box-shadow:0 5px 18px #ef500020}
body.admin-surface .admin-chat-nav:has(>a.active) .admin-chat-pin{color:#fff}
body.admin-surface .support-dock{width:500px;max-height:none;border:1px solid var(--chat-line);background:var(--chat-shell);color:var(--chat-ink);border-radius:24px;box-shadow:0 20px 70px #0003}
.support-dock .support-dock-heading{position:static;height:auto;background:var(--chat-header);border-color:var(--chat-line);padding:16px 18px}.support-dock-heading strong{color:var(--chat-ink)}.support-dock-heading :is(span,small){color:var(--chat-muted)}.support-dock .support-dock-controls button{color:var(--chat-ink);background:var(--chat-selected);border-color:var(--chat-line)}.support-dock .support-dock-tools{padding:10px 16px;background:var(--chat-shell);color:var(--chat-muted);border-color:var(--chat-line)}
.support-dock-layout{display:grid;grid-template-columns:87px minmax(0,1fr);gap:10px;padding:10px;min-height:0;flex:1}.support-dock-list{min-height:0;display:flex;flex-direction:column;gap:10px;background:var(--chat-rail);border-radius:15px;padding:8px 5px}.support-dock-list form{display:block}.support-dock-list input{width:100%;min-width:0;padding:8px 5px!important;background:var(--chat-shell)!important;color:var(--chat-ink)!important;border:1px solid var(--chat-line)!important;border-radius:8px!important;font-size:10px!important;margin:0!important}.support-dock-list [data-dock-customers]{min-height:0;overflow:auto;flex:1;scrollbar-width:thin}.support-dock-list [data-dock-customer]{position:relative;display:block;width:100%;padding:12px 4px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--chat-muted);text-align:center;margin-bottom:6px;cursor:pointer}.support-dock-list [aria-pressed=true]{background:var(--chat-selected);border-color:var(--chat-line);color:var(--chat-ink)}.dock-uid{display:block;font-size:12px;font-weight:700;overflow-wrap:anywhere}.support-dock-list small{display:block;font-size:9px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-dock-list i{position:absolute;right:1px;top:1px;border-radius:8px;min-width:14px;background:#ff5000;color:#fff;font-size:9px;font-style:normal}.support-dock-list p{font-size:10px;overflow-wrap:anywhere;color:var(--chat-muted)}.dock-pages{display:flex;align-items:center;justify-content:space-between;gap:3px}.dock-pages button{padding:3px 6px;border:1px solid var(--chat-line);border-radius:6px;background:var(--chat-shell);color:var(--chat-ink)}.support-dock .support-dock-content{min-width:0}.support-dock .support-receipt>img{max-width:100%}html body .support-dock .support-composer{grid-template-columns:31px minmax(0,1fr) 30px 31px;gap:5px;padding:6px;border-radius:16px;margin-top:10px}html body .support-dock .support-send,html body .support-dock .support-attachment .support-attach-label{width:31px;height:40px;border-radius:10px;padding:6px}.support-dock .support-emojis>summary{width:30px;height:40px;border-radius:10px}.support-dock .support-emojis>summary svg{width:18px}html body .support-dock .support-composer textarea{padding:9px 8px;min-height:40px;border-radius:10px;font-size:12px}html body .support-dock .support-log{padding:12px 10px;border-radius:16px}html body .support-dock .support-message{max-width:96%;padding:12px}.support-dock .support-message-meta{flex-wrap:wrap;gap:5px}.support-dock .support-error{font-size:11px}body.admin-surface .support-dock.is-minimized{width:300px}
@media(min-width:1280px){body.has-support-dock .admin-shell{margin-right:532px}}
@media(max-width:600px){body.admin-surface .support-dock{width:calc(100vw - 16px);right:8px;bottom:8px;top:auto;height:calc(100dvh - 85px)}.support-dock-layout{grid-template-columns:69px minmax(0,1fr);padding:7px;gap:7px}.support-dock .support-dock-heading{padding:12px}.support-dock-list{padding:5px 3px}.support-dock .support-dock-tools{font-size:10px}body.admin-surface .support-dock.is-minimized{height:auto;max-width:calc(100vw - 16px)}}
body.admin-surface .support-dock-list [data-dock-customer]{display:grid;grid-template-columns:minmax(0,1fr);gap:0;justify-items:center;padding:12px 4px;min-width:0}
body.admin-surface .support-dock-list [data-dock-customer] .dock-uid{grid-row:1;color:inherit}
body.admin-surface .support-dock-list [data-dock-customer] small{grid-row:2;max-width:100%;color:var(--chat-muted)}
@media(min-width:1280px) and (max-width:1750px){
 body.admin-surface.has-support-dock .admin-topbar{padding-inline:20px}
 body.admin-surface.has-support-dock .admin-clock{display:none}
 body.admin-surface.has-support-dock .reference-admin-heading h1{font-size:20px;line-height:1.2}
 body.admin-surface.has-support-dock .reference-admin-heading p{display:none}
 body.admin-surface.has-support-dock .reference-account summary>span:not(.reference-avatar),body.admin-surface.has-support-dock .reference-account summary>svg{display:none}
 body.admin-surface.has-support-dock .reference-account summary{padding:5px}
 body.has-support-dock .finance-dashboard .fd-hero{padding:28px;min-height:260px}
 body.has-support-dock .finance-dashboard .fd-visual{position:absolute;right:-80px;opacity:.22}
 body.has-support-dock .fd-hero-content{width:100%}
 body.has-support-dock .finance-dashboard .fd-hero h1{max-width:360px}
 body.has-support-dock .fd-search-hint{display:none}
 body.has-support-dock .fd-section-title{align-items:flex-start}
 body.has-support-dock .fd-unit>span{display:block;max-width:100px;white-space:normal}
 body.has-support-dock .fd-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.has-support-dock .fd-filters label{min-width:0}
 body.has-support-dock .fd-period-shortcuts{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center}
 body.has-support-dock .fd-period-shortcuts>span{grid-column:auto;grid-row:1}
 body.has-support-dock .fd-period-shortcuts button{justify-self:start}
 body.has-support-dock .fd-filters>button{grid-column:1/-1}
 body.has-support-dock .fd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.has-support-dock .fd-period-heading{flex-wrap:wrap;gap:12px}
}
@media(max-width:700px){
 body[data-surface=customer]:has(.customer-chat-workspace) .customer-sidebar{height:62px;min-height:0;padding:6px 10px;overflow:hidden}
 body[data-surface=customer]:has(.customer-chat-workspace) .customer-sidebar>:not(nav){display:none!important}
 body[data-surface=customer]:has(.customer-chat-workspace) .customer-sidebar nav{height:50px;margin:0;padding:0;align-items:center}
 body[data-surface=customer]:has(.customer-chat-workspace) .customer-topbar{position:relative;top:auto;min-height:72px;height:72px;padding:0 12px}
 body[data-surface=customer]:has(.customer-chat-workspace) main{padding:12px}
 body[data-surface=customer] .customer-chat-workspace{height:calc(100dvh - 158px);min-height:350px;gap:10px}
 body[data-surface=customer] .customer-chat-workspace .customer-chat-panel{height:auto}
 body[data-surface=customer]:has(.customer-chat-workspace) .main-shell>footer{display:none}
}