*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,button{font:inherit;color:inherit;appearance:none;border-radius:0;margin:0}button{cursor:pointer}img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;display:block}:root{--color-primary:#4c92fa;--color-primary-active:#3a7ee2;--color-accent-soft:#dbeaf7;--color-page:#f5f7fa;--color-side:#f0f3f7;--color-search:#e5e8ec;--color-surface:#fff;--color-text:#1d2531;--color-text-weak:#8c98a8;--color-text-muted:#737578;--color-danger:#d9584c;--color-warning:#c8811a;--color-wechat:#46c36b;--color-graphic:#c3ccd8;--font-family-base:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-size-base:16px;--font-size-caption:11px;--font-size-small:13px;--font-size-title:24px;--field-height:50px;--control-height:50px;--control-height-sm:36px;--app-bar-height:56px;--side-width:215px;--nav-width:200px;--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:28px;--space-xl:40px;--border-width:1px;--transition-base:.18s ease}body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-page)}.login-page{min-height:100dvh;padding:calc(var(--space-xl) + env(safe-area-inset-top)) calc(var(--space-md) + env(safe-area-inset-right)) calc(var(--space-xl) + env(safe-area-inset-bottom)) calc(var(--space-md) + env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.login-panel{width:100%;max-width:400px;padding:var(--space-lg) var(--space-md) var(--space-md);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft)}.login-header{margin-bottom:var(--space-lg)}.login-title{font-size:var(--font-size-title);letter-spacing:2px;margin:0;font-weight:600}.login-title-en{font-size:var(--font-size-caption);letter-spacing:3px;color:var(--color-text-weak);margin:4px 0 0}.login-form{flex-direction:column;display:flex}@media (width>=768px){.login-panel{padding:var(--space-xl) var(--space-lg) var(--space-lg)}}.field-group{gap:var(--space-sm);flex-direction:column;display:flex}.field-group>*{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);transition:border-color var(--transition-base)}.field-group>:focus-within{border-color:var(--color-primary)}.field{align-items:center;min-width:0;display:flex;position:relative}.field-input{width:100%;height:var(--field-height);padding:0 var(--space-sm);font-size:var(--font-size-base);background-color:#0000;border:0;outline:none}.field-input::placeholder{color:#0000}.field-label{top:50%;left:calc(var(--space-sm) - 4px);font-size:var(--font-size-base);color:var(--color-text-weak);pointer-events:none;transition:top var(--transition-base), font-size var(--transition-base), letter-spacing var(--transition-base), color var(--transition-base);padding:0 4px;line-height:1.2;position:absolute;transform:translateY(-50%)}.field-input:focus~.field-label,.field-input:not(:placeholder-shown)~.field-label{font-size:var(--font-size-caption);letter-spacing:.5px;background-color:var(--color-surface);top:0}.field-input:focus~.field-label{color:var(--color-primary)}.field-with-action .field-input{padding-right:44px}.field-action{width:44px;height:var(--field-height);color:#bbc3c9;background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:0;right:0}.field-action:active{color:var(--color-text-weak)}.field-action-icon{width:22px;height:22px;display:block}.captcha-row{align-items:stretch;display:flex}.captcha-row .field{flex:1}.captcha-button{border:0;border-left:var(--border-width) solid var(--color-accent-soft);background-color:#0000;flex:none;width:108px;padding:0;display:flex;position:relative;overflow:hidden}.captcha-button.is-loading{cursor:pointer}.captcha-skeleton{z-index:1;background:linear-gradient(90deg, var(--color-accent-soft) 0%, #f5f7fa 45%, var(--color-accent-soft) 100%);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background-size:200% 100%;position:absolute;inset:0}.captcha-button.is-loading .captcha-skeleton{opacity:1;animation:1.1s linear infinite captcha-shimmer}.captcha-image{width:100%;height:var(--field-height);object-fit:cover;opacity:1;transition:opacity var(--transition-base)}.captcha-button.is-loading .captcha-image{opacity:0}@keyframes captcha-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.form-message{min-height:18px;margin:var(--space-xs) 0 0;font-size:var(--font-size-small);text-align:center;color:var(--color-danger);line-height:18px}.form-message-success{color:var(--color-primary)}.submit-button{height:var(--control-height);margin-top:var(--space-md);font-size:var(--font-size-base);letter-spacing:2px;color:var(--color-surface);background-color:var(--color-primary);transition:background-color var(--transition-base), opacity var(--transition-base);border:0;font-weight:500}.submit-button:active{background-color:var(--color-primary-active)}.submit-button:disabled{cursor:default;opacity:.6}.primary-button{height:var(--control-height-sm);padding:0 var(--space-md);color:var(--color-surface);background-color:var(--color-primary);transition:background-color var(--transition-base), opacity var(--transition-base);border:0;font-size:14px}.primary-button:active{background-color:var(--color-primary-active)}.primary-button:disabled{cursor:default;opacity:.6}.primary-button-danger{background-color:var(--color-danger)}.ghost-button{height:var(--control-height-sm);color:var(--color-text);border:var(--border-width) solid var(--color-accent-soft);transition:border-color var(--transition-base), color var(--transition-base);background-color:#0000;padding:0 14px;font-size:14px}.ghost-button:active{border-color:var(--color-primary);color:var(--color-primary)}.ghost-button:disabled{cursor:default;opacity:.6}.ghost-button-danger{color:var(--color-danger)}.ghost-button-danger:active{border-color:var(--color-danger);color:var(--color-danger)}.segmented{border:var(--border-width) solid var(--color-accent-soft);flex:none;display:inline-flex}.segmented-item{height:var(--control-height-sm);color:var(--color-text-weak);border:0;border-left:var(--border-width) solid var(--color-accent-soft);transition:color var(--transition-base), background-color var(--transition-base);background-color:#0000;padding:0 14px;font-size:13px}.segmented-item:first-child{border-left:0}.segmented-item.is-active{color:var(--color-surface);background-color:var(--color-primary)}.app-splash{background-color:var(--color-page);min-height:100dvh}.workspace{background-color:var(--color-surface);flex-direction:column;height:100dvh;display:flex}.app-bar{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-sm);height:calc(var(--app-bar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(var(--space-sm) + env(safe-area-inset-right)) 0 calc(var(--space-sm) + env(safe-area-inset-left));background-color:var(--color-side);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;display:flex;position:relative}.app-bar-identity{align-items:center;gap:var(--space-xs);min-width:0;display:flex;position:relative}.app-bar-presence{min-width:0;position:relative}.app-bar-presence-trigger{align-items:center;gap:var(--space-xs);cursor:pointer;touch-action:manipulation;background-color:#0000;border:0;border-radius:4px;min-width:0;max-width:100%;min-height:40px;margin:-4px;padding:4px;display:flex}.app-bar-presence-trigger:hover,.app-bar-presence-trigger[aria-expanded=true]{background-color:var(--color-search)}.app-bar-avatar-wrap{flex:none;width:28px;height:28px;position:relative}.app-bar-avatar{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:4px;width:28px;height:28px;display:block}.app-bar-status-badge{background-color:var(--color-side);border:1px solid var(--color-side);border-radius:50%;width:13px;height:13px;display:block;position:absolute;bottom:-3px;right:-3px}.app-bar-status-badge .presence-icon{width:100%;height:100%;margin:0;display:block}.app-bar-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;font-weight:500;display:block;overflow:hidden}.app-bar-identity-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;display:flex}.app-bar-presence-label{max-width:180px;color:var(--color-text-weak);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.presence-menu{z-index:20;background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;gap:4px;width:min(280px,100vw - 24px);padding:4px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #1d25311f}.presence-menu[hidden]{display:none}.presence-option{text-align:left;background-color:#0000;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 10px;display:flex}.presence-option.is-active{background-color:var(--color-page)}.presence-option-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.presence-icon{flex:none;width:20px;height:20px}.presence-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.presence-option-label{color:var(--color-text);font-size:14px;font-weight:400}.presence-option.is-active .presence-option-label{font-weight:600}.presence-option-desc{font-size:var(--font-size-caption);color:var(--color-text-weak);line-height:1.35}.presence-check{width:20px;height:20px;color:var(--color-primary);flex:none}.app-bar-actions{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.app-bar-overflow{position:relative}.app-bar-overflow-menu{z-index:30;background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);min-width:128px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #1d25311f}.app-bar-overflow-menu[hidden]{display:none}.app-bar-overflow-item{width:100%;font-size:var(--font-size-small);text-align:left;color:var(--color-text);white-space:nowrap;background-color:#0000;border:0;padding:8px 12px;display:block}.app-bar-overflow-item:hover{background-color:var(--color-search)}.icon-button{width:36px;height:36px;color:var(--color-text-weak);transition:color var(--transition-base);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:active{color:var(--color-primary)}.icon-button-icon{width:20px;height:20px;display:block}.workspace-body{flex:1;min-height:0;display:flex}.workspace-side{width:var(--side-width);background-color:var(--color-side);border-right:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:none;min-height:0;display:flex}.side-resizer{z-index:1;cursor:col-resize;touch-action:none;background-color:#0000;flex:none;width:7px;margin:0 -4px 0 -3px;position:relative}.side-resizer:after{content:"";width:var(--border-width);transition:background-color var(--transition-base);background-color:#0000;position:absolute;top:0;bottom:0;left:2px}.side-resizer:hover:after,.side-resizer:focus-visible:after,body.is-resizing .side-resizer:after{background-color:var(--color-primary)}.side-resizer:focus-visible{outline:none}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-main{background-color:var(--color-page);flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-weak);text-align:center;flex-direction:column;flex:1;display:flex}.empty-state-text{margin:0}.empty-state-icon{width:40px;height:40px;color:var(--color-accent-soft)}.empty-state-picture{pointer-events:none;width:120px;height:auto;display:block}.empty-state-hero .empty-state-picture{filter:brightness(0)invert(.72);opacity:.9;width:min(168px,42%);max-width:220px}.empty-state-graphic{aspect-ratio:440/362;background-color:var(--color-graphic);width:min(160px,40%);-webkit-mask:var(--empty-graphic) center / contain no-repeat;-webkit-mask:var(--empty-graphic) center / contain no-repeat;mask:var(--empty-graphic) center / contain no-repeat;pointer-events:none;display:block}.empty-state-hero .empty-state-graphic{background-color:#b7c0cb;width:min(148px,36%)}@media (width<=767px){.presence-menu{top:calc(var(--app-bar-height) + env(safe-area-inset-top) + 6px);width:auto;max-height:calc(100dvh - var(--app-bar-height) - env(safe-area-inset-top) - 18px);position:fixed;left:12px;right:12px;overflow-y:auto}.workspace-side{border-right:0;width:100%}.side-resizer,.workspace-main{display:none}}.conversation-search{padding:var(--space-xs) 14px;flex:none;align-items:center;gap:8px;display:flex}.conversation-search .search-field{flex:1;min-width:0}.conversation-batch-toggle{font-size:var(--font-size-caption);color:var(--color-primary);white-space:nowrap;background-color:#0000;border:0;flex:none;padding:6px 8px}.conversation-batch-bar{background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;align-items:center;gap:10px;min-height:38px;padding:6px 14px;display:flex}.conversation-batch-bar[hidden]{display:none}.conversation-batch-status{min-width:0;font-size:var(--font-size-caption);color:var(--color-text-weak);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-field{align-items:center;gap:var(--space-xs);height:var(--control-height-sm);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);transition:background-color var(--transition-base), border-color var(--transition-base);border-radius:4px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--color-primary)}.conversation-search .search-field{background-color:var(--color-search);border-color:#0000}.conversation-search .search-field:focus-within{background-color:var(--color-surface);border-color:var(--color-primary)}.search-icon{width:16px;height:16px;color:var(--color-text-weak);flex:none}.search-input{background-color:#0000;border:0;outline:none;flex:1;min-width:0;font-size:14px}@media (width<=767px){.search-input{font-size:var(--font-size-base)}}.search-input::placeholder{color:var(--color-text-weak)}.search-input::-webkit-search-cancel-button{display:none}.tab-bar{border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;align-items:center;gap:28px;padding:0 14px;display:flex;overflow:hidden}.tab{height:40px;font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-base);background-color:#0000;border:0;flex:none;padding:0;font-weight:400;position:relative}.tab:after{content:"";width:20px;height:3px;transition:background-color var(--transition-base);background-color:#0000;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tab.is-active{color:var(--color-text);font-weight:600}.tab.is-active:after{background-color:var(--color-primary)}.tab-bar-meta{margin-left:auto}.queue-meta{color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background-color:#0000;border:0;flex:none;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.queue-meta:hover{color:var(--color-text)}.queue-meta-icon{width:14px;height:14px}.conversation-list{min-height:0;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.conversation-list .empty-state{color:var(--color-text-muted)}.conversation-item{text-align:left;background-color:#0000;border:0;flex:none;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 14px;display:flex}.conversation-item:hover,.conversation-row:hover{background-color:var(--color-search)}.conversation-item.is-static,.conversation-item.is-static:hover{cursor:default}.conversation-row{align-items:center;width:100%;min-width:0;display:flex}.conversation-row .conversation-item{flex:1;min-width:0}.conversation-item-action{font-size:var(--font-size-small);color:var(--color-primary);background-color:#0000;border:0;flex:none;padding:0 14px}.conversation-item-action:disabled{color:var(--color-text-weak)}.conversation-item.is-active,.conversation-item.is-active:hover{background-color:var(--color-primary)}.conversation-item.is-pinned:not(.is-active){background-color:#1d253108}.conversation-item.is-selected,.conversation-item.is-selected:hover{background-color:var(--color-accent-soft)}.conversation-item-selector{width:18px;height:18px;color:var(--color-surface);background-color:var(--color-surface);border:var(--border-width) solid #b7c0cb;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-right:10px;font-size:12px;font-weight:700;display:inline-flex}.conversation-item.is-selected .conversation-item-selector{background-color:var(--color-primary);border-color:var(--color-primary)}.conversation-item-pin{color:var(--color-primary);background-color:#2f7cf61f;border-radius:2px;flex:none;margin-right:2px;padding:0 4px;font-size:10px;line-height:16px}.conversation-item-device{color:var(--color-text-muted);background-color:#1d25310f;border-radius:2px;flex:none;margin-right:2px;padding:0 4px;font-size:10px;line-height:16px}.conversation-item.is-active .conversation-item-pin{color:#fff;background-color:#ffffff38}.conversation-item.is-active .conversation-item-device{color:#fff;background-color:#ffffff2e}.conversation-item-avatar{width:38px;height:38px;color:var(--color-surface);background-color:#c3ccd8;border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.conversation-item-avatar svg{width:24px;height:24px}.conversation-item-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.conversation-item.is-active .conversation-item-avatar{background-color:#ffffff6b}.conversation-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conversation-item-top,.conversation-item-bottom{align-items:center;gap:6px;min-width:0;display:flex}.conversation-item-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.conversation-item-account{font-size:var(--font-size-caption);color:var(--color-wechat);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.conversation-item-preview{min-width:0;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.conversation-item-time{font-size:var(--font-size-caption);color:var(--color-text-weak);flex:none;margin-left:auto}.conversation-item-bottom.is-time-only .conversation-item-time{margin-left:0}.conversation-item-bottom.is-time-only .conversation-unread{margin-left:auto}.conversation-item.is-active .conversation-item-name{color:var(--color-surface)}.conversation-item.is-active .conversation-item-account,.conversation-item.is-active .conversation-item-preview,.conversation-item.is-active .conversation-item-time{color:#ffffffd1}.context-menu{z-index:120;background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);min-width:120px;padding:4px;position:fixed;box-shadow:0 8px 24px #1d25311f}.context-menu-item{width:100%;font-size:var(--font-size-small);text-align:left;color:var(--color-text);background-color:#0000;border:0;padding:8px 12px;display:block}.context-menu-item:hover:not(:disabled){background-color:var(--color-search)}.context-menu-item:disabled{color:var(--color-text-weak)}.quick-replies-dialog{flex-direction:column;gap:10px;min-height:240px;max-height:min(70vh,520px);display:flex}.quick-replies-toolbar{flex:none;justify-content:flex-end;display:flex}.quick-replies-list{border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.quick-reply-row{border-bottom:var(--border-width) solid var(--color-accent-soft);align-items:stretch;gap:8px;min-width:0;display:flex}.quick-reply-row:last-child{border-bottom:0}.quick-reply-main{text-align:left;background-color:#0000;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;padding:10px 12px;display:flex}.quick-reply-main:hover{background-color:var(--color-search)}.quick-reply-title{font-size:14px}.quick-reply-content{max-width:100%;font-size:var(--font-size-small);color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quick-reply-actions{flex-direction:column;flex:none;justify-content:center;gap:4px;padding:8px 10px 8px 0;display:flex}.conversation-unread{color:#fff;background-color:var(--color-danger);border-radius:9px;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:inline-flex}.conversation-item.is-active .conversation-unread{color:var(--color-primary);background-color:var(--color-surface)}.conversation-panel{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;position:relative;overflow:hidden}.conversation-panel.is-dragging-image:after{z-index:20;color:var(--color-primary);content:"松开发送图片";pointer-events:none;border:2px dashed var(--color-primary);background-color:#f5f9fff0;border-radius:8px;place-items:center;font-size:16px;font-weight:600;display:grid;position:absolute;inset:12px}.conversation-panel>.empty-state{margin:auto}.chat-header{align-items:center;gap:var(--space-sm);min-height:64px;padding:8px var(--space-md);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;display:flex}.chat-header-actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.chat-back{width:32px;height:32px;color:var(--color-text);background-color:#0000;border:0;flex:none;padding:0;font-size:28px;line-height:1;display:none}.chat-identity{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.chat-contact-main{align-items:baseline;gap:5px;min-width:0;max-width:100%;display:flex}.chat-contact-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.chat-contact-account{font-size:var(--font-size-caption);color:var(--color-wechat);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.chat-contact-geo{max-width:100%;font-size:var(--font-size-caption);color:var(--color-text-weak);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-contact-meta{flex-direction:column;align-items:stretch;gap:1px;width:100%;min-width:0;display:flex}.chat-contact-device{max-width:100%;font-size:var(--font-size-caption);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;display:block;overflow:hidden}.chat-contact-meta .chat-contact-geo{flex:none}.chat-history{min-height:0;padding:var(--space-md);background-color:var(--color-page);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-load-older{margin-bottom:var(--space-sm);font-size:var(--font-size-caption);color:var(--color-primary);background-color:#0000;border:0;flex:none;align-self:center;padding:4px 10px}.chat-message-list{flex-direction:column;gap:14px;display:flex}.chat-divider{max-width:100%;color:var(--color-text-weak);text-align:center;align-self:center;padding:2px 0;font-size:12px}.chat-message{flex-direction:column;flex:none;align-self:flex-start;align-items:flex-start;width:fit-content;max-width:min(72%,420px);display:flex}.chat-message.is-outbound{align-self:flex-end;align-items:flex-end}.chat-message.is-image,.chat-message.is-voice{max-width:280px}.chat-message.is-video{max-width:300px}.chat-message.is-file{max-width:280px}.chat-message-bubble{background-color:#e4e7eb;border-radius:4px;width:fit-content;max-width:100%;padding:9px 12px}.chat-message.is-outbound .chat-message-bubble{background-color:var(--color-accent-soft)}.chat-message.is-image .chat-message-bubble,.chat-message.is-voice .chat-message-bubble,.chat-message.is-video .chat-message-bubble,.chat-message.is-file .chat-message-bubble{padding:4px}.chat-message.is-voice .chat-message-bubble{padding:8px 10px}.chat-message.is-file .chat-message-bubble{min-width:200px;padding:0;overflow:hidden}.chat-message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.chat-message-text .wx-emoji,.conversation-item-preview .wx-emoji{vertical-align:text-bottom;margin:0 1px}.conversation-item-preview .wx-emoji{background-size:16px!important;width:16px!important;height:16px!important}.chat-message-image{object-fit:contain;cursor:zoom-in;border-radius:2px;width:auto;max-width:272px;height:auto;max-height:360px;display:block}.chat-message-audio{width:240px;max-width:100%;height:36px;display:block}.chat-message-video{background-color:#11161d;border-radius:2px;width:100%;max-width:292px;max-height:360px;display:block}.chat-message-file{width:100%;min-width:200px;max-width:260px;color:var(--color-text);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.chat-message-file:hover .chat-file-name{color:var(--color-primary)}.chat-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-file-icon{flex:none;width:40px;height:40px}.chat-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;overflow:hidden}.chat-file-size{color:var(--color-text-weak);font-size:12px;line-height:1.2}.image-lightbox{z-index:200;background-color:#11161dd1;justify-content:center;align-items:center;padding:40px 24px 24px;display:flex;position:fixed;inset:0}.image-lightbox-image{object-fit:contain;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:4px;max-width:min(100%,960px);max-height:calc(100dvh - 64px);display:block}.image-lightbox-image.is-zoomed{cursor:grab}.image-lightbox-image.is-dragging{cursor:grabbing}.image-lightbox-zoom{bottom:calc(16px + env(safe-area-inset-bottom));color:var(--color-surface);pointer-events:none;background-color:#11161db8;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.image-lightbox-close{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#fff;background-color:#0000;border:0;width:36px;height:36px;font-size:28px;line-height:1;position:absolute}.chat-notice{padding:6px var(--space-md);color:var(--color-text-weak);text-align:center;flex:none;font-size:12px}.chat-composer{margin:0 var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));background-color:var(--color-surface);border:var(--border-width) solid #e6e9ee;transition:border-color var(--transition-base), box-shadow var(--transition-base);border-radius:4px;flex-direction:column;flex:none;padding:2px 12px 8px;display:flex}.chat-composer:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4c92fa1f}.chat-composer.is-disabled{background-color:var(--color-page)}.chat-toolbar{flex:none;align-items:center;gap:4px;height:34px;display:flex}.chat-tool{width:28px;height:28px;color:var(--color-text-muted);background-color:#0000;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-tool svg{pointer-events:none;width:19px;height:19px}.chat-tool:hover:not(:disabled){color:var(--color-primary);background-color:var(--color-page)}.chat-tool:disabled{color:#c6cbd3}.chat-tool.is-loading{color:var(--color-primary);animation:1s ease-in-out infinite chat-tool-pulse}.chat-composer-image-preview{background-color:var(--color-page);border:var(--border-width) solid var(--color-accent-soft);border-radius:4px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px;display:flex}.chat-composer-image-preview[hidden]{display:none}.chat-composer-image-thumbnail{object-fit:cover;border-radius:3px;flex:none;width:48px;height:48px;display:block}.chat-composer-image-name{min-width:0;max-width:220px;font-size:var(--font-size-small);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-composer-image-remove{width:26px;height:26px;color:var(--color-text-weak);background-color:#0000;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.chat-composer-image-remove:hover{color:var(--color-danger);background-color:var(--color-surface)}@keyframes chat-tool-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-message.is-pending{opacity:.92}.chat-message.is-pending .chat-message-bubble{position:relative}.chat-message-pending{color:var(--color-surface);background-color:#1d25319e;border-radius:2px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;right:8px}.chat-composer.is-sending{border-color:var(--color-primary)}.chat-composer-input{width:100%;min-height:84px;max-height:180px;color:var(--color-text);resize:none;background-color:#0000;border:0;outline:none;padding:8px 0 0;font-size:14px;line-height:1.6;display:block}.chat-composer-input::placeholder,.chat-composer-input:disabled{color:var(--color-text-weak)}.chat-composer-bottom{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-height:32px;padding-top:6px;display:flex}.chat-composer-status{min-width:0;font-size:var(--font-size-caption);color:var(--color-danger);text-overflow:unset;white-space:normal;flex:1;overflow:hidden}.chat-composer-status.is-pending{color:var(--color-primary)}.chat-composer-count{font-size:var(--font-size-caption);color:var(--color-text-weak);flex:none}.chat-send-button{min-width:72px;height:30px;font-size:var(--font-size-small);color:var(--color-surface);background-color:var(--color-primary);transition:background-color var(--transition-base), opacity var(--transition-base);border:0;border-radius:4px;flex:none;padding:0 16px}.chat-send-button:hover:not(:disabled){background-color:var(--color-primary-active)}.chat-send-button:disabled{cursor:default;color:var(--color-text-weak);background-color:var(--color-search)}@media (width<=767px){.workspace.has-open-conversation .workspace-side{display:none}.workspace.has-open-conversation .workspace-main{display:flex}.chat-back{display:block}.chat-header,.chat-history{padding-inline:var(--space-sm)}.chat-message{max-width:86%}.chat-message.is-image{max-width:240px}.chat-message.is-voice,.chat-message.is-video{max-width:260px}.chat-message-image{max-width:232px}.chat-message-video{max-width:252px}.chat-composer{margin-inline:var(--space-sm)}.chat-composer-input{font-size:var(--font-size-base)}}.queue-page{background-color:var(--color-page);flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex}.queue-page-header{flex:none;padding:18px 20px 12px}.queue-page-header-top,.queue-batch-bar{align-items:center;gap:var(--space-sm);display:flex}.queue-page-header-top{justify-content:space-between}.queue-batch-bar{margin-top:var(--space-sm);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);padding:8px 10px}.queue-batch-bar[hidden]{display:none}.queue-batch-status{min-width:0;font-size:var(--font-size-small);color:var(--color-text-weak);flex:1}.queue-page-title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.queue-page-body{flex:1;min-height:0;display:flex}.queue-page-body .empty-state{gap:var(--space-md);color:var(--color-text-muted)}.queue-conversation-list{background-color:var(--color-surface);border-top:var(--border-width) solid var(--color-accent-soft);-webkit-overflow-scrolling:touch;width:100%;overflow-y:auto}.land-page{min-height:100dvh;padding:calc(var(--space-md) + env(safe-area-inset-top)) calc(var(--space-md) + env(safe-area-inset-right)) calc(var(--space-md) + env(safe-area-inset-bottom)) calc(var(--space-md) + env(safe-area-inset-left));background-color:var(--color-page);justify-content:center;align-items:center;display:flex}.land-panel{align-items:center;gap:var(--space-md);width:min(100%,360px);padding:var(--space-lg) var(--space-md);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;display:flex}.land-title{margin:0;font-size:20px;font-weight:600}.land-status{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;margin:0}.land-qr-wrap{background-color:var(--color-page);justify-content:center;align-items:center;width:240px;height:240px;display:flex}.land-qr-wrap.is-expired{opacity:.42}.land-qr-image{width:220px;height:220px;display:block}.land-retry{min-width:120px}.admin-nav{width:var(--nav-width);padding:var(--space-sm) 0;border-right:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:none;display:flex}.admin-nav-item{height:44px;padding:0 var(--space-md);color:var(--color-text);text-align:left;transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);background-color:#0000;border:0;border-left:2px solid #0000;font-size:14px}.admin-nav-item.is-active{color:var(--color-primary);background-color:var(--color-page);border-left-color:var(--color-primary)}.admin-content{min-width:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));background-color:var(--color-page);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.info-card-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.info-card{padding:var(--space-md);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft)}.info-card-title{margin:0 0 var(--space-sm);font-size:14px;font-weight:600}.info-card-list{gap:var(--space-xs) var(--space-md);font-size:var(--font-size-small);grid-template-columns:auto 1fr;margin:0;display:grid}.info-card-list dt{color:var(--color-text-weak);white-space:nowrap}.info-card-list dd{overflow-wrap:anywhere;margin:0}@media (width<=767px){.workspace-admin .workspace-body{flex-direction:column}.admin-nav{width:100%;padding:0 var(--space-xs);border-right:0;border-bottom:var(--border-width) solid var(--color-accent-soft);flex-direction:row;overflow-x:auto}.admin-nav-item{padding:0 var(--space-sm);border-bottom:2px solid #0000;border-left:0;flex:none}.admin-nav-item.is-active{border-bottom-color:var(--color-primary);background-color:#0000}}.customer-management,.session-management,.stats-management,.overview-management{flex-direction:column;flex:1;min-height:0;display:flex}.customer-table,.session-table,.stats-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:1;min-height:0;display:flex}.customer-rows,.session-rows,.stats-rows{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.customer-row{min-height:112px;padding:16px var(--space-md);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;grid-template-columns:minmax(200px,.9fr) minmax(280px,1.5fr) auto;align-items:start;gap:12px 20px;display:grid}.session-row{min-height:96px;padding:14px var(--space-md);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;grid-template-columns:minmax(180px,1.1fr) minmax(0,1.6fr) auto;align-items:start;gap:12px 16px;display:grid}.customer-main{align-items:flex-start;gap:10px;min-width:0;padding-top:2px;display:flex}.customer-identity,.session-main{flex-direction:column;gap:2px;min-width:0;display:flex}.customer-identity{flex:1}.customer-avatar{width:38px;height:38px;color:var(--color-surface);background-color:#c3ccd8;border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.customer-avatar img{object-fit:cover;width:100%;height:100%;display:block}.customer-avatar svg{width:24px;height:24px}.customer-name,.session-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-id,.session-role{font-size:var(--font-size-caption);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-meta,.session-meta{min-width:0;font-size:var(--font-size-small);color:var(--color-text-weak);flex-direction:column;gap:6px;line-height:1.45;display:flex}.customer-meta>span,.session-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.45;display:block;overflow:hidden}.customer-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;padding-top:2px;display:flex}.customer-more{position:relative}.customer-more-trigger{width:28px;height:28px;color:var(--color-text-weak);background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.customer-more-trigger svg{width:18px;height:18px}.customer-more-trigger:hover{color:var(--color-primary);background-color:var(--color-search)}.customer-more-menu{z-index:20;background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);min-width:112px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #1d25311f}.customer-more-menu[hidden]{display:none}.customer-more-item{width:100%;font-size:var(--font-size-small);text-align:left;color:var(--color-text);white-space:nowrap;background-color:#0000;border:0;padding:8px 12px;display:block}.customer-more-item:hover{background-color:var(--color-search)}.customer-more-item.is-warning{color:#c47b1a}.customer-more-item.is-danger{color:#d14343}.customer-geo,.customer-device{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-ua{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.onboarding-log-device{color:var(--color-text-muted);background-color:#1d25310f;border-radius:2px;flex:none;padding:0 4px;font-size:10px;line-height:16px}.onboarding-log-device-detail{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.session-toolbar-hint{min-width:0;font-size:var(--font-size-small);color:var(--color-text-muted);flex:1}.overview-content{flex-direction:column;flex:1;min-height:0;display:flex}.overview-body{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}.overview-ranking{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex}.overview-section-head{align-items:center;display:flex}.overview-section-title{margin:0;font-size:14px;font-weight:600}.overview-rank-table{flex:1}.overview-rank-row{grid-template-columns:minmax(140px,1.6fr) 64px 64px 64px 100px 100px}.stats-row{align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-md);font-size:var(--font-size-small);grid-template-columns:minmax(140px,1.4fr) 64px 64px 100px 100px 100px;display:grid}.stats-row-head{color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none}.stats-rows .stats-row+.stats-row{border-top:var(--border-width) solid var(--color-accent-soft)}.service-records-management,.onboarding-logs-management{flex-direction:column;flex:1;min-height:0;display:flex}.onboarding-logs-management.is-modal{height:min(70vh,560px)}.onboarding-logs-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:1;min-height:0;display:flex}.onboarding-log-rows{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.onboarding-log-row{align-items:start;gap:var(--space-sm) var(--space-md);padding:12px var(--space-md);font-size:var(--font-size-small);grid-template-columns:minmax(64px,108px) minmax(0,1fr);line-height:1.45;display:grid}.onboarding-log-head{color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;align-items:center}.onboarding-log-rows .onboarding-log-row+.onboarding-log-row{border-top:var(--border-width) solid var(--color-accent-soft)}.onboarding-log-main{flex-direction:column;gap:2px;min-width:0;display:flex}.onboarding-log-event{font-weight:600}.onboarding-log-owner{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboarding-log-meta{min-width:0;color:var(--color-text-muted);flex-direction:column;gap:4px;display:flex}.onboarding-log-line{flex-wrap:wrap;gap:4px 12px;min-width:0;display:flex}.onboarding-log-line>span{overflow-wrap:anywhere;min-width:0}.onboarding-log-detail{color:var(--color-text-weak)}.service-toolbar{margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.service-toolbar .resource-form-control{width:auto;min-height:var(--control-height-sm);height:var(--control-height-sm);font-size:var(--font-size-small);flex:none;padding:0 8px}.service-toolbar select.resource-form-control{min-width:128px}.service-toolbar input.resource-form-control{width:136px}.service-date-label{font-size:var(--font-size-small);color:var(--color-text-muted);flex:none}.service-toolbar .service-filter-button{min-width:56px;min-height:var(--control-height-sm);height:var(--control-height-sm);font-size:var(--font-size-small);flex:none;padding:0 12px}.service-toolbar .service-filter-button.primary-button{margin-left:4px}.service-records-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:1;min-height:0;display:flex}.service-record-rows{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.service-record-row{align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-md);font-size:var(--font-size-small);grid-template-columns:minmax(120px,1.2fr) minmax(120px,1.1fr) 72px 140px 130px 80px 72px;display:grid}.service-record-row-head{color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none}.service-record-rows .service-record-row+.service-record-row{border-top:var(--border-width) solid var(--color-accent-soft)}.service-record-customer{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.service-transcript{flex-direction:column;gap:10px;max-height:min(70vh,560px);display:flex;overflow-y:auto}.service-message{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:4px;max-width:86%;display:flex}.service-message.is-outbound{align-self:flex-end;align-items:flex-end}.service-message-meta{font-size:var(--font-size-caption);color:var(--color-text-weak)}.service-message-text{white-space:pre-wrap;overflow-wrap:anywhere;background-color:#e4e7eb;border-radius:4px;margin:0;padding:8px 10px;font-size:14px;line-height:1.5}.service-message-text .wx-emoji{vertical-align:text-bottom;margin:0 1px}.service-message.is-outbound .service-message-text{background-color:var(--color-accent-soft)}.service-message-media{background-color:#e4e7eb;border-radius:4px;padding:4px}.service-message.is-outbound .service-message-media{background-color:var(--color-accent-soft)}.service-message-image{object-fit:contain;cursor:zoom-in;border-radius:2px;width:auto;max-width:240px;height:auto;max-height:320px;display:block}.service-message-audio{width:220px;max-width:100%;height:36px;display:block}.service-message-video{background-color:#11161d;border-radius:2px;width:100%;max-width:260px;max-height:320px;display:block}.service-message.is-file .service-message-media{min-width:200px;padding:0;overflow:hidden}.service-message-file{width:100%;min-width:200px;max-width:260px;color:var(--color-text);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.service-message-file:hover .chat-file-name{color:var(--color-primary)}.service-message-file .chat-file-icon{flex:none;width:40px;height:40px}.resource-form-hint{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-muted)}.resource-form-link{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-primary);text-decoration:none;display:inline-block}.resource-form-link:hover{text-decoration:underline}.reception-reply-input{resize:vertical;min-height:96px;padding:10px;line-height:1.5}@media (width<=767px){.customer-row,.session-row,.service-record-row,.onboarding-log-row{grid-template-columns:1fr}.customer-actions{justify-content:flex-start}.service-record-row-head,.onboarding-log-head{display:none}.stats-row{grid-template-columns:1fr 1fr}.service-toolbar select.resource-form-control,.service-toolbar input.resource-form-control{flex:1;width:auto;min-width:108px}}.agent-management{flex-direction:column;flex:1;min-height:0;display:flex}.agent-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.agent-toolbar-end{justify-content:flex-end}.agent-toolbar .search-field{flex:1;min-width:200px}.agent-toolbar .primary-button{margin-left:auto}.agent-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:0 auto;min-height:0;display:flex}.agent-rows{-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow-y:auto}.agent-rows:has(.empty-state){min-height:180px}.agent-row{align-items:center;gap:var(--space-sm);padding:0 var(--space-md);min-height:52px;font-size:var(--font-size-small);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px 68px 140px 220px;display:grid}.agent-rows .agent-row+.agent-row{border-top:var(--border-width) solid var(--color-accent-soft)}.agent-row-head{min-height:40px;color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none}.agent-cell{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.agent-cell-label{color:var(--color-text-weak);display:none}.agent-nickname,.agent-account{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-nickname{font-weight:600}.agent-account{color:var(--color-text-weak)}.status-badge{font-size:var(--font-size-caption);flex:none;padding:2px 8px}.status-badge-on{color:var(--color-primary);background-color:var(--color-accent-soft)}.status-badge-off{color:var(--color-text-weak);background-color:var(--color-page)}.agent-status-block{flex-direction:column;align-items:center;gap:2px;display:flex}.agent-reception{font-size:var(--font-size-caption);color:var(--color-text-weak)}.agent-cell-status,.agent-cell-time{justify-content:center}.agent-cell-actions{gap:var(--space-sm);justify-content:center}.invite-page-dialog{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.invite-page-qr{background:#fff;width:220px;height:220px;margin:0 auto}.invite-page-url{width:100%}.invite-page-actions{margin-top:0}.agent-head-center{text-align:center}.link-button{font-size:var(--font-size-small);color:var(--color-primary);background-color:#0000;border:0;padding:0}.link-button-warning{color:var(--color-warning)}.link-button-danger{color:var(--color-danger)}.pagination{justify-content:center;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-width) solid var(--color-accent-soft);flex:none;margin-top:auto;display:flex}.pagination-info{font-size:var(--font-size-small);color:var(--color-text-weak)}.modal-overlay{z-index:100;padding:var(--space-md);background-color:#1d253159;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;width:100%;max-width:420px;max-height:100%;display:flex}.modal-panel-wide{max-width:720px}.modal-body:has(.onboarding-logs-management){flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none;justify-content:space-between;align-items:center;display:flex}.modal-title{margin:0;font-size:16px;font-weight:600}.modal-close{width:28px;height:28px;color:var(--color-text-weak);background-color:#0000;border:0;font-size:20px;line-height:1}.modal-body{padding:var(--space-md);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.agent-form-actions,.confirm-actions{gap:var(--space-sm);margin-top:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.agent-form-actions>*,.confirm-actions>*{padding:0}.agent-form .form-message{text-align:left;margin:4px 0 0}.confirm-description{margin:0;font-size:14px;line-height:1.6}.confirm-message{min-height:18px;margin:var(--space-xs) 0 0;font-size:var(--font-size-small);color:var(--color-danger)}.field-input.is-readonly{color:var(--color-text-weak)}@media (width<=767px){.agent-toolbar .search-field{flex:100%}.agent-toolbar .primary-button{flex:none}.agent-row-head{display:none}.agent-row{padding:var(--space-sm) var(--space-md);grid-template-columns:1fr;gap:4px}.agent-cell-label{min-width:56px;display:inline}.agent-cell-status,.agent-cell-time{justify-content:flex-start}.agent-cell-actions{padding-top:var(--space-xs);justify-content:flex-start}}.settings-management{flex-direction:column;flex:1;min-height:0;display:flex}.settings-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.settings-toolbar .search-field{flex:1;max-width:420px}.settings-toolbar .primary-button{margin-left:auto}.setting-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;min-height:0;display:flex}.setting-rows{-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.setting-rows:has(.empty-state){min-height:180px}.setting-row{align-items:center;gap:var(--space-sm);min-height:54px;padding:0 var(--space-md);font-size:var(--font-size-small);grid-template-columns:minmax(160px,1.3fr) 72px minmax(120px,1fr) minmax(120px,1fr) 140px 90px;display:grid}.setting-rows .setting-row+.setting-row{border-top:var(--border-width) solid var(--color-accent-soft)}.setting-row-head{min-height:40px;color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none}.setting-cell{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.setting-cell-label{color:var(--color-text-weak);display:none}.setting-key-wrap{align-items:center;gap:4px;min-width:0;display:flex}.setting-key{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.setting-tag{color:var(--color-text-weak);background-color:var(--color-page);flex:none;padding:1px 5px;font-size:10px}.setting-tag-secret{color:var(--color-primary);background-color:var(--color-accent-soft)}.setting-value,.setting-cell-remark>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.setting-value.is-secret{color:var(--color-primary)}.setting-cell-type,.setting-cell-time,.setting-cell-actions{justify-content:center}.setting-cell-type{color:var(--color-text-weak)}.setting-head-center{text-align:center}.setting-cell-actions{gap:var(--space-sm)}.setting-form{gap:var(--space-sm);flex-direction:column;display:flex}.setting-form-field{gap:var(--space-xs);flex-direction:column;display:flex}.setting-form-label{font-size:var(--font-size-small);color:var(--color-text-weak)}.setting-form-control{width:100%;min-height:42px;color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);outline:none;padding:0 10px;font-size:14px}.setting-form-control:focus{border-color:var(--color-primary)}.setting-form-control.is-readonly{color:var(--color-text-weak);background-color:var(--color-page)}.setting-form-value{resize:vertical;min-height:112px;padding-block:10px;line-height:1.5}.setting-secret-option{min-height:28px;font-size:var(--font-size-small);color:var(--color-text);align-items:center;gap:8px;display:flex}.setting-secret-option input{cursor:pointer;background-color:var(--color-surface);border:var(--border-width) solid #c3d3e6;width:16px;height:16px;transition:background-color var(--transition-base), border-color var(--transition-base);background-position:50%;background-repeat:no-repeat;background-size:12px 12px;flex:none}.setting-secret-option input:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.4 10.6L8.4 14.6L15.8 6.4' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.setting-form .form-message{text-align:left;margin:0}@media (width<=1000px){.setting-row{grid-template-columns:minmax(150px,1fr) 64px minmax(100px,1fr) minmax(100px,1fr) 90px}.setting-row>:nth-child(5){display:none}}@media (width<=767px){.setting-form-control{font-size:var(--font-size-base)}.settings-toolbar{flex-wrap:wrap}.settings-toolbar .search-field{flex:100%;max-width:none}.setting-row-head{display:none}.setting-row{padding:var(--space-sm) var(--space-md);grid-template-columns:1fr;gap:4px}.setting-row>:nth-child(5){display:flex}.setting-cell-label{min-width:56px;display:inline}.setting-cell-type,.setting-cell-time,.setting-cell-actions{justify-content:flex-start}.setting-cell-actions{padding-top:var(--space-xs)}}.gateway-management{flex-direction:column;flex:1;min-height:0;display:flex}.gateway-toolbar{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.gateway-toolbar .ghost-button,.gateway-toolbar .primary-button{flex:none}.gateway-table{background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);flex-direction:column;flex:1;min-height:0;display:flex}.gateway-rows{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.gateway-rows:has(.empty-state){min-height:180px}.gateway-row{align-items:center;gap:var(--space-sm);min-height:58px;padding:0 var(--space-md);font-size:var(--font-size-small);grid-template-columns:minmax(150px,1fr) 90px minmax(180px,1.3fr) 90px 270px;display:grid}.gateway-rows .gateway-row+.gateway-row{border-top:var(--border-width) solid var(--color-accent-soft)}.gateway-row-head{min-height:40px;color:var(--color-text-weak);background-color:var(--color-page);border-bottom:var(--border-width) solid var(--color-accent-soft);flex:none}.gateway-cell{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.gateway-cell-label{color:var(--color-text-weak);display:none}.gateway-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.gateway-badge{color:#8a5a00;vertical-align:middle;background:#fff3d6;border-radius:3px;margin-left:.4rem;padding:.1rem .4rem;font-size:.75rem;line-height:1.3;display:inline-block}.gateway-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gateway-remark{font-size:var(--font-size-caption);color:var(--color-text-weak);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gateway-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gateway-cell-runtime,.gateway-cell-accounts,.gateway-cell-actions{justify-content:center}.gateway-head-center{text-align:center}.gateway-cell-actions{gap:var(--space-sm)}.gateway-runtime{font-size:var(--font-size-caption);color:var(--color-text-weak);background-color:var(--color-page);flex:none;padding:2px 7px}.gateway-runtime-ready{color:#16854b;background-color:#e2f5ea}.gateway-runtime-connecting,.gateway-runtime-reconnecting{color:var(--color-warning);background-color:#fff2da}.gateway-runtime-stopped{color:var(--color-danger);background-color:#fde8e6}.gateway-status-host{min-height:220px}.gateway-status-view{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gateway-status-section{padding:var(--space-sm);background-color:var(--color-page)}.gateway-status-section:nth-child(n+3){grid-column:1/-1}.gateway-status-title{margin:0 0 var(--space-xs);font-size:13px;font-weight:600}.gateway-status-list{font-size:var(--font-size-small);grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;display:grid}.gateway-status-list dt{color:var(--color-text-weak);white-space:nowrap}.gateway-status-list dd{overflow-wrap:anywhere;margin:0}.gateway-status-loading,.gateway-status-error{min-height:220px;font-size:var(--font-size-small);color:var(--color-text-weak);text-align:center;justify-content:center;align-items:center;display:flex}.gateway-status-error{color:var(--color-danger)}.resource-form{gap:var(--space-sm);flex-direction:column;display:flex}.resource-form-field{gap:var(--space-xs);flex-direction:column;display:flex}.resource-form-label{font-size:var(--font-size-small);color:var(--color-text-weak)}.resource-form-control{width:100%;min-height:42px;color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-accent-soft);outline:none;padding:0 10px;font-size:14px}.resource-form-control:focus{border-color:var(--color-primary)}.resource-checkbox{min-height:28px;font-size:var(--font-size-small);align-items:center;gap:8px;display:flex}.resource-checkbox input{cursor:pointer;background-color:var(--color-surface);border:var(--border-width) solid #c3d3e6;background-position:50%;background-repeat:no-repeat;background-size:12px;flex:none;width:16px;height:16px;min-height:16px;padding:0}.resource-checkbox input:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.4 10.6L8.4 14.6L15.8 6.4' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.resource-form .form-message{text-align:left;margin:0}@media (width<=900px){.gateway-row{grid-template-columns:minmax(150px,1fr) 90px 90px 240px}.gateway-row>:nth-child(3){display:none}}@media (width<=767px){.gateway-status-view{grid-template-columns:1fr}.gateway-status-section:nth-child(n+3){grid-column:auto}.resource-form-control{font-size:var(--font-size-base)}.gateway-row-head{display:none}.gateway-row{padding:var(--space-sm) var(--space-md);grid-template-columns:1fr;gap:4px}.gateway-row>:nth-child(3){display:flex}.gateway-cell-label{min-width:64px;display:inline}.gateway-cell-runtime,.gateway-cell-accounts,.gateway-cell-actions{justify-content:flex-start}.gateway-cell-actions{padding-top:var(--space-xs)}}