.chat-app-shell,:root{--font-inter:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.chat-app-shell{background:radial-gradient(circle at top left, #1476ff1f, transparent 32rem), var(--surface-muted);grid-template-columns:88px minmax(280px,360px) minmax(520px,1fr) minmax(280px,360px);gap:10px;height:100vh;padding:14px;font-weight:400;display:grid;overflow:hidden}.recording-status{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.recording-status__dot{background:#e11d48;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite recordingPulse}.recording-status strong{white-space:nowrap}.recording-status button{color:#be123c;cursor:pointer;background:#fff;border:1px solid #fecdd3;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.recording-status button:hover{background:#ffe4e8}@keyframes recordingPulse{50%{opacity:.65;box-shadow:0 0 0 5px #e11d4824}}.attachment-audio{background:#ffffffc2;border:1px solid #6fa0e647;border-radius:16px;align-items:center;gap:9px;max-width:min(300px,68vw);padding:6px 8px;display:flex}.voice-message{color:#fff;background:linear-gradient(135deg,#2f6bff,#1b56e8);border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:30px minmax(108px,1fr) auto auto;align-items:center;gap:7px;width:min(314px,64vw);max-width:min(314px,70vw);min-height:44px;padding:5px 8px 5px 6px;transition:box-shadow .16s,transform .16s;display:grid;box-shadow:0 7px 18px #1e5be629}.voice-message--playing{box-shadow:0 10px 26px #1e5be647}.voice-message audio{display:none}.voice-message button{color:inherit;cursor:pointer;font:inherit;border:0}.voice-message__play{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.voice-message__play:hover{background:#ffffff47}.voice-message__play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;margin-left:2px;display:block}.voice-message__pause-icon{border-left:3px solid #fff;border-right:3px solid #fff;width:4px;height:11px;display:block}.voice-message__timeline{min-width:0;height:30px;position:relative}.voice-message__waveform{pointer-events:none;align-items:center;gap:2px;height:30px;display:flex;overflow:hidden}.voice-message__bar{background:#ffffff6b;border-radius:999px;flex:2px;min-width:1.5px;max-width:2.5px;transition:background 80ms linear;display:block}.voice-message__bar--played{background:#fff}.voice-message__timeline input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.voice-message time{font-variant-numeric:tabular-nums;text-align:right;min-width:29px;font-size:11px}.voice-message__rate{background:#ffffff24;border-radius:999px;min-width:28px;min-height:22px;padding:0 5px;font-size:10px!important;font-weight:800!important}.voice-message__rate:hover{background:#ffffff3d}.attachment-media-loading{color:var(--text-muted);align-items:center;min-width:120px;min-height:38px;padding:0 8px;font-size:12px;display:flex}.attachment-image:disabled{cursor:wait;opacity:.8}[data-theme=dark] .attachment-audio{background:#0f172ab8;border-color:#334155}[data-theme=dark] .voice-message{background:linear-gradient(135deg,#2459d8,#1744ad)}[data-theme=dark] .recording-status{background:#35141c;border-color:#6f1d32}[data-theme=dark] .recording-status button{color:#fecdd3;background:#451827;border-color:#6f1d32}@media (prefers-reduced-motion:reduce){.recording-status__dot{animation:none}}@media (max-width:560px){.voice-message{grid-template-columns:30px minmax(92px,1fr) auto;width:min(292px,82vw)}.voice-message__rate{display:none}}.chat-app-shell--zalo{--zalo-blue:#0068ff;--zalo-blue-dark:#004bc4;--zalo-panel:#fff;--zalo-soft:#f1f5fb;--zalo-hover:#eef4ff;--zalo-border:#dfe7f3;--zalo-text:#122033;--zalo-muted:#6b7a90;background:#eaf0f8;grid-template-columns:72px minmax(308px,356px) minmax(480px,1fr) minmax(292px,336px);gap:0;padding:0}.chat-app-shell--zalo .ui-navigation-rail{background:linear-gradient(180deg, var(--zalo-blue), var(--zalo-blue-dark));box-shadow:none;border:0;border-radius:0;padding:18px 8px 14px}.chat-app-shell--zalo .ui-navigation-rail__brand{color:var(--zalo-blue);border-radius:14px;width:42px;height:42px;margin-bottom:20px;box-shadow:0 12px 24px #00216938}.chat-app-shell--zalo .ui-navigation-rail__brand--image{background:#fff;border:1px solid #ffffffb8;padding:5px;box-shadow:0 12px 24px #0021693d}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{color:#ffffffc2;border-radius:14px;gap:0;min-height:48px;padding:0}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button:hover,.chat-app-shell--zalo .ui-navigation-rail__item--active.ui-button{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1f}.chat-app-shell--zalo .ui-navigation-rail__profile .ui-avatar{box-shadow:0 0 0 3px #ffffff2e}.chat-app-shell--zalo .channel-panel,.chat-app-shell--zalo .chat-main,.chat-app-shell--zalo .detail-panel{background:var(--zalo-panel);box-shadow:none;border:0;border-radius:0}.chat-app-shell--zalo .channel-panel{border-right:1px solid var(--zalo-border);min-width:0;position:relative}.chat-app-shell--zalo .chat-main{border-right:1px solid var(--zalo-border);min-width:0}.chat-app-shell--zalo .detail-panel{min-width:0}.chat-app-shell--zalo .panel-heading{border-bottom:1px solid var(--zalo-border);background:#fff;min-height:64px;padding:12px 14px}.chat-app-shell--zalo .panel-heading p{color:var(--zalo-text);margin:0 0 3px;font-size:18px;font-weight:650}.chat-app-shell--zalo .panel-heading span{color:var(--zalo-muted);font-size:12.5px}.chat-app-shell--zalo .panel-heading__actions{gap:4px}.chat-app-shell--zalo .channel-panel .ui-button--icon,.chat-app-shell--zalo .chat-actions .ui-button--icon,.chat-app-shell--zalo .detail-tabs .ui-button--icon{color:#64748b;background:0 0;border-color:#0000;border-radius:12px}.chat-app-shell--zalo .channel-panel .ui-button--icon:hover,.chat-app-shell--zalo .chat-actions .ui-button--icon:hover,.chat-app-shell--zalo .detail-tabs .ui-button--icon:hover{background:var(--zalo-soft);color:var(--zalo-blue)}.chat-app-shell--zalo .notification-dropdown{z-index:30;border-radius:16px;margin:0;padding:14px;position:absolute;top:58px;left:12px;right:12px;box-shadow:0 22px 60px #0f172a29}.chat-app-shell--zalo .api-status-pill{border-color:var(--zalo-border);color:var(--zalo-muted);background:#fff;min-height:26px;margin:12px 14px 10px;padding:0 10px}.chat-app-shell--zalo .workspace-switcher{margin:0 14px 10px}.chat-app-shell--zalo .workspace-switcher label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chat-app-shell--zalo .workspace-switcher select,.chat-app-shell--zalo .direct-create select{background:var(--zalo-soft);color:var(--zalo-text);border:1px solid #0000;border-radius:12px;min-height:40px}.chat-app-shell--zalo .channel-search .ui-input-shell,.chat-app-shell--zalo .zalo-search-panel .ui-input-shell{background:var(--zalo-soft);border-color:#0000;border-radius:14px;min-height:42px}.chat-app-shell--zalo .channel-filter-tabs.ui-segmented{background:var(--zalo-soft);border-radius:14px;margin:0 14px 12px;padding:4px}.chat-app-shell--zalo .channel-filter-tabs .ui-segmented__item{color:var(--zalo-muted);border-radius:11px;min-height:32px}.chat-app-shell--zalo .channel-filter-tabs .ui-segmented__item--active{color:var(--zalo-blue);background:#fff;box-shadow:0 6px 18px #0f172a14}.chat-app-shell--zalo .list-section{gap:2px;padding:0 10px 10px}.chat-app-shell--zalo .list-section.conversations{flex:1.4 auto;min-height:0}.chat-app-shell--zalo .list-section.channels-section{border-top:1px solid var(--zalo-border);flex:0 auto;max-height:36%;padding-top:10px;overflow:auto}.chat-app-shell--zalo .conversation-empty{align-items:stretch;gap:10px;padding:4px;display:grid}.chat-app-shell--zalo .conversation-empty .ui-feedback{min-height:124px;margin:0}.chat-app-shell--zalo .conversation-empty .ui-button{border-radius:12px;justify-content:center;min-height:36px}.chat-app-shell--zalo .section-label{color:var(--zalo-muted);min-height:28px;padding:0 8px;font-size:11px;font-weight:650}.chat-app-shell--zalo .channel-row,.chat-app-shell--zalo .conversation-row{color:#334155;border-radius:14px;min-height:54px;padding:8px 10px;transition:background .14s,color .14s,transform .14s}.chat-app-shell--zalo .channel-row:hover,.chat-app-shell--zalo .conversation-row:hover{background:var(--zalo-soft);color:var(--zalo-text)}.chat-app-shell--zalo .channel-row--active{background:var(--zalo-hover);color:var(--zalo-text)}.chat-app-shell--zalo .channel-row strong,.chat-app-shell--zalo .conversation-row strong{color:inherit;font-size:14px;font-weight:600}.chat-app-shell--zalo .channel-row small,.chat-app-shell--zalo .conversation-row small,.chat-app-shell--zalo .conversation-row em{color:var(--zalo-muted)}.chat-app-shell--zalo .channel-hash{border-radius:12px;width:36px;height:36px}.chat-app-shell--zalo .channel-panel .channel-hash{background:linear-gradient(135deg, var(--channel-hash-bg,#e6f0ff), var(--channel-hash-bg-soft,#f4f8ff));border:1px solid var(--channel-hash-border,#cfe0ff);box-shadow:0 8px 18px var(--channel-hash-shadow,#1677ff29);color:var(--channel-hash-text,var(--zalo-blue));font-size:20px;font-weight:800}.chat-app-shell--zalo .workspace-quickstart{background:linear-gradient(#f8fbff,#edf5ff);border-color:#cfe0ff;border-radius:16px;margin:0 14px 12px}.chat-app-shell--zalo .channel-panel .ui-feedback{border:1px dashed #c7d5ea;border-radius:16px;min-height:112px;margin:4px;padding:20px 14px}.chat-app-shell--zalo .chat-header{background:#fff;min-height:64px;padding:10px 20px}.chat-app-shell--zalo .chat-title{gap:12px}.chat-app-shell--zalo .chat-title h1{color:var(--zalo-text);margin-bottom:4px;font-size:18px;font-weight:650}.chat-app-shell--zalo .chat-title p{color:var(--zalo-muted);font-size:13px}.chat-app-shell--zalo .message-toolbar{background:#fff;grid-template-columns:minmax(160px,1fr) auto auto;gap:10px;padding:9px 20px}.chat-app-shell--zalo .message-toolbar .ui-input-shell{background:var(--zalo-soft);border-color:#0000;border-radius:999px;min-height:38px}.chat-app-shell--zalo .presence-status-pill,.chat-app-shell--zalo .realtime-status{border-radius:999px;min-height:30px;font-size:12px}.chat-app-shell--zalo .message-timeline{background:radial-gradient(circle at 20% 0,#0068ff0f,#0000 28rem),linear-gradient(#f8fbff,#fff);align-content:start;gap:14px;padding:18px 24px 24px}.chat-app-shell--zalo .message-row--local{grid-template-columns:minmax(0,1fr) auto;justify-items:end}.chat-app-shell--zalo .message-row--local .ui-avatar{order:2}.chat-app-shell--zalo .message-row--local .message-row__content{background:#dcecff;border-color:#c2dcff;border-radius:18px 18px 6px;order:1}.chat-app-shell--zalo .message-row header{gap:8px}.chat-app-shell--zalo .message-actions{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(2px)}.chat-app-shell--zalo .message-row:hover .message-actions{opacity:1;transform:translateY(0)}.chat-app-shell--zalo .reaction-add-button{opacity:.72}.chat-app-shell--zalo .composer-wrap{background:#fff;box-shadow:0 -10px 28px #0f172a0d}.chat-app-shell--zalo .composer-input-group{background:var(--zalo-soft);border:1px solid #0000;border-radius:22px;min-height:44px;padding:0 16px}.chat-app-shell--zalo .composer-input-group:focus-within{background:#fff;border-color:#aacbff;box-shadow:0 0 0 3px #0068ff1a}.chat-app-shell--zalo .composer-input-group input{background:0 0}.chat-app-shell--zalo .send-button{border-radius:50%;width:44px;height:44px}.chat-app-shell--zalo .typing-dots{border-color:var(--zalo-border);background:#fff;margin:8px 18px 0;box-shadow:0 10px 22px #0f172a0f}.chat-app-shell--zalo .emoji-picker{border-radius:16px;box-shadow:0 24px 64px #0f172a2e}.chat-empty-state{color:var(--zalo-muted);text-align:center;align-content:center;justify-items:center;gap:12px;min-height:100%;padding:32px;display:grid}.chat-empty-state span{color:var(--zalo-blue);background:linear-gradient(#e8f2ff,#fff);border:1px solid #d4e4ff;border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex}.channel-access-view{flex-direction:column;flex:auto;min-height:0;display:flex}.channel-access-view>section{text-align:center;background:linear-gradient(#eef5ff,#f8fbff);flex:auto;align-content:center;justify-items:center;gap:12px;padding:28px;display:grid}.channel-access-view>section>span{color:var(--brand-700);background:#dceaff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.channel-access-view h2,.channel-access-view p{margin:0}.channel-access-view p{color:var(--text-muted);max-width:520px;line-height:1.55}[data-theme=dark] .channel-access-view>section{background:#0b1220}.chat-empty-state h2{color:var(--zalo-text);margin:0;font-size:22px}.chat-empty-state p{margin:0;font-size:15px}.chat-app-shell--zalo .detail-tabs{background:#fff;padding:14px 16px}.chat-app-shell--zalo .detail-tabs .ui-segmented{background:var(--zalo-soft);border-radius:14px;padding:4px}.chat-app-shell--zalo .detail-section{padding:16px}.chat-app-shell--zalo .pinned-card,.chat-app-shell--zalo .file-row,.chat-app-shell--zalo .summary-card,.chat-app-shell--zalo .summary-stat-grid article,.chat-app-shell--zalo .contact-card,.chat-app-shell--zalo .file-directory__item,.chat-app-shell--zalo .workspace-feed__item,.chat-app-shell--zalo .workspace-tile,.chat-app-shell--zalo .zalo-search-panel,.chat-app-shell--zalo .settings-card,.chat-app-shell--zalo .operational-empty{border-color:var(--zalo-border);box-shadow:none;border-radius:16px}.chat-app-shell--zalo .workspace-page{background:#f8fbff;gap:16px;padding:22px 24px}.chat-app-shell--zalo .workspace-page__header{border:1px solid var(--zalo-border);background:#fff;border-radius:18px;padding:18px}.chat-app-shell--zalo .workspace-page__header h1{color:var(--zalo-text);font-size:26px;font-weight:650}.chat-app-shell--zalo .workspace-page__header p{color:var(--zalo-muted);max-width:760px}.chat-app-shell--zalo .zalo-search-panel{background:#fff;grid-template-columns:54px minmax(0,1fr)}.chat-app-shell--zalo .contact-card,.chat-app-shell--zalo .file-directory__item,.chat-app-shell--zalo .workspace-feed__item{background:#fff}.chat-app-shell--zalo .contact-card:hover,.chat-app-shell--zalo .file-directory__item:hover,.chat-app-shell--zalo .workspace-feed__item:hover,.chat-app-shell--zalo .workspace-tile:hover{border-color:#b9d4ff;box-shadow:0 14px 32px #0068ff14}[data-theme=dark] .chat-app-shell--zalo{--zalo-panel:#111827;--zalo-soft:#192235;--zalo-hover:#102a4c;--zalo-border:#263246;--zalo-text:#edf4ff;--zalo-muted:#94a3b8;background:#07111f}[data-theme=dark] .chat-app-shell--zalo .channel-panel,[data-theme=dark] .chat-app-shell--zalo .chat-main,[data-theme=dark] .chat-app-shell--zalo .detail-panel,[data-theme=dark] .chat-app-shell--zalo .panel-heading,[data-theme=dark] .chat-app-shell--zalo .chat-header,[data-theme=dark] .chat-app-shell--zalo .message-toolbar,[data-theme=dark] .chat-app-shell--zalo .composer-wrap,[data-theme=dark] .chat-app-shell--zalo .workspace-page__header,[data-theme=dark] .chat-app-shell--zalo .zalo-search-panel,[data-theme=dark] .chat-app-shell--zalo .contact-card,[data-theme=dark] .chat-app-shell--zalo .file-directory__item,[data-theme=dark] .chat-app-shell--zalo .workspace-feed__item{background:var(--zalo-panel)}[data-theme=dark] .chat-app-shell--zalo .workspace-page,[data-theme=dark] .chat-app-shell--zalo .message-timeline{background:radial-gradient(circle at 18% 0,#2563eb1f,#0000 28rem),#08111f}[data-theme=dark] .chat-app-shell--zalo .message-row__content{border-color:var(--zalo-border);background:#121b2d}[data-theme=dark] .chat-app-shell--zalo .message-row p{color:#e5edf8}[data-theme=dark] .chat-app-shell--zalo .chat-empty-state span{background:#12203a;border-color:#214a7a}@media (max-width:1180px){.chat-app-shell--zalo{grid-template-columns:68px minmax(292px,336px) minmax(0,1fr)}}@media (max-width:860px){.chat-app-shell--zalo{grid-template-columns:64px minmax(0,1fr)}}.chat-app-shell--zalo .message-row--media-only .message-row__content,.chat-app-shell--zalo .message-row--media-only.message-row--local .message-row__content{box-shadow:none;background:0 0;border:0;max-width:min(720px,82%);padding:0;position:relative;overflow:visible}.chat-app-shell--zalo .message-row--media-only .message-row__content>header{color:#fff;background:#0f172a9e;border-radius:999px;width:fit-content;min-height:26px;margin:0 0 6px auto;padding:3px 9px}.chat-app-shell--zalo .message-row--media-only .message-row__content>header strong,.chat-app-shell--zalo .message-row--media-only .message-row__content>header span{color:#fff}.chat-app-shell--zalo .message-row--media-only .attachment-list{margin:0}.chat-app-shell--zalo .message-row--media-only .attachment-image{max-width:min(720px,70vw)}.chat-app-shell--zalo .message-row--media-only .attachment-image img{aspect-ratio:auto;object-fit:contain;border-radius:12px;width:auto;max-width:100%;max-height:min(560px,68vh)}.chat-app-shell--zalo .message-row--media-only .attachment-image>span:last-child{display:none}.chat-app-shell--zalo .message-row--media-only .reaction-add-button{background:#fff}.chat-app-shell--zalo .message-row--media-only .message-actions{border:1px solid var(--zalo-border);z-index:3;background:#fffffff0;border-radius:999px;padding:4px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 8px 20px #0f172a1f}.chat-app-shell--zalo .message-row--media-only.message-row--local .message-actions{left:auto;right:calc(100% + 8px)}.chat-app-shell--zalo .message-row--media-only:hover .message-actions{transform:translateY(-50%)}@media (max-width:640px){.chat-app-shell--zalo{gap:8px;padding:8px}.chat-app-shell--zalo .ui-navigation-rail,.chat-app-shell--zalo .chat-main,.chat-app-shell--zalo .channel-panel,.chat-app-shell--zalo .detail-panel{border-radius:16px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button span{clip:auto;width:auto;height:auto;position:static}}.chat-app-shell h1,.chat-app-shell h2,.chat-app-shell h3,.chat-app-shell strong{font-weight:600}.channel-panel,.chat-main,.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:0;overflow:hidden}.channel-panel,.detail-panel{flex-direction:column;display:flex}.panel-heading{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.panel-heading__actions,.chat-actions,.detail-tabs{z-index:8;align-items:center;position:relative}.panel-heading__actions .ui-tooltip__content,.chat-actions .ui-tooltip__content,.detail-tabs .ui-tooltip__content{inset:calc(100% + 8px) 0 auto auto;transform:translateY(-4px)}.panel-heading__actions .ui-tooltip:hover .ui-tooltip__content,.panel-heading__actions .ui-tooltip:focus-within .ui-tooltip__content,.chat-actions .ui-tooltip:hover .ui-tooltip__content,.chat-actions .ui-tooltip:focus-within .ui-tooltip__content,.detail-tabs .ui-tooltip:hover .ui-tooltip__content,.detail-tabs .ui-tooltip:focus-within .ui-tooltip__content{transform:translateY(0)}.panel-heading__actions{gap:6px;display:flex}.api-status-pill{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:28px;margin:0 20px 12px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.api-status-pill span{border-radius:999px;width:8px;height:8px}.api-status-pill--checking span{background:var(--accent-orange)}.api-status-pill--online span{background:var(--accent-green)}.api-status-pill--offline span{background:var(--accent-red)}.channel-search{margin:0 20px 12px}.workspace-switcher{gap:6px;margin:0 20px 12px;display:grid}.workspace-quickstart{background:linear-gradient(#f8fbff,#eef5ff);border:1px solid #cfe0ff;border-radius:8px;gap:8px;margin:0 20px 12px;padding:12px;display:grid}.workspace-quickstart strong{color:var(--text);font-size:13px}.workspace-quickstart span{color:var(--text-muted);font-size:12.5px;line-height:1.45}.workspace-switcher label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.workspace-switcher select,.channel-create-form select,.direct-create select{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-width:0;min-height:38px;padding:0 10px}.channel-create-form{border:1px solid var(--border);border-radius:8px;gap:8px;margin:0 20px 14px;padding:10px;display:grid}.channel-create-form__footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.panel-heading p{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1}.panel-heading span,.section-label,.conversation-row em,.message-row header span,.detail-section small{color:var(--text-muted);font-size:12px;font-style:normal}.channel-filter-tabs{margin:0 20px 18px}.list-section{gap:8px;padding:0 16px 18px;display:grid}.section-label{letter-spacing:0;text-transform:uppercase;font-weight:700}.channel-row,.conversation-row{color:inherit;cursor:default;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 10px;text-decoration:none;display:flex}.channel-row--active{background:#eef4ff}.channel-row__body,.conversation-row span,.file-row span:last-child{gap:3px;min-width:0;display:grid}.channel-row strong,.conversation-row strong,.file-row strong,.pinned-card strong{font-size:14px}.channel-row small,.conversation-row small,.file-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pin-action{color:var(--text-muted);flex:none;align-items:center;display:inline-flex}.pin-action--active{color:var(--brand-700)}.channel-hash{background:linear-gradient(135deg, var(--channel-hash-bg,#7c3aed), var(--channel-hash-bg-soft,#8b5cf6));border:1px solid var(--channel-hash-border,transparent);box-shadow:0 8px 18px var(--channel-hash-shadow,#7c3aed33);color:var(--channel-hash-text,#fff);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:800;display:inline-flex}.channel-hash--purple,.channel-hash--violet{--channel-hash-bg:#f3e8ff;--channel-hash-bg-soft:#faf5ff;--channel-hash-border:#e9d5ff;--channel-hash-shadow:#a855f73d;--channel-hash-text:#9333ea}.channel-hash--green{--channel-hash-bg:#dcfce7;--channel-hash-bg-soft:#f0fdf4;--channel-hash-border:#bbf7d0;--channel-hash-shadow:#22c55e38;--channel-hash-text:#16a34a}.channel-hash--orange{--channel-hash-bg:#fef3c7;--channel-hash-bg-soft:#fffbeb;--channel-hash-border:#fde68a;--channel-hash-shadow:#f59e0b3d;--channel-hash-text:#d97706}.channel-hash--red{--channel-hash-bg:#fee2e2;--channel-hash-bg-soft:#fef2f2;--channel-hash-border:#fecaca;--channel-hash-shadow:#ef44443d;--channel-hash-text:#dc2626}.conversations{overflow:auto}.conversation-row em{white-space:nowrap;margin-left:auto}.direct-create{border-top:1px solid var(--border);gap:8px;padding-top:10px;display:grid}.workspace-page{grid-template-rows:auto auto 1fr;gap:18px;min-height:0;padding:22px;display:grid;overflow:auto}.workspace-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-page__header h1{color:var(--text);letter-spacing:0;margin:4px 0 8px;font-size:28px;font-weight:700;line-height:1.1}.workspace-page__header p,.workspace-page__footer-note,.workspace-tile p,.workspace-tile small,.contact-card__body span,.contact-card__meta,.settings-card p,.operational-empty p,.workspace-summary-panel p,.summary-card p,.summary-conversation small{color:var(--text-muted)}.workspace-page__eyebrow{color:var(--brand-700);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.zalo-search-panel,.settings-card,.operational-empty,.summary-card{border:1px solid var(--border);background:linear-gradient(#fff,#f7fbff);border-radius:8px;box-shadow:0 14px 32px #0f172a0a}.contacts-tabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:6px;padding:6px;display:grid}.contacts-tabs__item{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:flex}.contacts-tabs__item strong{background:color-mix(in srgb, var(--brand-600) 10%, var(--surface));color:var(--brand-700);border-radius:999px;justify-content:center;align-items:center;min-width:24px;padding:3px 7px;font-size:11px;display:inline-flex}.contacts-tabs__item:hover{color:var(--brand-700)}.contacts-tabs__item--active{background:var(--surface);border-color:color-mix(in srgb, var(--brand-600) 22%, var(--border));color:var(--brand-700);box-shadow:0 6px 16px #0f172a12}.zalo-search-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid}.zalo-search-panel__icon{color:var(--brand-700);background:#eaf2ff;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.zalo-search-panel>div:last-child,.contact-list,.workspace-feed,.file-directory{gap:10px;display:grid}.contact-card,.file-directory__item,.workspace-feed__item{border:1px solid var(--border);color:inherit;text-align:left;background:linear-gradient(#fff,#fbfdff);border-radius:8px;align-items:center;gap:14px;width:100%;min-height:78px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.contact-card{grid-template-columns:auto minmax(0,1fr) auto}.contact-card:hover,.file-directory__item:hover,.workspace-feed__item:hover,.workspace-tile:hover{border-color:#c6d8ff;transform:translateY(-1px);box-shadow:0 12px 30px #1476ff17}.contact-card__body{gap:8px;min-width:0;display:grid}.contact-card__body>div:first-child{gap:3px;display:grid}.contact-card__body strong,.workspace-tile strong,.file-directory__item strong,.workspace-feed__item strong,.settings-card h2,.operational-empty h2,.summary-card h3,.summary-conversation strong{color:var(--text);font-weight:600}.contact-card__meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.workspace-grid-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.workspace-tile{border:1px solid var(--border);color:inherit;cursor:default;text-align:left;background:#fff;border-radius:8px;gap:10px;min-height:168px;padding:16px;display:grid}.workspace-tile>.ui-button{justify-self:start;margin-top:auto}.channel-membership-manager{border-top:1px solid var(--border);grid-column:1/-1;width:100%;margin-top:6px;padding-top:10px}.channel-membership-manager summary{color:var(--brand-700);cursor:pointer;font-size:12px;font-weight:700}.channel-membership-manager>small{color:var(--text-muted);margin-top:10px;display:block}.channel-invite-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.channel-invite-row select{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:0;padding:0 8px}.channel-join-requests{gap:6px;margin-top:10px;display:grid}.channel-join-requests article{background:var(--surface-muted);border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px;display:grid}.channel-join-requests article>span{gap:2px;display:grid}.channel-join-requests small{color:var(--text-muted);font-size:11px}.department-create-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.department-create-form label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.department-create-form input,.department-create-form select,.department-create-form textarea{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:9px;outline:0;min-height:40px;padding:8px 10px}.department-create-form__description{grid-column:1/-1}.department-create-form textarea{resize:vertical;min-height:72px}.department-create-form>div{grid-column:1/-1;gap:8px;display:flex}.department-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.department-grid article{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;display:grid}.department-grid article>span{background:var(--surface-soft);color:var(--brand-700);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.department-grid article>div{gap:4px;display:grid}.department-grid strong{color:var(--text)}.department-grid small,.department-grid p{color:var(--text-muted);margin:0;font-size:12px}.department-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.department-overview-grid article{background:linear-gradient(135deg, var(--surface), var(--surface-muted));border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.department-overview-grid article>span{color:var(--brand-700);background:#e8f3ff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.department-overview-grid strong{color:var(--text);font-size:20px;line-height:1.1;display:block}.department-overview-grid small{color:var(--text-muted);font-size:12px}.department-toolbar{grid-template-columns:minmax(0,1fr) minmax(190px,auto) auto;align-items:center;gap:12px;display:grid}.department-coverage-filter{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:0;min-height:40px;padding:7px 10px}.department-card{transition:border-color .16s,box-shadow .16s,transform .16s}.department-card:hover,.department-card--active{border-color:color-mix(in srgb, var(--brand-600) 45%, var(--border));transform:translateY(-1px);box-shadow:0 10px 28px #1476ff1a}.department-card>aside{place-items:flex-end end;gap:8px;display:grid}.department-card__coverage{flex-wrap:wrap;align-items:center;margin-top:4px;gap:6px!important;display:flex!important}.department-card__coverage>span:not(.ui-badge){color:var(--text-muted);font-size:11px;font-weight:600}.department-feedback{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.department-feedback--success{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.department-feedback--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}[data-theme=dark] .department-feedback--success{background:#064e3b52}[data-theme=dark] .department-feedback--error{background:#7f1d1d52}.department-feedback button{color:inherit;cursor:pointer;background:0 0;border:0;padding:3px;display:flex}.department-detail-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:16px;gap:18px;padding:18px;display:grid}.department-detail-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;padding-bottom:14px;display:flex}.department-detail-panel h2,.department-detail-panel h3,.department-detail-panel p{margin:0}.department-detail-panel h2{margin-top:3px}.department-detail-panel p{color:var(--text-muted);margin-top:4px;font-size:13px}.department-detail-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.department-detail-grid{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:16px;display:grid}.department-editor,.department-members-manager,.department-channel-manager{background:var(--surface-muted);border:1px solid var(--border);border-radius:13px;align-content:start;gap:12px;padding:14px;display:grid}.department-channel-manager{grid-column:1/-1}.department-editor label{color:var(--text-muted);gap:5px;font-size:12px;font-weight:700;display:grid}.department-editor input,.department-editor select,.department-editor textarea,.department-member-add select,.department-member-list select,.department-channel-add select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:0;min-height:38px;padding:7px 9px}.department-editor textarea{resize:vertical;min-height:92px}.department-editor__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.department-delete-confirm{color:var(--accent-red);flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.department-member-add{grid-template-columns:minmax(0,1fr) minmax(110px,.5fr) auto;gap:7px;display:grid}.department-member-list,.department-channel-list{gap:8px;display:grid}.department-member-list article{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto minmax(0,1fr) minmax(112px,auto) auto;align-items:center;gap:8px;padding:9px;display:grid}.department-member-list article>span,.department-channel-list article>span:nth-child(2){gap:2px;min-width:0;display:grid}.department-member-list small,.department-channel-list small,.department-channel-manager>small{color:var(--text-muted);font-size:11px}.department-channel-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.department-channel-list article{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}@media (max-width:760px){.contacts-tabs,.department-toolbar,.department-overview-grid,.department-create-form{grid-template-columns:1fr}.department-create-form__description,.department-create-form>div{grid-column:auto}.department-detail-grid{grid-template-columns:1fr}.department-channel-manager{grid-column:auto}.department-member-add{grid-template-columns:1fr}.department-member-list article{grid-template-columns:auto minmax(0,1fr)}.department-member-list article>select,.department-member-list article>.ui-button{grid-column:2}.department-channel-list article{grid-template-columns:auto minmax(0,1fr)}.department-channel-list article>.ui-button{grid-column:1/-1}}.workspace-feed__item{cursor:default;grid-template-columns:auto minmax(0,1fr) auto}.workspace-feed__item--unread{background:#eef4ff;border-color:#c6d8ff}.workspace-feed__item span,.file-directory__item div{gap:4px;min-width:0;display:grid}.workspace-feed__item small,.file-directory__item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-feed__item em{color:var(--text-muted);white-space:nowrap;font-size:12px;font-style:normal}.file-directory__item{grid-template-columns:auto minmax(0,1fr) auto}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.settings-card--profile{grid-column:span 2}.settings-card{gap:12px;padding:18px;display:grid}.settings-card__muted{color:var(--text-muted);font-size:12px;line-height:1.4}.settings-card>div{align-items:center;gap:10px;display:flex}.settings-card h2,.settings-card p,.operational-empty h2,.operational-empty p{margin:0}.settings-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-toggle-row span{gap:3px;min-width:0;display:grid}.settings-toggle-row strong{color:var(--text);font-size:13px}.settings-toggle-row small{color:var(--text-muted);font-size:12px;line-height:1.35}.settings-toggle-row input[type=checkbox]{accent-color:var(--brand-700);flex:none;width:18px;height:18px}.settings-time-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-time-row label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.settings-time-row input{border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:34px;padding:0 10px}.desktop-version-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-form{gap:12px;display:grid}.profile-form label{color:var(--text-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.avatar-upload-field{color:var(--text-muted);gap:8px;font-size:13px;font-weight:700;display:grid}.avatar-upload-field>div{align-items:center;gap:12px;display:flex}.avatar-upload-field>div>span{gap:5px;display:grid}.avatar-upload-field small{color:var(--text-muted);font-size:11px;font-weight:500}.profile-form__error{color:#d92d20!important}.profile-form input{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:0;min-height:40px;padding:0 12px}.profile-form input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #0068ff1f}.operational-empty{color:var(--brand-700);text-align:center;align-content:center;justify-items:center;gap:12px;min-height:320px;padding:32px;display:grid}.operational-empty p{max-width:540px}.workspace-summary-panel{grid-template-rows:auto auto auto 1fr;gap:16px;padding:22px;display:grid}.workspace-summary-panel header{gap:8px;display:grid}.workspace-summary-panel header span{color:var(--brand-700);text-transform:uppercase;font-size:12px;font-weight:700}.workspace-summary-panel header h2{margin:0;font-size:24px}.workspace-summary-panel header p{margin:0}.summary-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-stat-grid article{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;gap:6px;padding:12px;display:grid}.summary-stat-grid strong{font-size:22px}.summary-stat-grid span{color:var(--text-muted);font-size:12px}.summary-card{gap:10px;padding:16px;display:grid}.summary-card h3,.summary-card p{margin:0}.summary-conversation{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.summary-conversation span{gap:3px;min-width:0;display:grid}.summary-conversation small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.chat-main{grid-template-rows:auto auto auto 1fr auto;display:grid}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;padding:16px 22px;display:flex}.chat-title{align-items:center;gap:14px;display:flex}.chat-title h1{margin:0 0 6px;font-size:21px;line-height:1}.chat-title p{color:var(--text-muted);margin:0}.chat-actions{align-items:center;gap:8px;display:flex}.call-panel{border-bottom:1px solid var(--border);background:#f8fbff;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"summary actions""video video";align-items:center;gap:12px 16px;padding:12px 22px;display:grid}.call-panel--incoming{background:#f0fdf4}.call-panel--error{background:#fff1f2}.call-panel__summary{grid-area:summary;align-items:center;gap:12px;min-width:0;display:flex}.call-panel__summary>div{gap:3px;min-width:0;display:grid}.call-panel__summary strong,.call-panel__summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-panel__summary small{color:var(--text-muted);font-size:12px}.call-panel__badge{color:#16834c;background:#e9f7ef;border:1px solid #b8ebca;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.call-panel--error .call-panel__badge,.call-panel--ended .call-panel__badge{color:#be123c;background:#fff1f2;border-color:#fecdd3}.call-panel__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:8px;display:flex}.call-panel__button.ui-button{white-space:nowrap;gap:6px}.call-panel__button--accept.ui-button{color:#fff;background:#16a34a;border-color:#16a34a}.call-panel__button--accept.ui-button:hover{background:#15803d;border-color:#15803d}.call-panel__button--active.ui-button{color:#3153d8;background:#eef2ff;border-color:#c7d2fe}.call-panel__button--end.ui-button{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.call-panel__button--end.ui-button:hover{color:#fff;background:#ef4444;border-color:#ef4444}.call-panel__video-grid{grid-area:video;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:10px;display:grid}.call-panel__video{aspect-ratio:16/9;background:#0f172a;border-radius:10px;min-height:126px;position:relative;overflow:hidden}.call-panel__video video{object-fit:cover;width:100%;height:100%;display:block}.call-panel__video>span{color:#dbeafe;justify-content:center;align-items:center;height:100%;font-weight:700;display:flex}.call-panel__video small{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0f172ab8;border-radius:999px;max-width:calc(100% - 16px);padding:4px 8px;font-size:11px;position:absolute;bottom:8px;left:8px;overflow:hidden}.member-count{color:var(--text-muted);align-items:center;gap:6px;margin-right:4px;font-weight:600;display:inline-flex}.message-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:12px 22px;display:grid}.notification-button{position:relative}.notification-button span{background:var(--accent-red);border:2px solid var(--surface);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-4px}.notification-button--active{color:var(--brand-700);background:#eef4ff}.presence-status-pill,.realtime-status{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.presence-status-pill{color:#0f766e;background:#f0fdf9;border-color:#99f6e4}.realtime-status--connected{color:#027a48;background:#ecfdf3;border-color:#abefc6}.realtime-status--connecting,.realtime-status--reconnecting{color:#b54708;background:#fffaeb;border-color:#fedf89}.realtime-status--offline,.realtime-status--idle{color:#c01048;background:#fff1f3;border-color:#fecdd6}.message-timeline{gap:20px;padding:22px 24px;display:grid;overflow:auto}.load-older-button{justify-self:center}.message-search-results{border:1px solid var(--border);border-radius:8px;gap:8px;padding:12px;display:grid}.message-search-results header{justify-content:space-between;align-items:center;display:flex}.message-search-results header span{color:var(--text-muted);font-size:12px;font-weight:600}.message-search-results button{background:var(--surface-muted);color:inherit;text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:9px;display:grid}.message-search-results button:hover{border-color:#c8dcff}.message-search-results small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.message-payment-qr{color:var(--text);background:#fff;border:1px solid #d7e4f8;border-radius:14px;grid-template-columns:176px minmax(0,1fr);align-items:center;gap:12px;max-width:430px;margin-top:10px;padding:12px;text-decoration:none;display:grid}.message-payment-qr:hover{border-color:#86b7ff;box-shadow:0 10px 28px #0f62fe1f}.branded-qr{aspect-ratio:1;background:#fff;display:block;position:relative;overflow:hidden}.branded-qr__image{object-fit:contain;width:100%;height:100%;display:block}.branded-qr__logo{background:#fff;border:3px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0f172a29}.branded-qr__logo img{object-fit:contain;width:100%;height:100%;display:block}.message-payment-qr>.branded-qr{aspect-ratio:1;background:#fff;border-radius:10px;width:176px;display:block}.message-payment-qr>span:not(.branded-qr){gap:5px;min-width:0;display:grid}.message-payment-qr small{color:var(--text-muted);overflow-wrap:anywhere}@media (max-width:640px){.message-payment-qr{text-align:center;grid-template-columns:1fr;justify-items:center}}.notification-dropdown{background:var(--surface);border:1px solid var(--border);z-index:12;border-radius:8px;gap:12px;margin:0 20px 12px;padding:14px;display:grid;position:relative;box-shadow:0 18px 46px #0f172a1a}.notification-dropdown header{justify-content:space-between;align-items:center;display:flex}.notification-dropdown header div{gap:3px;display:grid}.notification-dropdown header span,.notification-row small{color:var(--text-muted);font-size:12px;font-weight:600}.notification-list{gap:8px;max-height:260px;display:grid;overflow:auto}.notification-row{background:var(--surface-muted);color:inherit;text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:10px;display:grid}.notification-row>span{background:#cbd5e1;border-radius:999px;width:8px;height:8px;margin-top:6px}.notification-row--unread{background:#eef4ff;border-color:#c8dcff}.notification-row--unread>span{background:var(--brand-700)}.notification-row p{color:var(--text);margin:4px 0;font-size:13px;line-height:1.45}.contact-request-row{cursor:default}.contact-request-row__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.message-row{contain-intrinsic-size:96px;content-visibility:auto;grid-template-columns:auto 1fr;gap:12px;display:grid}.message-row--local .message-row__content{border:1px solid var(--border);background:#f8fbff;border-radius:8px;padding:12px}.message-row__content{gap:8px;display:grid}.message-row--call{grid-template-columns:auto minmax(0,max-content);align-items:start}.message-row--call.message-row--local{grid-template-columns:minmax(0,max-content) auto;justify-content:end}.message-row--call.message-row--local>.ui-avatar{grid-area:1/2}.message-row--call.message-row--local .message-call-card,.message-row--call.message-row--local .message-call-time{grid-column:1}.message-call-card{color:#17233c;background:#fff;border:1px solid #d9e2ef;border-radius:8px;min-width:150px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.message-row--local .message-call-card{background:#dff0ff;border-color:#a8d1ff}.message-call-card strong{padding:12px 12px 2px;font-size:13px}.message-call-card--missed strong{color:#d72128}.message-call-card span{color:#66738a;align-items:center;gap:7px;padding:5px 12px 10px;font-size:13px;display:inline-flex}.message-call-card span svg{color:#4f8a74}.message-call-card--missed span svg{color:#e53935}.message-call-card button{color:#0068ff;cursor:pointer;background:0 0;border:0;border-top:1px solid #e3e8f0;min-height:36px;padding:0 12px;font-size:13px;font-weight:700}.message-call-card button:hover{background:#f2f7ff}.message-call-time{color:#fff;background:#c5cad3;border-radius:999px;place-self:start;margin-top:4px;margin-left:48px;padding:3px 8px;font-size:11px;font-weight:700}.message-row--local .message-call-time{justify-self:end;margin-left:0;margin-right:48px}.message-row header{align-items:baseline;gap:12px;display:flex}.message-actions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.message-actions button,.reaction-add-button,.reaction-pill__item{background:var(--surface-muted);color:var(--text-muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.message-actions button{justify-content:center;width:28px;height:28px;padding:0}.message-actions button:hover,.reaction-add-button:hover,.reaction-pill__item:hover,.reaction-pill__item--active{color:var(--brand-700);background:#eef4ff;border-color:#c8dcff}.message-pin-button--active{color:var(--brand-700);background:#e8f1ff;border-color:#9ec5ff}.message-row p{margin:0;line-height:1.55}.message-system-row{background:color-mix(in srgb, var(--surface-muted) 74%, transparent);border:1px solid var(--border);color:var(--text-muted);contain-intrinsic-size:42px;content-visibility:auto;border-radius:999px;grid-template-columns:auto minmax(0,max-content) auto;justify-content:center;place-self:center;align-items:center;gap:8px;max-width:min(760px,92%);padding:7px 12px;display:grid}.message-system-row--announcement{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.message-system-row--focused{box-shadow:0 0 0 3px #2563eb2e}.message-system-row__icon{align-items:center;display:inline-flex}.message-system-row__body{align-items:baseline;gap:7px;min-width:0;display:flex}.message-system-row__body>strong,.message-system-row time{flex:none;font-size:12px}.message-system-row .message-body{overflow-wrap:anywhere;min-width:0;font-size:13px}.message-edit-form{grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;display:grid}.message-edit-form input{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:0;min-height:38px;padding:0 11px}.reaction-pill{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;align-items:center;gap:7px;width:max-content;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.reaction-add-button{width:max-content}.attachment-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-chip{color:var(--brand-900);text-align:left;background:#eef4ff;border:1px solid #c8dcff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;max-width:min(360px,100%);padding:7px 10px 7px 7px;font-size:13px;font-weight:600;display:grid}.attachment-chip span:last-child{gap:2px;min-width:0;display:grid}.attachment-chip strong,.attachment-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip small{color:var(--text-muted);font-size:12px}.metric-preview{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px;max-width:620px;padding:12px;display:grid;box-shadow:0 12px 24px #10182814}.metric-mini{border-right:1px solid var(--border);gap:8px;padding:4px 12px 2px;display:grid}.metric-mini:last-child{border-right:0}.metric-mini span{color:var(--text-muted);font-size:11px;font-weight:600}.metric-mini strong{font-size:22px}.metric-mini i{opacity:.8;background:currentColor;border-radius:999px;width:100%;height:3px;display:block;position:relative}.metric-mini--blue{color:var(--brand-700)}.metric-mini--green{color:var(--accent-green)}.metric-mini--orange{color:var(--accent-orange)}.metric-mini--purple{color:var(--accent-purple)}.typing-row{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;display:flex}.typing-row span{background:#98a2b3;border-radius:999px;width:5px;height:5px}.composer-wrap{border-top:1px solid var(--border);position:relative}.composer-wrap--drag-active{background:#1570ef0f}.composer-drop-hint{color:var(--brand-700);pointer-events:none;z-index:35;background:#1570ef1a;border:1px dashed #1570ef73;border-radius:8px;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:800;display:flex;position:absolute;inset:8px 20px auto}.upload-queue{gap:8px;padding:12px 20px 0;display:grid}.upload-queue__item{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid}.upload-queue__item--failed{background:#fff1f3;border-color:#fecdd6}.upload-queue__item--attached{background:#ecfdf3;border-color:#abefc6}.upload-queue__item--audio{grid-template-columns:minmax(220px,320px) minmax(120px,1fr) auto auto}.upload-queue__item--audio .voice-message{width:100%;max-width:320px}@media (max-width:560px){.upload-queue__item--audio{grid-template-columns:minmax(0,1fr) auto}.upload-queue__item--audio>div:not(.voice-message){display:none}}.upload-queue__icon{color:var(--brand-700);background:#eef4ff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.upload-queue__item strong,.upload-queue__item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload-queue__item small{color:var(--text-muted);margin-top:2px;font-size:12px}.upload-queue__item>div>i{background:linear-gradient(90deg, var(--brand-700), #60a5fa, var(--brand-700));background-size:200% 100%;border-radius:999px;height:3px;margin-top:7px;display:block}.upload-queue__item>button{border:1px solid var(--border);color:var(--brand-700);background:#fff;border-radius:8px;align-items:center;min-height:30px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.composer{grid-template-columns:auto minmax(0,1fr) repeat(5,auto);align-items:center;gap:8px;padding:16px 20px;display:grid}.typing-dots{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;width:fit-content;margin:10px 20px 0;padding:8px 12px;display:inline-flex}.typing-dots span{background:#64748b;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite typingDot}.typing-dots small{color:var(--text-muted);margin-right:3px;font-size:11px}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}.composer-action-wrap{display:inline-flex;position:relative}.emoji-picker{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;grid-template-columns:repeat(6,34px);gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 20px 50px #0f172a24}.emoji-picker button{background:var(--surface-muted);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.emoji-picker button:hover{background:#eef4ff;border-color:#c7d7fe}.record-button--active.ui-button{color:#e11d48;background:#fff1f3;border-color:#fecdd6}.permission-note{color:#93370d;background:#fff8e6;border-top:1px solid #fedf89;padding:10px 20px;font-size:13px;font-weight:600}.offline-read-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 12px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.offline-read-banner strong{color:#0f172a}.offline-read-banner button{color:#1d4ed8;background:#fff;border:1px solid #93c5fd;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800}.composer-input-group{align-items:center;gap:10px;min-width:0;display:flex;position:relative}.composer-input-group input{color:var(--text);border:0;outline:0;flex:1;min-width:0}.composer-input-group input::placeholder{color:var(--text-muted)}.mention-suggestions{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:8px;gap:4px;width:min(320px,100%);max-height:260px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 40px #0f172a29}.mention-suggestions button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.mention-suggestions button:hover,.mention-suggestions button:focus-visible{background:var(--surface-muted);outline:0}.composer-input-group .mention-suggestions span{color:inherit;white-space:normal;background:0 0;border-radius:0;max-width:none;padding:0;font-size:13px;font-weight:500;display:grid;overflow:hidden}.composer-input-group .mention-suggestions strong,.composer-input-group .mention-suggestions small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-input-group .mention-suggestions small{color:var(--text-muted);font-size:12px}.composer-input-group span{background:var(--surface-muted);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:220px;padding:5px 9px;font-size:12px;font-weight:600;overflow:hidden}.send-button{border-radius:8px;width:42px;height:42px}@keyframes typingDot{0%,80%,to{opacity:.36;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.detail-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:4px;padding:12px 14px;display:grid}.thread-panel{border-bottom:1px solid var(--border);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;max-height:44vh;padding:16px;display:grid;overflow:hidden}.thread-panel header{justify-content:space-between;align-items:center;display:flex}.thread-panel h2{margin:0 0 4px;font-size:15px}.thread-panel header span,.thread-list small{color:var(--text-muted);font-size:12px}.thread-list{gap:12px;display:grid;overflow-y:auto}.thread-list article{grid-template-columns:auto 1fr;gap:10px;display:grid}.thread-list p{margin:4px 0 0;font-size:13px;line-height:1.5}.thread-composer{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:3px 4px 3px 12px;display:grid}.thread-composer input{color:var(--text);background:0 0;border:0;outline:0;min-width:0}.detail-panel--thread-open .thread-panel{border:0;min-height:0;max-height:none}@media (max-width:1440px){.chat-app-shell--zalo .detail-panel--thread-open{z-index:50;width:min(380px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #0f172a2e}.detail-panel--thread-open .thread-panel{flex:auto}.detail-panel--thread-open .detail-tabs,.detail-panel--thread-open .detail-section{display:none}}.detail-section{gap:12px;padding:18px;display:grid}.detail-section header{justify-content:space-between;align-items:center;display:flex}.detail-section h2{margin:0;font-size:15px}.detail-section button{color:var(--brand-700);background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.pinned-card{border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:10px;padding:12px;display:grid}.pinned-card p{margin:5px 0 0;font-size:13px;line-height:1.45}.media-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.media-thumb,.media-more,.media-file-thumb{aspect-ratio:1.25;border-radius:8px;display:block}.media-thumb--server{background:linear-gradient(135deg,#083a8c59,#0000),repeating-linear-gradient(90deg,#0b1220 0 8px,#173a6f 8px 12px)}.media-thumb--chart{background:linear-gradient(135deg,#16b3644d,#0000),repeating-linear-gradient(135deg,#0b1b2f 0 10px,#184f88 10px 13px)}.media-thumb--network{background:linear-gradient(135deg,#f59e0b52,#0000),repeating-linear-gradient(45deg,#0f172a 0 9px,#1d4ed8 9px 12px)}.media-more{color:#fff;background:#98a2b3;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.media-file-thumb{background:linear-gradient(135deg, #1476ff4d, #062a6fe0), var(--brand-900);color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.panel-skeleton{gap:10px;padding:4px;display:grid}.file-row{color:inherit;cursor:default;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;padding:0;text-decoration:none;display:grid}.file-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.file-icon--green{background:var(--accent-green)}.file-icon--red{background:var(--accent-red)}.file-icon--slate{background:#64748b}.file-security{border-radius:999px;width:fit-content;margin-top:3px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.file-security--warning{color:#b54708;background:#fff7d6}.file-security--danger{color:#be123c;background:#ffe4e8}.channel-panel{background:#f2f3f5;border-color:#d8dde6;box-shadow:inset -1px 0 #1118270a}.channel-panel .panel-heading{border-bottom:1px solid #dfe3ea;min-height:58px;padding:14px 14px 12px}.channel-panel .panel-heading p{color:#1f2937;margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.15}.channel-panel .panel-heading span{color:#697386;font-size:13px}.channel-panel .panel-heading__actions{gap:2px}.channel-panel .ui-button--icon{color:#6b7280;border-radius:5px}.channel-panel .ui-button--icon:hover{color:#111827;background:#e3e5e8}.channel-panel .api-status-pill{color:#64748b;background:#fff;border-color:#dde2ea;min-height:28px;margin:12px 14px 10px;font-weight:600}.channel-panel .workspace-switcher{gap:7px;margin:0 14px 10px}.channel-panel .workspace-switcher label,.channel-panel .section-label{color:#6b7280;letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.channel-panel .workspace-switcher select,.channel-panel .direct-create select{color:#374151;background:#e9ebef;border-color:#0000;border-radius:6px;min-height:36px}.channel-panel .channel-search{margin:0 14px 10px}.channel-panel .ui-input-shell{background:#e9ebef;border-color:#0000;border-radius:6px;min-height:38px}.channel-panel .ui-input-shell input{color:#374151}.channel-panel .channel-filter-tabs.ui-segmented{background:#e9ebef;border-radius:6px;margin:0 14px 14px;padding:3px}.channel-panel .channel-filter-tabs .ui-segmented__item{color:#64748b;border-radius:5px;min-height:30px;font-weight:600}.channel-panel .channel-filter-tabs .ui-segmented__item--active{color:var(--brand-800);background:#fff;box-shadow:0 2px 7px #11182714}.channel-panel .list-section{gap:2px;padding:0 10px 12px}.channel-panel .section-label{align-items:center;min-height:28px;padding:0 8px;display:flex}.channel-panel .channel-row,.channel-panel .conversation-row{color:#566173;border-radius:5px;gap:8px;min-height:36px;padding:6px 8px}.channel-panel .channel-row:hover,.channel-panel .conversation-row:hover{color:#111827;background:#e3e5e8}.channel-panel .channel-row--active{color:#111827;background:#fff;box-shadow:0 1px 4px #11182714}.channel-panel .channel-hash,.channel-panel .channel-hash--purple,.channel-panel .channel-hash--violet,.channel-panel .channel-hash--green,.channel-panel .channel-hash--orange,.channel-panel .channel-hash--red{background:linear-gradient(135deg, var(--channel-hash-bg,#e6f0ff), var(--channel-hash-bg-soft,#f4f8ff));border:1px solid var(--channel-hash-border,#cfe0ff);box-shadow:0 8px 18px var(--channel-hash-shadow,#1677ff29);color:var(--channel-hash-text,var(--brand-700));width:44px;height:44px;font-size:22px;font-weight:800}.channel-panel .channel-row__body,.channel-panel .conversation-row span{gap:1px}.channel-panel .channel-row strong,.channel-panel .conversation-row strong{color:inherit;font-size:14px;font-weight:500}.channel-panel .channel-row--active strong{font-weight:600}.channel-panel .channel-row small,.channel-panel .conversation-row small{color:#7a8699;font-size:12px}.channel-panel .conversation-row em{color:#7a8699;font-size:11px}.channel-panel .pin-action{color:#8a94a6;opacity:0}.channel-panel .channel-row:hover .pin-action,.channel-panel .channel-row--active .pin-action,.channel-panel .pin-action--active{opacity:1}.channel-panel .pin-action--active{color:var(--brand-700)}.channel-panel .ui-badge{min-width:18px;height:18px;padding:0 6px;font-weight:600}.channel-panel .ui-feedback{color:#7a8699;background:0 0;border:0;min-height:92px;padding:16px 10px}.channel-panel .ui-feedback strong{color:#374151;font-size:14px;font-weight:600}.channel-panel .ui-feedback p{font-size:13px;line-height:1.45}.channel-panel .direct-create{border-top-color:#dfe3ea;margin:8px 4px 0;padding-top:10px}.channel-panel .direct-create .ui-button{border-radius:5px;font-weight:600}[data-theme=dark] .chat-app-shell{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34rem),#08111f}[data-theme=dark] .chat-main,[data-theme=dark] .detail-panel{background:var(--surface);border-color:var(--border)}[data-theme=dark] .channel-panel{background:#1e1f22;border-color:#2b2d31;box-shadow:inset -1px 0 #0000004d}[data-theme=dark] .channel-panel .panel-heading{border-bottom-color:#2b2d31}[data-theme=dark] .channel-panel .panel-heading p,[data-theme=dark] .channel-panel .channel-row--active strong,[data-theme=dark] .channel-panel .ui-feedback strong{color:#f2f3f5}[data-theme=dark] .channel-panel .panel-heading span,[data-theme=dark] .channel-panel .section-label,[data-theme=dark] .channel-panel .channel-row small,[data-theme=dark] .channel-panel .conversation-row small,[data-theme=dark] .channel-panel .conversation-row em,[data-theme=dark] .channel-panel .ui-feedback,[data-theme=dark] .channel-panel .ui-feedback p{color:#949ba4}[data-theme=dark] .channel-panel .ui-button--icon{color:#b5bac1}[data-theme=dark] .channel-panel .ui-button--icon:hover{color:#f2f3f5;background:#35373c}[data-theme=dark] .channel-panel .api-status-pill,[data-theme=dark] .channel-panel .workspace-switcher select,[data-theme=dark] .channel-panel .direct-create select,[data-theme=dark] .channel-panel .ui-input-shell,[data-theme=dark] .channel-panel .channel-filter-tabs.ui-segmented{color:#dbdee1;background:#2b2d31;border-color:#343841}[data-theme=dark] .channel-panel .ui-input-shell input{color:#dbdee1}[data-theme=dark] .channel-panel .channel-filter-tabs .ui-segmented__item{color:#949ba4}[data-theme=dark] .channel-panel .channel-filter-tabs .ui-segmented__item--active{color:#fff;box-shadow:none;background:#3f4248}[data-theme=dark] .channel-panel .channel-row,[data-theme=dark] .channel-panel .conversation-row{color:#949ba4}[data-theme=dark] .channel-panel .channel-row:hover,[data-theme=dark] .channel-panel .conversation-row:hover{color:#dbdee1;background:#35373c}[data-theme=dark] .channel-panel .channel-row--active{color:#fff;box-shadow:none;background:#404249}[data-theme=dark] .channel-panel .direct-create,[data-theme=dark] .chat-app-shell--zalo .list-section.channels-section{border-top-color:#2b2d31}[data-theme=dark] .channel-panel .pin-action{color:#a9b0bc}[data-theme=dark] .workspace-page__header h1,[data-theme=dark] .contact-card__body strong,[data-theme=dark] .workspace-tile strong,[data-theme=dark] .file-directory__item strong,[data-theme=dark] .workspace-feed__item strong,[data-theme=dark] .settings-card h2,[data-theme=dark] .operational-empty h2,[data-theme=dark] .summary-card h3,[data-theme=dark] .summary-conversation strong,[data-theme=dark] .workspace-summary-panel header h2{color:#f2f3f5}[data-theme=dark] .workspace-page__header p,[data-theme=dark] .workspace-page__footer-note,[data-theme=dark] .workspace-tile p,[data-theme=dark] .workspace-tile small,[data-theme=dark] .contact-card__body span,[data-theme=dark] .contact-card__meta,[data-theme=dark] .settings-card p,[data-theme=dark] .operational-empty p,[data-theme=dark] .workspace-summary-panel p,[data-theme=dark] .summary-card p,[data-theme=dark] .summary-conversation small,[data-theme=dark] .workspace-feed__item small,[data-theme=dark] .file-directory__item small,[data-theme=dark] .workspace-feed__item em,[data-theme=dark] .summary-stat-grid span{color:#949ba4}[data-theme=dark] .zalo-search-panel,[data-theme=dark] .settings-card,[data-theme=dark] .operational-empty,[data-theme=dark] .summary-card,[data-theme=dark] .contact-card,[data-theme=dark] .file-directory__item,[data-theme=dark] .workspace-feed__item,[data-theme=dark] .workspace-tile,[data-theme=dark] .summary-stat-grid article{border-color:var(--border);box-shadow:none;background:#101827}[data-theme=dark] .zalo-search-panel__icon{color:#bfdbfe;background:#102a4c}[data-theme=dark] .workspace-quickstart,[data-theme=dark] .notification-dropdown,[data-theme=dark] .typing-dots,[data-theme=dark] .emoji-picker{border-color:var(--border);box-shadow:none;background:#101827}[data-theme=dark] .workspace-quickstart strong{color:#f2f3f5}[data-theme=dark] .workspace-quickstart span{color:#949ba4}[data-theme=dark] .emoji-picker button{color:#f8fafc;background:#182235}[data-theme=dark] .emoji-picker button:hover{background:#243247;border-color:#334155}[data-theme=dark] .record-button--active.ui-button{color:#fecdd3;background:#3a1620;border-color:#7f1d1d}[data-theme=dark] .contact-card:hover,[data-theme=dark] .file-directory__item:hover,[data-theme=dark] .workspace-feed__item:hover,[data-theme=dark] .workspace-tile:hover{border-color:#2563eb;box-shadow:0 14px 34px #2563eb1f}[data-theme=dark] .workspace-feed__item--unread{background:#102a4c;border-color:#1d4ed8}[data-theme=dark] .message-search-results,[data-theme=dark] .metric-preview,[data-theme=dark] .pinned-card{border-color:var(--border);background:#101827}[data-theme=dark] .message-search-results button,[data-theme=dark] .notification-row,[data-theme=dark] .message-actions button,[data-theme=dark] .reaction-add-button,[data-theme=dark] .reaction-pill__item,[data-theme=dark] .reaction-pill,[data-theme=dark] .composer-input-group span,[data-theme=dark] .upload-queue__item{border-color:var(--border);background:#172033}[data-theme=dark] .message-search-results button:hover,[data-theme=dark] .message-actions button:hover,[data-theme=dark] .reaction-add-button:hover,[data-theme=dark] .reaction-pill__item:hover,[data-theme=dark] .reaction-pill__item--active{background:#12203a;border-color:#2f64c4}[data-theme=dark] .message-pin-button--active{color:#bfdbfe;background:#102a4c;border-color:#2f64c4}[data-theme=dark] .notification-button span{border-color:var(--surface)}[data-theme=dark] .notification-button--active,[data-theme=dark] .notification-row--unread,[data-theme=dark] .message-row--local .message-row__content,[data-theme=dark] .attachment-chip,[data-theme=dark] .upload-queue__icon{color:#bfdbfe;background:#102a4c;border-color:#214a7a}[data-theme=dark] .presence-status-pill,[data-theme=dark] .realtime-status--connected,[data-theme=dark] .upload-queue__item--attached{color:#86efac;background:#0f2f22;border-color:#176c44}[data-theme=dark] .realtime-status--connecting,[data-theme=dark] .realtime-status--reconnecting,[data-theme=dark] .permission-note{color:#fbbf24;background:#36210a;border-color:#8a5a14}[data-theme=dark] .realtime-status--offline,[data-theme=dark] .realtime-status--idle,[data-theme=dark] .upload-queue__item--failed{color:#fecaca;background:#3a1518;border-color:#7f1d1d}[data-theme=dark] .upload-queue__item>button{border-color:var(--border);color:#bfdbfe;background:#101827}[data-theme=dark] .composer-input-group input{color:#f8fafc;background:0 0}[data-theme=dark] .composer-input-group input::placeholder{color:#94a3b8}[data-theme=dark] .profile-form input{border-color:var(--border);color:#f8fafc;background:#172033}[data-theme=dark] .media-more,[data-theme=dark] .file-icon--slate{background:#475569}.toast-stack{z-index:40;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast-stack .ui-toast{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:1180px){.chat-app-shell{grid-template-columns:78px minmax(260px,320px) 1fr}.detail-panel{display:none}}@media (max-width:860px){.chat-app-shell{grid-template-columns:72px 1fr}.channel-panel{display:none}.metric-preview{grid-template-columns:repeat(2,minmax(110px,1fr))}}@media (max-width:640px){.chat-app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;padding:8px;overflow:auto}.chat-app-shell .ui-navigation-rail{flex-direction:row;min-height:0;padding:8px;overflow-x:auto}.chat-app-shell .ui-navigation-rail__brand{flex:0 0 44px;margin:0 8px 0 0}.chat-app-shell .ui-navigation-rail__nav{gap:6px;display:flex;overflow-x:auto}.chat-app-shell .ui-navigation-rail__item.ui-button{flex:0 0 70px;min-height:56px}.chat-app-shell .ui-navigation-rail__profile{margin-top:0;margin-left:auto}.chat-main{min-height:calc(100dvh - 92px)}.workspace-page{padding:14px}.workspace-page__header,.contact-card,.file-directory__item,.workspace-feed__item{grid-template-columns:1fr;align-items:stretch}.workspace-page__header{flex-direction:column}.zalo-search-panel{grid-template-columns:1fr}.chat-header{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.chat-actions{flex-wrap:wrap}.call-panel{grid-template-columns:1fr;grid-template-areas:"summary""video""actions";align-items:stretch;padding:12px 14px}.call-panel__actions{justify-content:flex-start}.call-panel__video-grid{grid-template-columns:1fr}.message-toolbar{grid-template-columns:1fr;padding:12px 14px}.message-search-results header,.notification-dropdown header{flex-direction:column;align-items:flex-start;gap:8px}.message-timeline{padding:16px 14px}.metric-preview,.message-edit-form,.upload-queue__item{grid-template-columns:1fr}.composer{grid-template-columns:auto minmax(0,1fr) auto auto auto;padding:12px}.composer-input-group span{display:none}.toast-stack{bottom:12px;right:12px}}.chat-app-shell--zalo{background:#eaf0f8;grid-template-columns:72px minmax(308px,356px) minmax(480px,1fr) minmax(292px,336px);gap:0;padding:0}.chat-app-shell--zalo .ui-navigation-rail,.chat-app-shell--zalo .channel-panel,.chat-app-shell--zalo .chat-main,.chat-app-shell--zalo .detail-panel{border-radius:0}.chat-app-shell--zalo .channel-panel .panel-heading{border-bottom:1px solid var(--zalo-border);background:#fff;min-height:64px;padding:12px 14px}.chat-app-shell--zalo .channel-panel .panel-heading p{color:var(--zalo-text);font-size:18px;font-weight:650}.chat-app-shell--zalo .channel-panel .panel-heading span{color:var(--zalo-muted)}.chat-app-shell--zalo .channel-panel .api-status-pill,.chat-app-shell--zalo .channel-panel .workspace-switcher,.chat-app-shell--zalo .channel-panel .channel-search,.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{margin-left:14px;margin-right:14px}.chat-app-shell--zalo .channel-panel .ui-input-shell,.chat-app-shell--zalo .channel-panel .workspace-switcher select,.chat-app-shell--zalo .channel-panel .direct-create select,.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{background:var(--zalo-soft);border-color:#0000;border-radius:14px}.chat-app-shell--zalo .channel-panel .channel-row,.chat-app-shell--zalo .channel-panel .conversation-row{border-radius:14px;min-height:54px;padding:8px 10px}.chat-app-shell--zalo .channel-panel .channel-row--active{background:var(--zalo-hover)}.chat-app-shell--zalo .channel-panel .channel-hash,.chat-app-shell--zalo .channel-panel .channel-hash--purple,.chat-app-shell--zalo .channel-panel .channel-hash--violet,.chat-app-shell--zalo .channel-panel .channel-hash--green,.chat-app-shell--zalo .channel-panel .channel-hash--orange,.chat-app-shell--zalo .channel-panel .channel-hash--red{background:linear-gradient(135deg, var(--channel-hash-bg,#e6f0ff), var(--channel-hash-bg-soft,#f4f8ff));border:1px solid var(--channel-hash-border,#cfe0ff);box-shadow:0 8px 18px var(--channel-hash-shadow,#1677ff29);color:var(--channel-hash-text,var(--zalo-blue));border-radius:12px;width:44px;height:44px;font-size:20px;font-weight:800}.chat-app-shell--zalo .chat-header,.chat-app-shell--zalo .message-toolbar,.chat-app-shell--zalo .composer-wrap{background:#fff}.chat-app-shell--zalo .message-row__content{border:1px solid var(--zalo-border);background:#fff;border-radius:18px 18px 18px 6px;max-width:min(680px,88%);padding:10px 12px;box-shadow:0 10px 24px #0f172a0d}.chat-app-shell--zalo .message-row--local .message-row__content{background:#dcecff;border-color:#c2dcff;border-radius:18px 18px 6px}[data-theme=dark] .chat-app-shell--zalo .channel-panel .panel-heading,[data-theme=dark] .chat-app-shell--zalo .chat-header,[data-theme=dark] .chat-app-shell--zalo .message-toolbar,[data-theme=dark] .chat-app-shell--zalo .composer-wrap{background:var(--zalo-panel)}[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash,[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash--purple,[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash--violet,[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash--green,[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash--orange,[data-theme=dark] .chat-app-shell--zalo .channel-panel .channel-hash--red{background:linear-gradient(135deg, var(--channel-hash-dark-bg,#102a4c), #0f172aeb);border-color:var(--channel-hash-dark-border,#1d4ed8);color:var(--channel-hash-dark-text,#bfdbfe);box-shadow:0 8px 18px #0000003d}.chat-app-shell--zalo .api-status-pill{display:none}.chat-app-shell--zalo .message-toolbar{border-bottom:1px solid var(--zalo-border);grid-template-columns:minmax(180px,520px);padding:8px 20px}.chat-app-shell--zalo .message-toolbar .ui-input-shell{min-height:34px}.chat-app-shell--zalo .message-timeline{background:radial-gradient(circle at 18% 4%,#0068ff0d,#0000 24rem),linear-gradient(#eef3f9 0%,#f7faff 100%);gap:8px;padding:12px 22px 18px}.chat-app-shell--zalo .message-row{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px}.chat-app-shell--zalo .message-row--local .ui-avatar{grid-area:1/2}.chat-app-shell--zalo .message-row__content{background:#fff;border:1px solid #d6deea;border-radius:8px;justify-self:start;gap:4px;width:fit-content;min-width:0;max-width:min(640px,66%);padding:7px 10px;box-shadow:0 1px 2px #0f172a0f}.chat-app-shell--zalo .message-row--local .message-row__content{background:#dbeeff;border-color:#bad8ff;grid-column:1;justify-self:end}.chat-app-shell--zalo .message-row header{align-items:center;gap:6px;min-height:18px}.chat-app-shell--zalo .message-row header strong{color:#0f172a;font-size:12px;font-weight:600}.chat-app-shell--zalo .message-row header span{font-size:11px}.chat-app-shell--zalo .message-row p{color:#0f172a;font-size:14px;line-height:1.42}.chat-app-shell--zalo .message-actions{opacity:0;pointer-events:none;transform:translateY(2px)}.chat-app-shell--zalo .message-actions button,.chat-app-shell--zalo .reaction-add-button,.chat-app-shell--zalo .reaction-pill__item{min-height:24px;padding:0 7px;font-weight:500}.chat-app-shell--zalo .message-actions button,.chat-app-shell--zalo .reaction-add-button{width:24px;height:24px}.chat-app-shell--zalo .reaction-add-button{opacity:0;justify-content:center;padding:0}.chat-app-shell--zalo .message-row:hover .reaction-add-button,.chat-app-shell--zalo .message-row:focus-within .reaction-add-button{opacity:.86}.chat-app-shell--zalo .reaction-pill{gap:4px;padding:2px 6px;font-size:12px}.chat-app-shell--zalo .attachment-chip{border-radius:7px;gap:6px;max-width:min(320px,100%);padding:6px 8px 6px 6px;font-size:12px}.chat-app-shell--zalo .composer-wrap{border-top:1px solid var(--zalo-border);box-shadow:none}.chat-app-shell--zalo .composer .ui-button--icon{width:34px;height:34px}.chat-app-shell--zalo .send-button{width:40px;height:40px}.chat-app-shell--zalo .conversation-row--active{color:var(--zalo-text);background:#e8f1ff}.chat-app-shell--zalo .conversation-row em{align-self:start;margin-top:3px;font-size:12px}.chat-app-shell--zalo .sidebar-context-panel{gap:16px;padding:18px 14px;display:grid}.chat-app-shell--zalo .sidebar-context-panel h2{color:var(--zalo-text);margin:2px 0 6px;font-size:20px;font-weight:650}.chat-app-shell--zalo .sidebar-context-panel p{color:var(--zalo-muted);margin:0;font-size:14px;line-height:1.5}.chat-app-shell--zalo .sidebar-context-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chat-app-shell--zalo .sidebar-context-stats article{background:var(--zalo-soft);border:1px solid var(--zalo-border);border-radius:14px;gap:6px;min-height:88px;padding:12px;display:grid}.chat-app-shell--zalo .sidebar-context-stats strong{color:var(--zalo-text);font-size:20px;font-weight:650}.chat-app-shell--zalo .sidebar-context-stats span{color:var(--zalo-muted);font-size:12px}.chat-app-shell--zalo .workspace-tile{border-radius:12px;min-height:138px;padding:18px}[data-theme=dark] .chat-app-shell--zalo .message-timeline{background:radial-gradient(circle at 18% 4%,#3b82f617,#0000 24rem),linear-gradient(#0b1220 0%,#0f172a 100%)}[data-theme=dark] .chat-app-shell--zalo .message-row__content{background:#111827;border-color:#273449}[data-theme=dark] .chat-app-shell--zalo .message-row--local .message-row__content{background:#12345d;border-color:#2563a6}[data-theme=dark] .chat-app-shell--zalo .conversation-row--active{background:#12345d}[data-theme=dark] .chat-app-shell--zalo .composer-input-group,[data-theme=dark] .chat-app-shell--zalo .composer-input-group:focus-within{background:#172033;border-color:#334155;box-shadow:0 0 0 3px #60a5fa1f}[data-theme=dark] .chat-app-shell--zalo .composer-input-group input{color:#f8fafc;caret-color:#60a5fa}[data-theme=dark] .chat-app-shell--zalo .sidebar-context-stats article{background:#172033;border-color:#273449}[data-theme=dark] .chat-app-shell--zalo .sidebar-context-panel h2,[data-theme=dark] .chat-app-shell--zalo .sidebar-context-stats strong,[data-theme=dark] .chat-app-shell--zalo .message-row header strong,[data-theme=dark] .chat-app-shell--zalo .message-row p{color:#f8fafc}.chat-app-shell--zalo .chat-main{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-app-shell--zalo .chat-header,.chat-app-shell--zalo .message-toolbar,.chat-app-shell--zalo .permission-note,.chat-app-shell--zalo .composer-wrap{flex:none}.chat-app-shell--zalo .chat-action-active{background:var(--zalo-soft);color:var(--zalo-blue)}.chat-app-shell--zalo .message-toolbar{grid-template-columns:minmax(180px,1fr) auto;animation:.16s ease-out chatSearchDrop}.chat-app-shell--zalo .message-timeline,.chat-app-shell--zalo .chat-empty-state{flex:auto;min-height:0}.chat-app-shell--zalo .message-timeline{overscroll-behavior:contain;scroll-behavior:smooth;align-content:start;scroll-padding-bottom:24px;overflow-y:auto}.chat-app-shell--zalo .attachment-list{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.chat-app-shell--zalo .attachment-image{color:inherit;cursor:zoom-in;text-align:left;background:0 0;border:0;border-radius:10px;gap:4px;max-width:min(340px,72vw);padding:0;display:grid}.chat-app-shell--zalo .attachment-image img{aspect-ratio:4/3;object-fit:cover;border:1px solid #94a3b859;border-radius:10px;max-width:100%;max-height:280px;display:block;box-shadow:0 8px 22px #0f172a1a}.chat-app-shell--zalo .attachment-image span{color:var(--zalo-muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:11px;overflow:hidden}.chat-app-shell--zalo .upload-queue--media{flex-wrap:wrap;align-items:start;gap:10px;padding:10px 14px 8px;display:flex}.chat-app-shell--zalo .upload-queue__header{flex:1 0 100%;justify-content:space-between;align-items:center;display:flex}.chat-app-shell--zalo .upload-queue__header strong{color:var(--zalo-text);font-size:14px;font-weight:650}.chat-app-shell--zalo .upload-queue__header span{color:var(--zalo-muted);font-size:12px}.chat-app-shell--zalo .upload-queue__thumb{aspect-ratio:1;object-fit:cover;border-radius:10px;width:56px;height:56px}.chat-app-shell--zalo .upload-queue--media .upload-queue__item{border-radius:12px;grid-template-columns:auto minmax(120px,1fr) auto;min-width:220px;padding:8px}[data-theme=dark] .chat-app-shell--zalo .chat-action-active{color:#93c5fd;background:#172033}[data-theme=dark] .chat-app-shell--zalo .attachment-image span{color:#9aa8bd}@keyframes chatSearchDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-app-shell--zalo{grid-template-columns:64px minmax(280px,316px) minmax(0,1fr) minmax(276px,310px)}.chat-app-shell--section{grid-template-columns:64px 276px minmax(0,1fr)}.chat-app-shell--no-detail{grid-template-columns:64px minmax(280px,316px) minmax(0,1fr)}.chat-app-shell--section .chat-main{grid-column:3/-1}.chat-app-shell--zalo button:not(:disabled),.chat-app-shell--zalo a,.chat-app-shell--zalo [role=button],.chat-app-shell--zalo .channel-row,.chat-app-shell--zalo .conversation-row,.chat-app-shell--zalo .workspace-tile{cursor:pointer}.chat-app-shell--zalo .panel-heading{gap:8px}.chat-app-shell--zalo .panel-heading>div:first-child{min-width:0}.chat-app-shell--zalo .panel-heading p,.chat-app-shell--zalo .panel-heading>div:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .list-section.conversations{flex:0 auto;grid-auto-rows:max-content;align-content:start;min-height:80px;max-height:52%}.chat-app-shell--zalo .conversation-row{flex:none;height:62px;min-height:62px;max-height:62px}.chat-app-shell--zalo .conversation-row .ui-avatar{width:40px;height:40px}.chat-app-shell--zalo .chat-header{gap:14px;min-height:68px;padding:10px 18px}.chat-app-shell--zalo .chat-title,.chat-app-shell--zalo .chat-title>div{min-width:0}.chat-app-shell--zalo .chat-title h1,.chat-app-shell--zalo .chat-title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .chat-actions{white-space:nowrap;flex:none}.chat-app-shell--zalo .message-timeline{padding-top:28px}.chat-load-error{text-align:center;flex:auto;align-content:center;align-self:stretch;justify-items:center;margin:18px}.chat-app-shell--zalo .sidebar-context-panel{align-content:start;gap:18px}.chat-app-shell--zalo .workspace-page{gap:14px;padding:18px 20px}.chat-app-shell--zalo .workspace-page__header h1{font-size:25px}.chat-app-shell--zalo .workspace-page__header p{max-width:760px;margin:0;line-height:1.45}.chat-app-shell--zalo .emoji-picker{overscroll-behavior:contain;grid-template-columns:repeat(8,34px);width:306px;max-height:260px;overflow-y:auto}@media (max-width:1440px){.chat-app-shell--zalo{grid-template-columns:64px minmax(278px,304px) minmax(0,1fr)}.chat-app-shell--zalo .detail-panel{display:none}}@media (max-width:980px){.chat-app-shell--zalo{grid-template-columns:64px minmax(260px,292px) minmax(0,1fr)}.chat-app-shell--zalo .member-count{display:none}}@media (max-width:860px){.chat-app-shell--zalo{grid-template-columns:64px minmax(0,1fr)}.chat-app-shell--zalo .chat-main{grid-column:2}.chat-app-shell--zalo .emoji-picker{grid-template-columns:repeat(6,34px);width:238px}}@media (max-width:1440px){.chat-app-shell--zalo .detail-panel--thread-open{z-index:50;width:min(380px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #0f172a2e}.detail-panel--thread-open .thread-panel{flex:auto}.detail-panel--thread-open .detail-tabs,.detail-panel--thread-open .detail-section{display:none}}.settings-card--sessions{grid-column:1/-1}@media (max-width:1180px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.settings-grid{grid-template-columns:1fr}.settings-card--profile{grid-column:auto}}.session-list{gap:10px;width:100%;display:grid}.session-item{background:color-mix(in srgb, var(--surface-muted) 80%, transparent);border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.session-item>span{gap:3px;min-width:0;display:grid}.session-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-item--current{border-color:color-mix(in srgb, var(--accent-green) 42%, var(--border))}@media (max-width:720px){.session-item{grid-template-columns:minmax(0,1fr) auto}.session-item>.ui-button{grid-column:1/-1}}.message-toolbar__search{flex:auto;gap:8px;min-width:0;display:grid}.message-search-filters{grid-template-columns:repeat(3,minmax(120px,1fr)) repeat(2,minmax(142px,.75fr));gap:8px;display:grid}.message-search-filters select,.message-search-filters input{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-width:0;min-height:34px;padding:6px 9px}.message-search-filters label{color:var(--text-muted);gap:3px;font-size:11px;display:grid}@media (max-width:1180px){.message-search-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}.forward-dialog-backdrop{z-index:90;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.forward-dialog{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;gap:16px;width:100%;max-width:440px;padding:22px;display:grid}.forward-dialog h2,.forward-dialog p{margin:0}.forward-dialog p{color:var(--text-muted)}.forward-dialog label{gap:7px;font-weight:600;display:grid}.forward-dialog select{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:9px;min-height:42px;padding:8px 10px}.forward-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.message-body{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.message-body code{background:color-mix(in srgb, var(--surface-muted) 88%, transparent);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.message-body pre{color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:10px;max-width:min(680px,72vw);margin:7px 0 0;padding:11px 13px;overflow:auto}.message-body pre code{background:0 0;border:0;padding:0}.message-body a{color:var(--brand-700);text-underline-offset:2px;text-decoration:underline}.attachment-video{background:#0f172aeb;border-radius:14px;max-width:min(560px,72vw);display:grid;overflow:hidden}.attachment-video video{width:100%;max-width:100%;max-height:420px;display:block}.attachment-video button{color:#e2e8f0;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:8px 11px;overflow:hidden}.chat-app-shell--zalo.chat-app-shell--detail-closed{grid-template-columns:64px minmax(280px,316px) minmax(0,1fr)}.chat-app-shell--zalo .conversation-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.chat-app-shell--zalo .pin-action{color:#8a99ad;opacity:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .14s,color .14s,opacity .14s;display:inline-flex}.chat-app-shell--zalo .conversation-row:hover .pin-action,.chat-app-shell--zalo .conversation-row:focus-within .pin-action,.chat-app-shell--zalo .channel-row:hover .pin-action,.chat-app-shell--zalo .channel-row:focus-within .pin-action,.chat-app-shell--zalo .pin-action--active{opacity:1}.chat-app-shell--zalo .pin-action:hover,.chat-app-shell--zalo .pin-action--active{color:#e59a00;background:#fff5d8}.chat-app-shell--zalo .chat-header{z-index:24;position:relative;overflow:visible}.chat-header-control{display:inline-flex;position:relative}.chat-app-shell--zalo .member-count.ui-button{color:var(--zalo-muted);border:0;border-radius:10px;gap:6px;min-height:36px;margin:0;padding:0 9px}.chat-app-shell--zalo .member-count.ui-button:hover{background:var(--zalo-soft);color:var(--zalo-blue)}.chat-header-popover{background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:80;border-radius:14px;animation:.14s ease-out chatSearchDrop;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 55px #0f172a2e}.chat-members-popover{width:min(320px,100vw - 28px);overflow:hidden}.chat-members-popover>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.chat-members-popover>header>div,.chat-members-popover article>span{gap:2px;min-width:0;display:grid}.chat-members-popover small,.chat-members-popover p{color:var(--text-muted);margin:0;font-size:12px}.chat-members-popover>header button{color:var(--text-muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-members-popover>header button:hover{background:var(--surface-muted)}.chat-members-list{gap:3px;max-height:320px;padding:8px;display:grid;overflow:auto}.chat-members-list article{border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:7px;display:grid}.chat-members-list article:hover{background:var(--surface-muted)}.chat-members-list article strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-members-list>p{text-align:center;padding:16px 10px}.chat-more-menu{min-width:218px;padding:6px;display:grid}.chat-more-menu button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:13px;display:flex}.chat-more-menu button:hover{background:var(--surface-muted);color:var(--brand-700)}.chat-app-shell--zalo .message-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:10px 18px}.chat-app-shell--zalo .message-toolbar__search{width:100%}.chat-app-shell--zalo .message-search-filters{grid-template-columns:repeat(3,minmax(112px,1fr)) repeat(2,minmax(132px,.8fr))}.chat-app-shell--zalo .message-row{padding:2px 0}.chat-app-shell--zalo .message-row>.ui-avatar{width:32px;height:32px}.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{border-radius:13px;flex-direction:column;gap:3px;width:fit-content;min-width:86px;max-width:min(520px,72%);min-height:0;padding:7px 10px 8px;display:inline-flex;position:relative}.chat-app-shell--zalo .message-row--focused .message-row__content{border-color:var(--zalo-blue);box-shadow:0 0 0 3px #0068ff24}.chat-app-shell--zalo .message-row--local .message-row__content{border-bottom-right-radius:4px}.chat-app-shell--zalo .message-row:not(.message-row--local) .message-row__content{border-bottom-left-radius:4px}.chat-app-shell--zalo .message-row header{flex-wrap:nowrap;gap:5px;width:auto;min-height:16px}.chat-app-shell--zalo .message-row header strong{font-size:11.5px}.chat-app-shell--zalo .message-row header span{white-space:nowrap;font-size:10.5px}.chat-app-shell--zalo .message-row p,.chat-app-shell--zalo .message-body{font-size:14px;line-height:1.38}.message-read-status{color:#64748b;background:#eef2f7;border-radius:999px;align-self:flex-end;align-items:center;gap:4px;width:fit-content;margin-top:3px;padding:4px 7px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.message-read-status--seen{color:#0b73f6;background:#e6f0ff}.chat-app-shell--zalo .message-actions{background:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:15;border-radius:10px;margin:0;padding:3px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 8px 22px #0f172a1f}.chat-app-shell--zalo .message-row--local .message-actions{left:auto;right:calc(100% + 8px)}.chat-app-shell--zalo .message-row:hover .message-actions,.chat-app-shell--zalo .message-row:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.message-reaction-control{display:flex;position:relative}.message-row--local .message-reaction-control{left:auto;right:auto}.chat-app-shell--zalo .message-reaction-control .reaction-add-button{background:var(--surface);border:1px solid var(--border);opacity:0;box-shadow:0 3px 9px #0f172a1a}.chat-app-shell--zalo .message-row:hover .message-reaction-control .reaction-add-button,.chat-app-shell--zalo .message-row:focus-within .message-reaction-control .reaction-add-button,.chat-app-shell--zalo .message-reaction-control .reaction-add-button[aria-expanded=true]{opacity:1}.message-reaction-picker{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:999px;align-items:center;gap:4px;width:max-content;padding:5px;animation:.12s ease-out chatSearchDrop;display:flex;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 14px 36px #0f172a2e}.message-row--local .message-reaction-picker{left:auto;right:0}.message-reaction-picker button{color:#64748b;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:background .12s,transform .12s;display:flex}.message-reaction-picker button:hover{background:var(--surface-muted);transform:translateY(-2px)scale(1.12)}.chat-app-shell--zalo .message-row--has-reactions{padding-bottom:13px}.chat-app-shell--zalo .reaction-pill{z-index:17;background:#fff;border:1px solid #dce6f4;gap:2px;margin:0;padding:2px;position:absolute;bottom:-12px;right:36px;box-shadow:0 4px 10px #0f172a1f}.chat-app-shell--zalo .message-reaction-control{z-index:18;position:absolute;bottom:-12px;right:8px}.chat-app-shell--zalo .reaction-pill__item{color:#334155;background:0 0;border-color:#0000;gap:3px;min-height:22px;padding:0 6px 0 4px}.chat-app-shell--zalo .reaction-pill__item--active{color:#075fce;background:#eef4ff}.reaction-glyph{border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.reaction-glyph__emoji{font-size:14px;line-height:1}.reaction-choice--like{color:#1677ff}.reaction-choice--love{color:#ef4444}.reaction-choice--haha{color:#f59e0b}.reaction-choice--wow{color:#8b5cf6}.reaction-choice--sad{color:#0ea5e9}.reaction-choice--angry{color:#dc2626}.reaction-choice--love svg{fill:currentColor;stroke:currentColor}.message-reaction-picker__choice.reaction-choice--like{background:#eaf3ff}.message-reaction-picker__choice.reaction-choice--love{background:#fff1f2}.message-reaction-picker__choice.reaction-choice--haha{background:#fff7ed}.message-reaction-picker__choice.reaction-choice--wow{background:#f5f3ff}.message-reaction-picker__choice.reaction-choice--sad{background:#ecfeff}.message-reaction-picker__choice.reaction-choice--angry{background:#fef2f2}.chat-app-shell--zalo .send-button.ui-button{border-radius:12px;flex-direction:row-reverse;gap:7px;width:auto;min-width:76px;height:40px;padding:0 13px;box-shadow:0 7px 18px #0068ff38}.chat-app-shell--zalo .send-button.ui-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 22px #0068ff4d}.chat-app-shell--zalo .detail-tabs{gap:6px}.chat-app-shell--zalo .detail-tabs .ui-segmented{min-width:0}.settings-card--sessions{gap:16px;padding:20px;overflow:hidden}.settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.sessions-heading__icon,.session-device-icon{color:var(--brand-700);background:#eaf2ff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sessions-heading>div{gap:4px;display:grid}.sessions-heading p{font-size:13px;line-height:1.45}.sessions-count{color:#18794e;white-space:nowrap;background:#eefbf4;border:1px solid #b7ebcc;border-radius:999px;padding:7px 11px;font-size:12px}.sessions-count strong{color:inherit}.settings-card>.session-list,.session-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:stretch;gap:12px;width:100%;display:grid}.session-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;padding:14px;display:grid}.session-item--current{background:linear-gradient(135deg, #f3fff8, var(--surface));border-color:#8ed5ad}.session-item--revoked{opacity:.66}.session-item--revoked .session-device-icon{filter:grayscale()}.session-item__body{gap:9px;min-width:0;display:grid}.session-item__title{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.session-item__title>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.session-item__meta{flex-wrap:wrap;gap:7px;display:flex}.session-item__meta span{background:var(--surface-muted);color:var(--text-muted);border-radius:7px;gap:5px;padding:5px 7px;font-size:11px;display:inline-flex}.session-item__meta span strong{color:var(--text);font-size:inherit}.session-item__body>small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.session-item>.ui-button{white-space:nowrap;align-self:center}.sessions-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:15px;display:flex}.sessions-footer p{font-size:12px}.sessions-footer .ui-button{color:#b42318;flex:none}.session-action-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;padding:9px 11px;font-size:12px;color:#be123c!important}[data-theme=dark] .sessions-heading__icon,[data-theme=dark] .session-device-icon{color:#93c5fd;background:#102a4c}[data-theme=dark] .sessions-count{color:#86efac;background:#123326;border-color:#216e4a}[data-theme=dark] .session-item--current{background:linear-gradient(135deg, #10291f, var(--surface));border-color:#287952}[data-theme=dark] .chat-header-popover,[data-theme=dark] .message-reaction-picker,[data-theme=dark] .chat-app-shell--zalo .message-actions,[data-theme=dark] .chat-app-shell--zalo .message-reaction-control .reaction-add-button,[data-theme=dark] .chat-app-shell--zalo .reaction-pill{background:#111827;border-color:#334155}[data-theme=dark] .chat-app-shell--zalo .reaction-pill__item{color:#e5edf7}[data-theme=dark] .chat-app-shell--zalo .reaction-pill__item--active{color:#93c5fd;background:#12325b}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--like{background:#102a4c}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--love{background:#3b1119}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--haha{background:#3b2508}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--wow{background:#261746}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--sad{background:#0c3144}[data-theme=dark] .message-reaction-picker__choice.reaction-choice--angry{background:#3b1111}[data-theme=dark] .call-panel{background:#0f1b2d;border-color:#25364d}[data-theme=dark] .call-panel--incoming{background:#0d251b}[data-theme=dark] .call-panel--error{background:#2d1017}[data-theme=dark] .call-panel__badge{color:#86efac;background:#123627;border-color:#216e4a}[data-theme=dark] .call-panel--error .call-panel__badge,[data-theme=dark] .call-panel--ended .call-panel__badge{color:#fecdd3;background:#3b1119;border-color:#7f1d1d}[data-theme=dark] .call-panel__button--active.ui-button{color:#bfdbfe;background:#172554;border-color:#1d4ed8}[data-theme=dark] .call-panel__button--end.ui-button{color:#fecdd3;background:#3b1119;border-color:#7f1d1d}[data-theme=dark] .message-call-card{color:#e5edf7;background:#111827;border-color:#334155}[data-theme=dark] .message-row--local .message-call-card{background:#102a4c;border-color:#28517f}[data-theme=dark] .message-call-card span{color:#a8b5c8}[data-theme=dark] .message-call-card button{color:#8fc0ff;border-color:#334155}.chat-app-shell--zalo .message-row--call{grid-template-columns:auto minmax(0,max-content);align-items:end}.chat-app-shell--zalo .message-row--call.message-row--local{grid-template-columns:minmax(0,max-content) auto;justify-content:end;justify-items:end}.chat-app-shell--zalo .message-row--call .message-call-card{justify-self:start;width:fit-content;min-width:158px;max-width:min(240px,72vw)}.chat-app-shell--zalo .message-row--call.message-row--local .message-call-card{justify-self:end}.chat-app-shell--zalo .message-row--call .message-call-card span{white-space:nowrap}@media (max-width:1440px){.chat-app-shell--zalo.chat-app-shell--detail-open .detail-panel{z-index:55;width:min(340px,94vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-16px 0 46px #0f172a33}}@media (max-width:980px){.chat-app-shell--zalo .message-search-filters{grid-template-columns:repeat(2,minmax(120px,1fr))}.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{max-width:82%}}@media (max-width:720px){.settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr);align-items:start}.sessions-count{grid-column:1/-1;justify-self:start}.session-item{grid-template-columns:auto minmax(0,1fr)}.session-item>.ui-button{grid-column:1/-1;justify-self:stretch}.sessions-footer{flex-direction:column;align-items:stretch}.sessions-footer .ui-button{justify-content:center}}@media (max-width:560px){.chat-app-shell--zalo .send-button.ui-button{min-width:42px;padding:0 11px}.chat-app-shell--zalo .send-button.ui-button span{display:none}.message-reaction-picker button{width:31px;height:31px;font-size:18px}}.chat-app-shell--zalo .message-sidebar-tabs{background:#edf2fa;border:1px solid #e1e8f2;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 14px 10px;padding:4px;display:grid}.chat-app-shell--zalo .message-sidebar-tab{color:#64748b;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:38px;padding:0 9px;font-size:12px;font-weight:650;transition:background .15s,box-shadow .15s,color .15s,transform .15s;display:grid}.chat-app-shell--zalo .message-sidebar-tab>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .message-sidebar-tab:hover{color:#175fbf;transform:translateY(-1px)}.chat-app-shell--zalo .message-sidebar-tab--active{color:var(--zalo-blue);background:#fff;box-shadow:0 5px 16px #0f44911f}.chat-app-shell--zalo .message-sidebar-tab__count{color:#64748b;background:#dfe7f2;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:750;display:inline-flex}.chat-app-shell--zalo .message-sidebar-tab__count--unread{color:#fff;background:#e53935;box-shadow:0 3px 8px #e539353d}.chat-app-shell--zalo .message-sidebar-tab-content{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;flex:auto;min-width:0;min-height:0;animation:.16s ease-out messageSidebarTabIn;overflow:hidden auto}.chat-app-shell--zalo .message-sidebar-tab-content .list-section,.chat-app-shell--zalo .message-sidebar-tab-content .list-section.conversations,.chat-app-shell--zalo .message-sidebar-tab-content .list-section.channels-section{border-top:0;flex:none;width:100%;min-width:0;max-height:none;padding-top:0;padding-bottom:12px;overflow:visible}.chat-app-shell--zalo .message-sidebar-tab-content .channel-row,.chat-app-shell--zalo .message-sidebar-tab-content .conversation-row,.chat-app-shell--zalo .sidebar-bot-row{width:100%;min-width:0;max-width:100%}.chat-app-shell--zalo .sidebar-bots-section{border-top:1px solid var(--zalo-border)!important;padding-top:8px!important}.chat-app-shell--zalo .sidebar-bot-row{color:#334155;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:8px 14px;transition:background .14s,color .14s;display:grid}.chat-app-shell--zalo .sidebar-bot-row:hover{background:var(--zalo-soft);color:var(--zalo-text)}.chat-app-shell--zalo .sidebar-bot-row__avatar{color:var(--zalo-blue);background:linear-gradient(145deg,#e7f0ff,#dbe8ff);border:1px solid #c9dcfb;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.chat-app-shell--zalo .sidebar-bot-row__avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.chat-app-shell--zalo .sidebar-bot-row__avatar i{background:#20bf6b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.chat-app-shell--zalo .sidebar-bot-row__body{gap:4px;min-width:0;display:grid}.chat-app-shell--zalo .sidebar-bot-row__body strong,.chat-app-shell--zalo .sidebar-bot-row__body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .sidebar-bot-row__body strong{font-size:14px}.chat-app-shell--zalo .sidebar-bot-row__body small{color:var(--zalo-muted);font-size:12px}.chat-app-shell--zalo .sidebar-bot-row__status{color:#16834c;background:#e7f8ee;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.chat-app-shell--zalo .sidebar-bot-row__arrow{color:#8da0b8;font-size:24px;line-height:1}@keyframes messageSidebarTabIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .chat-app-shell--zalo .message-sidebar-tabs{background:#111827;border-color:#273449}[data-theme=dark] .chat-app-shell--zalo .message-sidebar-tab{color:#91a0b5}[data-theme=dark] .chat-app-shell--zalo .message-sidebar-tab--active{color:#8fc0ff;background:#1d2a3d;box-shadow:0 5px 16px #0000003d}[data-theme=dark] .chat-app-shell--zalo .message-sidebar-tab__count{color:#cbd5e1;background:#334155}[data-theme=dark] .chat-app-shell--zalo .message-sidebar-tab__count--unread{color:#fff;background:#e53935}[data-theme=dark] .chat-app-shell--zalo .sidebar-bot-row{color:#dbe7f7}[data-theme=dark] .chat-app-shell--zalo .sidebar-bot-row__avatar{background:#172b49;border-color:#29466e}[data-theme=dark] .chat-app-shell--zalo .sidebar-bot-row__avatar i{border-color:#0b1220}[data-theme=dark] .chat-app-shell--zalo .sidebar-bot-row__status{color:#6ee7a8;background:#123627}.chat-app-shell--zalo{position:relative}.chat-app-shell--zalo .chat-panel-open-button.ui-button{color:var(--zalo-blue);background:#e9f2ff;border-color:#bdd5fa}.chat-app-shell--zalo .chat-panel-open-button.ui-button:hover{background:#dceaff;box-shadow:0 0 0 3px #0068ff1a}.chat-app-shell--zalo .channel-panel .list-section{padding-left:0;padding-right:0}.chat-app-shell--zalo .channel-panel .section-label{padding-left:14px;padding-right:14px}.chat-app-shell--zalo .conversation-row,.chat-app-shell--zalo .channel-row{border-radius:0;grid-template-columns:auto minmax(0,1fr) 56px;gap:10px;min-height:64px;padding:8px 14px;display:grid;position:relative}.chat-app-shell--zalo .conversation-row__body,.chat-app-shell--zalo .channel-row__body{align-self:center;gap:4px;min-width:0;display:grid}.chat-app-shell--zalo .conversation-row__meta,.chat-app-shell--zalo .channel-row__meta{grid-template-rows:auto 1fr;align-self:stretch;justify-items:end;gap:4px;min-width:56px;display:grid;position:relative}.chat-app-shell--zalo .conversation-row__meta time,.chat-app-shell--zalo .channel-row__meta time{color:#708097;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:42px;font-size:11px;font-style:normal;line-height:18px;display:block}.chat-app-shell--zalo .conversation-row__meta>.ui-badge,.chat-app-shell--zalo .channel-row__meta>.ui-badge{place-self:end}.chat-app-shell--zalo .conversation-row__meta>.ui-tooltip,.chat-app-shell--zalo .channel-row__meta>.ui-tooltip{display:inline-flex;position:absolute;bottom:6px;right:4px}.chat-app-shell--zalo .conversation-row--unread .conversation-row__meta>.ui-tooltip,.chat-app-shell--zalo .channel-row--unread .channel-row__meta>.ui-tooltip{right:28px}.chat-app-shell--zalo .conversation-row--unread,.chat-app-shell--zalo .channel-row--unread{box-shadow:none;background:#fff}.chat-app-shell--zalo .conversation-row--unread:hover,.chat-app-shell--zalo .channel-row--unread:hover,.chat-app-shell--zalo .conversation-row--unread.conversation-row--active,.chat-app-shell--zalo .channel-row--unread.channel-row--active{background:#eef5ff}.chat-app-shell--zalo .conversation-row--unread .conversation-row__body strong,.chat-app-shell--zalo .channel-row--unread .channel-row__body strong{color:#0f1f36;font-weight:800}.chat-app-shell--zalo .conversation-row--unread .conversation-row__body small,.chat-app-shell--zalo .channel-row--unread .channel-row__body small{color:#1d2d44;font-weight:700}.chat-app-shell--zalo .conversation-row--unread .conversation-row__meta time,.chat-app-shell--zalo .channel-row--unread .channel-row__meta time{color:#0f1f36;font-weight:700}.chat-app-shell--zalo .conversation-row__unread-badge,.chat-app-shell--zalo .conversation-row__unread-badge.ui-badge--red{box-shadow:none;color:#fff;background:#c91f28;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.chat-app-shell--zalo .conversation-row__meta .pin-action,.chat-app-shell--zalo .channel-row__meta .pin-action{width:22px;height:22px}[data-theme=dark] .chat-app-shell--zalo .chat-panel-open-button.ui-button{color:#93c5fd;background:#102a4c;border-color:#28517f}[data-theme=dark] .chat-app-shell--zalo .conversation-row--unread,[data-theme=dark] .chat-app-shell--zalo .channel-row--unread{box-shadow:none;background:#111c2f}[data-theme=dark] .chat-app-shell--zalo .conversation-row--unread:hover,[data-theme=dark] .chat-app-shell--zalo .channel-row--unread:hover{background:#17263d}[data-theme=dark] .chat-app-shell--zalo .conversation-row--unread .conversation-row__body strong,[data-theme=dark] .chat-app-shell--zalo .channel-row--unread .channel-row__body strong{color:#f8fafc}[data-theme=dark] .chat-app-shell--zalo .conversation-row--unread .conversation-row__body small,[data-theme=dark] .chat-app-shell--zalo .channel-row--unread .channel-row__body small{color:#cbd5e1}[data-theme=dark] .chat-app-shell--zalo .conversation-row__meta time,[data-theme=dark] .chat-app-shell--zalo .channel-row__meta time{color:#94a3b8}[data-theme=dark] .chat-app-shell--zalo .conversation-row--unread .conversation-row__meta time,[data-theme=dark] .chat-app-shell--zalo .channel-row--unread .channel-row__meta time{color:#93c5fd}[data-theme=dark] .chat-app-shell--zalo .conversation-row__unread-badge,[data-theme=dark] .chat-app-shell--zalo .conversation-row__unread-badge.ui-badge--red{border-color:#10284a}.bot-page{background:radial-gradient(circle at 88% 6%, #5b6fff1a, transparent 27rem), var(--surface-muted);align-content:start}.bot-page__header .ui-button{border-radius:10px;gap:7px}.bot-hero{color:#fff;background:radial-gradient(circle at 78% 38%,#839bff47,#0000 15rem),linear-gradient(125deg,#102a63 0%,#164ea6 54%,#5b55d9 100%);border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:220px;padding:26px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #164ea62e}.bot-hero:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 25%,#000 100%);mask-image:linear-gradient(90deg,#0000 25%,#000 100%)}.bot-hero__copy{z-index:2;align-content:center;gap:11px;max-width:720px;display:grid;position:relative}.bot-hero__copy>.ui-badge{color:#fff;background:#ffffff24;justify-self:start;gap:6px}.bot-hero h2{color:#fff;max-width:680px;margin:0;font-size:clamp(22px,2.2vw,31px);line-height:1.16}.bot-hero p{color:#ffffffc2;margin:0;line-height:1.5}.bot-hero__stats{flex-wrap:wrap;gap:9px;margin-top:7px;display:flex}.bot-hero__stats span{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:inline-flex}.bot-hero__stats strong{color:#fff;font-size:14px}.bot-animation{z-index:2;place-self:center;width:250px;height:184px;position:relative}.bot-animation__core{color:#1859c9;z-index:4;background:linear-gradient(145deg,#fff,#dce9ff);border:7px solid #ffffff2e;border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;animation:3.6s ease-in-out infinite botFloat;display:flex;position:absolute;top:45px;left:79px;box-shadow:0 22px 54px #020f3457,inset 0 0 0 1px #1d4ed829}.bot-animation__core:before,.bot-animation__core:after{content:"";background:#1f6feb;border:4px solid #dce9ff;border-radius:50%;width:12px;height:12px;position:absolute;top:-14px}.bot-animation__core:before{left:20px}.bot-animation__core:after{right:20px}.bot-animation__core b{background:#30d38b;border:3px solid #fff;border-radius:50%;width:15px;height:15px;animation:1.8s ease-out infinite botPulse;position:absolute;bottom:4px;right:4px}.bot-animation__orbit{border:1px solid #ffffff38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bot-animation__orbit--one{width:220px;height:145px;animation:7s linear infinite botOrbit}.bot-animation__orbit--two{width:176px;height:176px;animation:5.8s linear infinite botOrbitReverse}.bot-animation__orbit i{background:#9ed0ff;border:3px solid #ffffff73;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%}.bot-animation__signal{border:2px solid #ffffff52;border-radius:50%;width:84px;height:84px;animation:2.8s ease-out infinite botSignal;position:absolute;top:49px;left:82px}.bot-animation__signal--two{animation-delay:1.1s}.bot-animation__spark{color:#ffdd75;animation:2.4s ease-in-out infinite botSpark;position:absolute}.bot-animation__spark--one{top:29px;right:22px}.bot-animation__spark--two{color:#b9f8dc;animation-delay:.8s;bottom:23px;left:20px}.bot-permission-state,.bot-feedback,.bot-create-form,.bot-catalog,.bot-control-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px}.bot-permission-state{color:var(--brand-700);align-items:center;gap:14px;padding:18px;display:flex}.bot-permission-state h2,.bot-permission-state p{margin:0}.bot-permission-state h2{color:var(--text);font-size:16px}.bot-permission-state p{color:var(--text-muted);margin-top:4px;font-size:13px}.bot-create-form{grid-template-columns:1.1fr .8fr 1.5fr auto;align-items:end;gap:12px;padding:16px;animation:.18s ease-out botCardIn;display:grid}.bot-create-form>header{grid-column:1/-1;align-items:center;gap:10px;display:flex}.bot-create-form>header>span,.bot-section-title>span{color:var(--brand-700);background:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bot-create-form>header>div,.bot-section-title>div{gap:2px;display:grid}.bot-create-form small,.bot-section-title small{color:var(--text-muted);font-size:11px}.bot-create-form label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:650;display:grid}.bot-create-form input,.bot-create-form textarea,.bot-channel-action select,.bot-test-form textarea{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:9px;outline:0;width:100%;min-height:40px;padding:8px 10px}.bot-create-form textarea{resize:vertical;height:40px;min-height:40px}.bot-create-form input:focus,.bot-create-form textarea:focus,.bot-channel-action select:focus,.bot-test-form textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #0068ff1a}.bot-feedback{justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.bot-feedback>span{align-items:center;gap:7px;display:flex}.bot-feedback button{color:inherit;background:0 0;border:0;padding:4px;display:flex}.bot-feedback--success{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.bot-feedback--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.order-bot-panel{border:1px solid var(--border);background:#fff;border-radius:8px;gap:15px;padding:17px;display:grid;box-shadow:0 12px 32px #0f172a0a}.order-bot-panel>header{justify-content:space-between;align-items:start;gap:14px;display:flex}.order-bot-panel h2,.order-bot-panel p{margin:0}.order-bot-panel h2{color:var(--text);margin-top:7px;font-size:17px}.order-bot-panel p{color:var(--text-muted);margin-top:4px;font-size:12px}.order-bot-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.order-bot-card{background:#f8fbff;border:1px solid #dbe8fb;border-radius:8px;gap:9px;min-width:0;padding:13px;display:grid}.order-bot-card strong{color:#102a52;font-size:13px}.order-bot-card label{color:var(--text-muted);gap:5px;font-size:11px;font-weight:650;display:grid}.order-bot-card input,.order-bot-card select{color:var(--text);font:inherit;background:#fff;border:1px solid #cfdcf0;border-radius:8px;min-width:0;min-height:34px;padding:0 10px}.order-bot-card small{color:var(--text-muted);font-size:11px;line-height:1.4}.order-bot-card .ui-button{justify-self:start}.order-bot-result{background:linear-gradient(#f8fbff,#fff);border:1px solid #dbe8fb;border-radius:8px;gap:5px;padding:13px;display:grid}.order-bot-result strong{color:var(--text);font-size:13px}.order-bot-result span,.order-bot-result small,.order-bot-result a{color:var(--text-muted);font-size:12px}.order-bot-result__qr{aspect-ratio:1;background:#fff;border:1px solid #dbe8fb;border-radius:10px;width:min(260px,100%);margin-top:8px;padding:8px}.order-bot-result__qr .branded-qr__logo{width:38px;height:38px}.order-bot-result b{color:var(--brand-700);font-size:18px}.order-bot-result a{color:var(--brand-700);font-weight:650;text-decoration:none}.bot-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:14px;display:grid}.bot-catalog,.bot-control-panel{padding:17px;box-shadow:0 12px 32px #0f172a0a}.bot-catalog>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bot-catalog h2,.bot-catalog p,.bot-control-panel h2,.bot-control-panel p{margin:0}.bot-catalog h2,.bot-control-panel h2{color:var(--text);font-size:17px}.bot-catalog p,.bot-control-panel p{color:var(--text-muted);margin-top:3px;font-size:12px}.bot-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.bot-card{background:var(--surface-muted);color:var(--text);text-align:left;border:1px solid #0000;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:132px;padding:13px;transition:border-color .15s,box-shadow .15s,transform .15s;animation:.22s ease-out both botCardIn;display:grid;position:relative}.bot-card:nth-child(2n){animation-delay:45ms}.bot-card:nth-child(3n){animation-delay:90ms}.bot-card:hover,.bot-card--active{border-color:#9dc2ff;transform:translateY(-2px);box-shadow:0 10px 24px #1476ff1a}.bot-card--active{background:#f0f6ff}.bot-card__avatar,.bot-control-panel__avatar{color:var(--brand-700);background:linear-gradient(145deg,#dceaff,#f4f8ff);border:1px solid #bed6fb;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.bot-card__avatar img,.bot-control-panel__avatar img{object-fit:cover;width:100%;height:100%}.bot-card__body{gap:3px;min-width:0;padding-right:62px;display:grid}.bot-card__body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bot-card__body small{color:var(--brand-700);font-size:11px}.bot-card__body p{color:var(--text-muted);margin:5px 0 0;font-size:12px;line-height:1.4}.bot-status{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:12px;right:11px}.bot-status i{background:#98a2b3;border-radius:50%;width:7px;height:7px}.bot-status--active{color:#087443}.bot-status--active i{background:#12b76a;animation:1.8s ease-out infinite botPulse}.bot-control-panel{gap:0;display:grid}.bot-control-panel>header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding-bottom:15px;display:grid}.bot-control-panel>section{border-top:1px solid var(--border);gap:11px;padding:15px 0;display:grid}.bot-section-title{align-items:center;gap:9px;display:flex}.bot-channel-action{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.bot-channel-action select{min-width:0}.bot-control-panel section>small{color:var(--text-muted);font-size:11px}.bot-test-form{gap:9px;display:grid}.bot-test-form textarea{resize:vertical;min-height:78px}.bot-test-form .ui-button{justify-self:end}[data-theme=dark] .bot-page{background:var(--surface-muted)}[data-theme=dark] .bot-card--active{background:#10284a;border-color:#2e64a2}[data-theme=dark] .bot-card__avatar,[data-theme=dark] .bot-control-panel__avatar,[data-theme=dark] .bot-create-form>header>span,[data-theme=dark] .bot-section-title>span{color:#93c5fd;background:#102a4c;border-color:#28517f}[data-theme=dark] .order-bot-panel,[data-theme=dark] .order-bot-card,[data-theme=dark] .order-bot-result{background:#0f172a;border-color:#273449}[data-theme=dark] .order-bot-card{background:#111d31}[data-theme=dark] .order-bot-card input,[data-theme=dark] .order-bot-card select{color:#e5edf7;background:#0b1220;border-color:#2b3b52}[data-theme=dark] .order-bot-card strong{color:#dbeafe}[data-theme=dark] .bot-feedback--success{background:#064e3b59}[data-theme=dark] .bot-feedback--error{background:#7f1d1d59}@keyframes botFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes botOrbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes botOrbitReverse{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes botPulse{0%{box-shadow:0 0 #30d38b73}75%,to{box-shadow:0 0 0 8px #30d38b00}}@keyframes botSignal{0%{opacity:.55;transform:scale(.8)}80%,to{opacity:0;transform:scale(1.8)}}@keyframes botSpark{0%,to{opacity:.55;transform:scale(.88)rotate(-8deg)}50%{opacity:1;transform:scale(1.16)rotate(8deg)}}@keyframes botCardIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.bot-workspace-grid,.order-bot-grid{grid-template-columns:1fr}.bot-control-panel{position:static}}@media (max-width:900px){.bot-hero{grid-template-columns:1fr}.bot-animation{display:none}.bot-create-form{grid-template-columns:1fr 1fr}.bot-create-form__description{grid-column:1/-1}}@media (max-width:620px){.bot-hero{border-radius:14px;padding:21px}.bot-create-form{grid-template-columns:1fr}.bot-create-form__description{grid-column:auto}.bot-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bot-animation__core,.bot-animation__orbit,.bot-animation__signal,.bot-animation__spark,.bot-status--active i,.bot-card{animation:none}}.automation-page{background:radial-gradient(circle at 91% 8%, #19a2b81a, transparent 28rem), var(--surface-muted);align-content:start}.automation-page__header{align-items:center}.automation-page__header .ui-segmented{min-width:240px}.automation-hero{color:#fff;background:radial-gradient(circle at 75%,#30d6b838,#0000 15rem),linear-gradient(125deg,#073344,#0b6676 58%,#176e9c);border-radius:20px;grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-height:214px;padding:26px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #0733442b}.automation-hero:before{content:"";opacity:.55;background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000);mask-image:linear-gradient(90deg,#0000 20%,#000)}.automation-hero>div:first-child{z-index:2;align-content:center;gap:11px;display:grid;position:relative}.automation-hero .ui-badge{color:#fff;background:#ffffff1f;justify-self:start;gap:6px}.automation-hero h2{color:#fff;margin:0;font-size:clamp(23px,2.3vw,32px);line-height:1.16}.automation-hero p{color:#ffffffc2;margin:0;line-height:1.5}.automation-hero__stats{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.automation-hero__stats span{background:#ffffff17;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:12px}.automation-hero__stats strong{color:#fff}.automation-flow{z-index:2;place-self:center;width:300px;height:150px;position:relative}.automation-flow__line{background:#8fefdc5c;width:100px;height:2px;position:absolute;top:74px}.automation-flow__line--one{left:43px}.automation-flow__line--two{right:43px}.automation-flow__node{color:#087d76;z-index:3;background:linear-gradient(145deg,#fff,#d8fff7);border:5px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;top:46px;box-shadow:0 14px 36px #001b264d}.automation-flow__node--start{animation:3s ease-in-out infinite automationNodeFloat;left:4px}.automation-flow__node--middle{width:70px;height:70px;animation:3s ease-in-out .5s infinite automationNodeFloat;top:40px;left:115px}.automation-flow__node--end{animation:3s ease-in-out 1s infinite automationNodeFloat;right:4px}.automation-flow__packet{z-index:4;background:#8ffff0;border-radius:50%;width:8px;height:8px;animation:2.5s linear infinite automationPacket;position:absolute;top:71px;left:57px;box-shadow:0 0 12px #8ffff0}.automation-flow__packet--two{animation-delay:1.25s}.automation-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.automation-toolbar h2,.automation-toolbar p{margin:0}.automation-toolbar h2{color:var(--text);font-size:18px}.automation-toolbar p{color:var(--text-muted);margin-top:3px;font-size:12px}.automation-toolbar .ui-button{gap:6px}.automation-feedback,.automation-permission,.automation-secret,.automation-create-form,.webhook-create-form,.automation-list-panel,.automation-detail-panel,.webhook-panel,.delivery-panel{background:var(--surface);border:1px solid var(--border);border-radius:15px}.automation-feedback{justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.automation-feedback span{align-items:center;gap:7px;display:flex}.automation-feedback button,.automation-secret header>button{color:inherit;background:0 0;border:0;padding:4px;display:flex}.automation-feedback--success{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.automation-feedback--error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.automation-permission{color:var(--brand-700);align-items:center;gap:12px;padding:18px;display:flex}.automation-permission h2,.automation-permission p{margin:0}.automation-permission h2{color:var(--text);font-size:16px}.automation-permission p{color:var(--text-muted);margin-top:4px;font-size:12px}.automation-secret{color:#704f00;background:#fffbea;border-color:#f4d57a;gap:9px;padding:13px;animation:.18s ease-out automationReveal;display:grid}.automation-secret header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.automation-secret header>span{background:#fff1b8;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.automation-secret header>div{gap:2px;display:grid}.automation-secret small{color:#8b6b16;font-size:11px}.automation-secret label{gap:4px;font-size:11px;font-weight:700;display:grid}.automation-secret code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#ffffffb8;border:1px solid #ead18a;border-radius:7px;padding:8px}.automation-create-form,.webhook-create-form{align-items:end;gap:11px;padding:15px;animation:.18s ease-out automationReveal;display:grid}.automation-create-form{grid-template-columns:1.1fr .8fr .8fr 1fr}.webhook-create-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.automation-create-form label,.webhook-create-form label{color:var(--text-muted);gap:5px;font-size:11px;font-weight:700;display:grid}.automation-create-form input,.automation-create-form select,.automation-create-form textarea,.webhook-create-form input,.webhook-create-form select{background:var(--surface-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:0;width:100%;min-height:39px;padding:7px 9px}.automation-create-form__payload{grid-column:1/-1}.automation-create-form textarea{resize:vertical;min-height:82px}.automation-create-form>p{color:#b42318;grid-column:1/-1;margin:0;font-size:12px}.automation-create-form input:focus,.automation-create-form select:focus,.automation-create-form textarea:focus,.webhook-create-form input:focus,.webhook-create-form select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #0068ff1a}.automation-grid{grid-template-columns:minmax(0,1fr) minmax(310px,380px);align-items:start;gap:14px;display:grid}.automation-list-panel,.automation-detail-panel,.webhook-panel,.delivery-panel{padding:15px;box-shadow:0 10px 28px #0f172a0a}.automation-list-panel{gap:8px;display:grid}.automation-job-card{background:var(--surface-muted);color:var(--text);text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-height:100px;padding:12px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.automation-job-card:hover,.automation-job-card--active{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 20px #1476ff17}.automation-job-card--active{background:#f0f6ff}.automation-job-card__icon,.automation-detail-panel>header>span,.webhook-panel>header>span{color:var(--brand-700);background:#e8f3ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.automation-job-card>span:nth-child(2){gap:3px;min-width:0;display:grid}.automation-job-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automation-job-card small,.automation-job-card p{color:var(--text-muted);font-size:11px}.automation-job-card p{margin:3px 0 0;line-height:1.4}.automation-status{align-self:start;height:20px;font-size:10px}.automation-detail-panel{gap:14px;display:grid}.automation-detail-panel>header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.automation-detail-panel h2,.automation-detail-panel p{margin:0}.automation-detail-panel h2{color:var(--text);font-size:16px}.automation-detail-panel p{color:var(--text-muted);margin-top:2px;font-size:11px}.automation-detail-actions{flex-wrap:wrap;gap:7px;display:flex}.automation-detail-actions .ui-button{gap:5px}.automation-detail-panel>section{border-top:1px solid var(--border);padding-top:13px}.automation-detail-panel h3{color:var(--text);margin:0 0 9px;font-size:13px}.automation-run-list{gap:7px;display:grid}.automation-run-list article{background:var(--surface-muted);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.automation-run-list article>span{gap:2px;display:grid}.automation-run-list small{color:var(--text-muted);font-size:10px}.automation-muted{color:var(--text-muted);margin:0;font-size:12px}.webhook-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.webhook-panel>header,.delivery-panel>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:12px;display:grid}.webhook-panel h2,.webhook-panel p,.delivery-panel h2,.delivery-panel p{margin:0}.webhook-panel h2,.delivery-panel h2{color:var(--text);font-size:16px}.webhook-panel p,.delivery-panel p{color:var(--text-muted);margin-top:2px;font-size:11px}.webhook-list,.delivery-list{gap:7px;display:grid}.webhook-list article,.webhook-row,.delivery-list article{background:var(--surface-muted);color:var(--text);text-align:left;border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.webhook-row{width:100%}.webhook-row:hover,.webhook-row--active{border-color:#93c5fd}.webhook-list article>span:first-child,.webhook-row>span:first-child,.delivery-list article>span{gap:2px;min-width:0;display:grid}.webhook-list small,.delivery-list small,.webhook-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.delivery-list article{grid-template-columns:auto minmax(0,1fr) auto}.delivery-list em{color:var(--text-muted);font-size:12px;font-style:normal}.webhook-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.webhook-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;gap:14px;padding:15px;display:grid;box-shadow:0 10px 28px #0f172a0a}.webhook-detail-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.webhook-detail-card>header>span{color:var(--brand-700);background:#e8f3ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.webhook-detail-card h2,.webhook-detail-card h3,.webhook-detail-card p{margin:0}.webhook-detail-card h2{color:var(--text);font-size:16px}.webhook-detail-card h3{color:var(--text);font-size:13px}.webhook-detail-card p{color:var(--text-muted);margin-top:2px;font-size:11px}.webhook-editor-form,.webhook-test-form{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;gap:10px;padding:12px;display:grid}.webhook-editor-form{grid-template-columns:1fr 1fr}.webhook-editor-form label,.webhook-test-form label{color:var(--text-muted);gap:5px;font-size:11px;font-weight:700;display:grid}.webhook-editor-form input,.webhook-editor-form select,.webhook-test-form input,.webhook-test-form textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:0;width:100%;min-width:0;min-height:38px;padding:7px 9px}.webhook-editor-form input:focus,.webhook-editor-form select:focus,.webhook-test-form input:focus,.webhook-test-form textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #0068ff1a}.webhook-detail-actions{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.webhook-detail-actions .ui-button,.webhook-test-form .ui-button{justify-self:start;gap:6px}.webhook-test-form textarea{resize:vertical;min-height:86px}.webhook-test-form>p{color:#b42318;margin:0;font-size:12px}.delivery-panel--embedded{box-shadow:none;padding:12px}[data-theme=dark] .automation-job-card--active{background:#10284a;border-color:#2e64a2}[data-theme=dark] .automation-job-card__icon,[data-theme=dark] .automation-detail-panel>header>span,[data-theme=dark] .webhook-panel>header>span,[data-theme=dark] .webhook-detail-card>header>span{color:#93c5fd;background:#102a4c}[data-theme=dark] .automation-feedback--success{background:#064e3b59}[data-theme=dark] .automation-feedback--error{background:#7f1d1d59}[data-theme=dark] .automation-secret{color:#fde68a;background:#33280a;border-color:#6f5918}[data-theme=dark] .automation-secret small{color:#d6bd70}[data-theme=dark] .automation-secret code{background:#0f172a8c;border-color:#6f5918}@keyframes automationNodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes automationPacket{0%{opacity:0;left:56px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:238px}}@keyframes automationReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.automation-grid{grid-template-columns:1fr}}@media (max-width:950px){.automation-hero{grid-template-columns:1fr}.automation-flow{display:none}.webhook-columns,.webhook-detail-grid{grid-template-columns:1fr}.automation-create-form{grid-template-columns:1fr 1fr}}@media (max-width:650px){.automation-page__header,.automation-toolbar{flex-direction:column;align-items:stretch}.automation-page__header .ui-segmented{width:100%;min-width:0}.automation-hero{border-radius:14px;padding:21px}.automation-create-form,.webhook-create-form,.webhook-editor-form{grid-template-columns:1fr}.automation-create-form__payload,.webhook-detail-actions{grid-column:auto}}.chat-app-shell--zalo{font-size:14px;line-height:1.4}.chat-app-shell--zalo .panel-heading{min-height:56px;padding:9px 12px}.chat-app-shell--zalo .panel-heading p{font-size:16px;line-height:1.25}.chat-app-shell--zalo .chat-header{min-height:58px;padding:8px 14px}.chat-app-shell--zalo .chat-title h1{margin-bottom:2px;font-size:16px;line-height:1.25}.chat-app-shell--zalo .chat-title p,.chat-app-shell--zalo .workspace-tile p,.chat-app-shell--zalo .contact-card__body span{font-size:12.5px}.chat-app-shell--zalo .workspace-page{align-content:start;gap:12px;padding:14px}.chat-app-shell--zalo .workspace-page__header{border-radius:10px;padding:12px 14px}.chat-app-shell--zalo .workspace-page__header h1{margin:0;font-size:20px;line-height:1.25}.chat-app-shell--zalo .workspace-page h2{font-size:16px;line-height:1.3}.chat-app-shell--zalo .ui-button,.chat-app-shell--zalo button,.chat-app-shell--zalo input,.chat-app-shell--zalo select,.chat-app-shell--zalo textarea{font-size:13px}.chat-app-shell--zalo .ui-button--sm{height:30px;padding-inline:10px}.chat-app-shell--zalo .ui-segmented{border-radius:9px;gap:2px;padding:3px}.chat-app-shell--zalo .ui-segmented__item{border-radius:7px;min-height:28px;padding:0 9px;font-size:12px}.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{border-radius:9px;margin:0 12px 9px;padding:3px}.chat-app-shell--zalo .channel-panel .channel-filter-tabs .ui-segmented__item{border-radius:7px;min-height:28px;padding:0 7px;font-size:12px}.chat-app-shell--zalo .detail-tabs{gap:5px;min-height:44px;padding:7px 10px}.chat-app-shell--zalo .message-sidebar-tabs{border-radius:9px;margin:9px 12px 8px;padding:3px}.chat-app-shell--zalo .message-sidebar-tab{border-radius:7px;min-height:34px;padding:0 8px;font-size:12px}.chat-app-shell--zalo .contacts-tabs{border-radius:9px;gap:3px;padding:3px}.chat-app-shell--zalo .contacts-tabs__item{border-radius:7px;min-height:34px;padding:5px 9px;font-size:12px}.chat-app-shell--zalo .contacts-tabs__item strong{min-width:20px;padding:2px 6px;font-size:10px}.chat-app-shell--zalo .zalo-search-panel{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:10px 12px}.chat-app-shell--zalo .zalo-search-panel__icon{width:38px;height:38px}.chat-app-shell--zalo .zalo-search-panel>div:last-child{gap:6px}.chat-app-shell--zalo .zalo-search-panel .ui-input-shell{border-radius:8px;min-height:36px}.chat-app-shell--zalo .contacts-page .contact-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:10px;min-width:0;display:grid}.chat-app-shell--zalo .contacts-page .contact-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar body""actions actions";align-items:center;min-height:0;padding:11px}.chat-app-shell--zalo .contacts-page .contact-card>.ui-avatar{grid-area:avatar}.chat-app-shell--zalo .contacts-page .contact-card__body{grid-area:body;gap:6px}.chat-app-shell--zalo .contacts-page .contact-card__meta{gap:5px;font-size:11px}.chat-app-shell--zalo .contacts-page .contact-card__actions{grid-area:actions;justify-content:flex-start;gap:6px}.chat-app-shell--zalo .workspace-grid-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:10px;min-width:0}.chat-app-shell--zalo .workspace-tile{border-radius:8px;align-content:start;gap:7px;min-width:0;min-height:0;padding:12px}.chat-app-shell--zalo .workspace-tile strong{font-size:14px}.chat-app-shell--zalo .workspace-tile p{margin:2px 0;line-height:1.35}.chat-app-shell--zalo .workspace-tile small{font-size:11.5px;line-height:1.35}.chat-app-shell--zalo .workspace-tile .channel-hash,.chat-app-shell--zalo .channel-panel .channel-hash{border-radius:8px;width:36px;height:36px;font-size:18px}.chat-app-shell--zalo .channel-panel .channel-row,.chat-app-shell--zalo .channel-panel .conversation-row{min-height:54px;padding-block:6px}.chat-app-shell--zalo .composer{gap:6px;padding:9px 12px}.chat-app-shell--zalo .composer-input-group{border-radius:10px;min-height:38px;padding:0 12px}.chat-app-shell--zalo .send-button.ui-button{min-width:70px;height:38px}.chat-app-shell--zalo .workspace-page__header,.chat-app-shell--zalo .contacts-tabs__item--active,.chat-app-shell--zalo .channel-filter-tabs .ui-segmented__item--active,.chat-app-shell--zalo .detail-tabs .ui-segmented__item--active,.chat-app-shell--zalo .message-sidebar-tab--active,.chat-app-shell--zalo .contact-card,.chat-app-shell--zalo .workspace-tile,.chat-app-shell--zalo .file-directory__item,.chat-app-shell--zalo .workspace-feed__item,.chat-app-shell--zalo .zalo-search-panel,.chat-app-shell--zalo .channel-hash,.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-actions,.chat-app-shell--zalo .message-reaction-control .reaction-add-button,.chat-app-shell--zalo .composer-wrap,.chat-app-shell--zalo .typing-dots,.chat-app-shell--zalo .ui-button--primary,.chat-app-shell--zalo .send-button.ui-button,.chat-app-shell--zalo .send-button.ui-button:not(:disabled):hover{box-shadow:none}.chat-app-shell--zalo .contact-card:hover,.chat-app-shell--zalo .file-directory__item:hover,.chat-app-shell--zalo .workspace-feed__item:hover,.chat-app-shell--zalo .workspace-tile:hover{box-shadow:none;color:var(--zalo-text);background:#f8fbff;border-color:#b9d4ff;transform:none}.chat-app-shell--zalo .contacts-tabs__item:hover,.chat-app-shell--zalo .composer .ui-button--icon:hover,.chat-app-shell--zalo .chat-header .ui-button--icon:hover,.chat-app-shell--zalo .message-actions button:hover{color:var(--zalo-blue);background:#eef4ff;transform:none}.chat-app-shell--zalo .ui-tooltip__content{border:1px solid var(--zalo-border);box-shadow:none;z-index:120;padding:5px 7px;font-size:11.5px;font-weight:600}html:not([data-theme=dark]) .chat-app-shell--zalo .ui-tooltip__content{color:#334155;background:#fff}.chat-app-shell--zalo .panel-heading__actions,.chat-app-shell--zalo .chat-actions,.chat-app-shell--zalo .detail-tabs,.chat-app-shell--zalo .message-actions,.chat-app-shell--zalo .composer{overflow:visible}.chat-app-shell--zalo .composer-leading-tooltip .ui-tooltip__content{left:0;right:auto;transform:translateY(4px)}.chat-app-shell--zalo .composer-leading-tooltip:hover .ui-tooltip__content,.chat-app-shell--zalo .composer-leading-tooltip:focus-within .ui-tooltip__content{transform:translateY(0)}[data-theme=dark] .chat-app-shell--zalo .ui-tooltip__content{color:#e5edf7;background:#182235;border-color:#334155}[data-theme=dark] .chat-app-shell--zalo .contact-card:hover,[data-theme=dark] .chat-app-shell--zalo .file-directory__item:hover,[data-theme=dark] .chat-app-shell--zalo .workspace-feed__item:hover,[data-theme=dark] .chat-app-shell--zalo .workspace-tile:hover{color:var(--zalo-text);background:#172033;border-color:#36516f}.chat-app-shell--zalo,.chat-app-shell--zalo *{scrollbar-color:#aebdd1 transparent;scrollbar-width:thin}.chat-app-shell--zalo ::-webkit-scrollbar{width:8px;height:8px}.chat-app-shell--zalo ::-webkit-scrollbar-track{background:0 0}.chat-app-shell--zalo ::-webkit-scrollbar-thumb{background:#aebdd1 padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-app-shell--zalo ::-webkit-scrollbar-thumb:hover{background-color:#8294ad}.chat-app-shell--zalo ::-webkit-scrollbar-corner{background:0 0}[data-theme=dark] .chat-app-shell--zalo,[data-theme=dark] .chat-app-shell--zalo *{scrollbar-color:#4b607a transparent}[data-theme=dark] .chat-app-shell--zalo ::-webkit-scrollbar-thumb{background-color:#4b607a}@media (max-width:760px){.chat-app-shell--zalo .workspace-page{padding:10px}.chat-app-shell--zalo .contacts-tabs,.chat-app-shell--zalo .contacts-page .contact-list,.chat-app-shell--zalo .workspace-grid-list{grid-template-columns:1fr}}.chat-app-shell--zalo .panel-heading{align-items:center}.chat-app-shell--zalo .panel-heading>div:first-child{align-items:center;min-height:36px;display:flex}.chat-app-shell--zalo .panel-heading p{align-items:center;min-height:36px;margin:0;line-height:1;display:flex}.chat-app-shell--zalo .panel-heading__actions,.chat-app-shell--zalo .panel-heading__actions>.ui-tooltip,.chat-app-shell--zalo .panel-heading__actions .ui-button{align-items:center;display:flex}.chat-app-shell--zalo .message-sidebar-tab__count{color:#075fce;background:#e3efff;border:1px solid #bdd7ff;min-width:22px;height:22px;font-size:10.5px;font-weight:800}.chat-app-shell--zalo .message-sidebar-tab--active .message-sidebar-tab__count{background:var(--zalo-blue);border-color:var(--zalo-blue);color:#fff}.chat-app-shell--zalo .message-sidebar-tab__count--unread,.chat-app-shell--zalo .message-sidebar-tab--active .message-sidebar-tab__count--unread{color:#fff;background:#e53935;border-color:#e53935}.chat-app-shell--zalo .workspace-page__header{background:0 0;border:0;border-radius:0;align-items:center;min-height:34px;padding:0}.chat-app-shell--zalo .workspace-page__header h1{font-size:18px;line-height:1.2}.chat-app-shell--zalo .sidebar-context-panel{align-content:start;gap:0;padding:10px 12px}.chat-app-shell--zalo .sidebar-context-panel .ui-button{justify-self:start}.chat-app-shell--zalo .workspace-data-table-shell{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;max-width:100%;overflow:auto}.chat-app-shell--zalo .workspace-data-table{border-collapse:separate;border-spacing:0;color:var(--text);width:100%;min-width:760px}.chat-app-shell--zalo .contacts-data-table{min-width:900px}.chat-app-shell--zalo .channels-data-table,.chat-app-shell--zalo .departments-data-table{min-width:980px}.chat-app-shell--zalo .workspace-data-table th{background:var(--surface-muted);border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;text-align:left;white-space:nowrap;z-index:2;padding:9px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.chat-app-shell--zalo .workspace-data-table td{border-bottom:1px solid var(--border);color:var(--text-muted);vertical-align:middle;padding:9px 12px;font-size:12.5px}.chat-app-shell--zalo .workspace-data-table tbody tr:last-child td{border-bottom:0}.chat-app-shell--zalo .workspace-data-table tbody tr{transition:background .12s}.chat-app-shell--zalo .workspace-data-table tbody tr:hover{background:#f6f9ff}.chat-app-shell--zalo .workspace-data-table__row--active{background:#eef5ff}.chat-app-shell--zalo .workspace-data-table__identity{color:var(--text);align-items:center;gap:10px;min-width:190px;display:flex}.chat-app-shell--zalo .workspace-data-table__identity>span:last-child{gap:2px;min-width:0;display:grid}.chat-app-shell--zalo .workspace-data-table__identity strong,.chat-app-shell--zalo .workspace-data-table__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .workspace-data-table__identity strong{color:var(--text);font-size:13px}.chat-app-shell--zalo .workspace-data-table__identity small{color:var(--text-muted);font-size:11.5px}.chat-app-shell--zalo .workspace-data-table__description{min-width:170px;max-width:330px;line-height:1.35}.chat-app-shell--zalo .workspace-data-table__actions-heading{text-align:right}.chat-app-shell--zalo .workspace-data-table td:last-child{width:1%}.chat-app-shell--zalo .workspace-data-table__actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.chat-app-shell--zalo .workspace-data-table__actions--stacked{flex-direction:column;align-items:flex-end}.chat-app-shell--zalo .workspace-data-table .channel-hash,.chat-app-shell--zalo .workspace-data-table .file-icon,.chat-app-shell--zalo .department-table-icon{border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.chat-app-shell--zalo .department-table-icon{color:var(--brand-700);background:#eaf2ff;border:1px solid #cfe0ff}.chat-app-shell--zalo .workspace-data-table .channel-membership-manager{white-space:normal;max-width:260px}.chat-app-shell--zalo .directory-toolbar{grid-template-columns:minmax(220px,520px) auto;justify-content:space-between;align-items:center;gap:10px;display:grid}.chat-app-shell--zalo .settings-page{padding:14px}.chat-app-shell--zalo .settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);grid-template-areas:"profile privacy""profile admin""profile appearance""profile version""profile notifications""sessions sessions";align-items:start;gap:12px;display:grid}.chat-app-shell--zalo .settings-card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:8px;align-content:start;gap:10px;padding:14px}.chat-app-shell--zalo .settings-card--privacy{grid-area:privacy}.chat-app-shell--zalo .settings-card--desktop-version{grid-area:version}.chat-app-shell--zalo .settings-card--notifications{grid-area:notifications}.chat-app-shell--zalo .settings-card__heading,.chat-app-shell--zalo .settings-card>div:first-child{align-items:flex-start;display:flex}.chat-app-shell--zalo .settings-card__heading>div{gap:3px;display:grid}.chat-app-shell--zalo .settings-card h2{font-size:15px}.chat-app-shell--zalo .settings-card p{font-size:12.5px;line-height:1.4}.chat-app-shell--zalo .settings-card--profile .profile-form{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);align-items:start;gap:10px 12px;display:grid}.chat-app-shell--zalo .settings-card--profile .avatar-upload-field{grid-area:1/2/span 2}.chat-app-shell--zalo .settings-card--profile .profile-form>.ui-button{justify-self:start}.chat-app-shell--zalo .settings-card--sessions{gap:12px;padding:14px;overflow:visible}.chat-app-shell--zalo .settings-card>.sessions-heading{gap:10px}.chat-app-shell--zalo .sessions-heading__icon,.chat-app-shell--zalo .session-device-icon{border-radius:8px;width:36px;height:36px}.chat-app-shell--zalo .sessions-count{border-radius:7px;padding:6px 9px;font-size:11.5px}.chat-app-shell--zalo .settings-card>.session-list,.chat-app-shell--zalo .session-list{border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.chat-app-shell--zalo .session-item{border:0;border-bottom:1px solid var(--border);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:10px 12px}.chat-app-shell--zalo .session-item:last-child{border-bottom:0}.chat-app-shell--zalo .session-item--current{background:#f3fff8}.chat-app-shell--zalo .session-item__body{gap:6px}.chat-app-shell--zalo .session-item__meta{gap:5px}.chat-app-shell--zalo .session-item__meta span{padding:4px 6px}[data-theme=dark] .chat-app-shell--zalo .workspace-data-table tbody tr:hover,[data-theme=dark] .chat-app-shell--zalo .workspace-data-table__row--active{background:#172033}[data-theme=dark] .chat-app-shell--zalo .department-table-icon{color:#93c5fd;background:#102a4c;border-color:#28517f}[data-theme=dark] .chat-app-shell--zalo .session-item--current{background:#10291f}@media (max-width:1050px){.chat-app-shell--zalo .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"profile profile""privacy appearance""admin version""notifications notifications""sessions sessions"}}@media (max-width:720px){.chat-app-shell--zalo .settings-grid{grid-template-columns:1fr;grid-template-areas:"profile""privacy""admin""appearance""version""notifications""sessions"}.chat-app-shell--zalo .settings-card--profile .profile-form{grid-template-columns:1fr}.chat-app-shell--zalo .settings-card--profile .avatar-upload-field{grid-area:auto}.chat-app-shell--zalo .directory-toolbar{grid-template-columns:1fr}.chat-app-shell--zalo .directory-toolbar .ui-badge{justify-self:start}.chat-app-shell--zalo .sessions-heading{grid-template-columns:auto minmax(0,1fr)}.chat-app-shell--zalo .sessions-count{grid-column:1/-1;justify-self:start}.chat-app-shell--zalo .session-item{grid-template-columns:auto minmax(0,1fr)}.chat-app-shell--zalo .session-item>.ui-button{grid-column:1/-1;justify-self:start}}.chat-app-shell--zalo .message-sidebar-tab__count{font-variant-numeric:tabular-nums;text-align:center;place-items:center;width:22px;padding:0;line-height:1;display:inline-grid}.chat-app-shell--zalo .settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;width:100%}.chat-app-shell--zalo .sessions-heading>div{align-items:center;min-height:36px;display:flex}.chat-app-shell--zalo .sessions-heading h2{margin:0;line-height:1.2}.chat-app-shell--zalo .sessions-logout-all{justify-self:end;margin-left:4px}.chat-app-shell--zalo .sessions-data-table{min-width:1040px}.chat-app-shell--zalo .sessions-data-table td{white-space:nowrap}.chat-app-shell--zalo .sessions-data-table .session-table__device{white-space:normal;min-width:260px}.chat-app-shell--zalo .workspace-data-table__row--current{background:#f3fff8}.chat-app-shell--zalo .workspace-data-table__row--revoked{opacity:.62}.chat-app-shell--zalo .session-table__no-action{color:var(--text-muted);justify-content:center;min-width:30px;display:inline-flex}[data-theme=dark] .chat-app-shell--zalo .workspace-data-table__row--current{background:#10291f}@media (max-width:900px){.chat-app-shell--zalo .settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr) auto}.chat-app-shell--zalo .sessions-logout-all{grid-column:1/-1;justify-self:stretch;margin-left:0}}@media (prefers-reduced-motion:reduce){.automation-flow__node,.automation-flow__packet,.automation-secret,.automation-create-form,.webhook-create-form{animation:none}}.tickets-page{gap:16px}.tickets-page__header{align-items:center}.ticket-summary-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(110px,1fr)) minmax(260px,auto);align-items:center;gap:12px;padding:14px;display:grid}.ticket-summary-strip div{gap:3px;display:grid}.ticket-summary-strip strong{color:var(--text);font-size:1.35rem}.ticket-summary-strip small{color:var(--muted)}.ticket-create-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.ticket-create-form label,.ticket-detail-actions select{gap:6px;display:grid}.ticket-create-form input,.ticket-create-form select,.ticket-create-form textarea,.ticket-detail-actions select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:38px;padding:9px 10px}.ticket-create-form__description{grid-column:1/-1}.ticket-create-form textarea{resize:vertical;min-height:86px}.ticket-workspace-grid{grid-template-columns:minmax(360px,1fr) minmax(320px,.8fr);gap:16px;min-height:0;display:grid}.ticket-list-panel,.ticket-detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:14px}.ticket-list-panel{gap:10px;display:grid}.ticket-row{border:1px solid var(--border);color:var(--text);text-align:left;background:0 0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.ticket-row--active,.ticket-row:hover{background:var(--sidebar-active-bg);border-color:#2563eb59}.ticket-row span:nth-child(2){gap:3px;min-width:0;display:grid}.ticket-row strong,.ticket-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-detail-panel{align-content:start;gap:14px;display:grid}.ticket-detail-panel header{align-items:center;gap:12px;display:flex}.ticket-detail-panel h2{margin:0;font-size:1.05rem}.ticket-detail-panel p{color:var(--muted);white-space:pre-wrap;margin:0}.ticket-detail-meta,.ticket-detail-actions{gap:10px;display:grid}.ticket-detail-meta span{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.ticket-detail-actions{grid-template-columns:1fr 1fr}@media (max-width:980px){.ticket-summary-strip,.ticket-create-form,.ticket-workspace-grid{grid-template-columns:1fr}}html,body,button,input,select,textarea{font-family:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif}.chat-app-shell--zalo .navigation-rail-slot{z-index:70;min-height:0;position:relative}.chat-app-shell--zalo .navigation-rail-slot>.ui-navigation-rail{height:100%}.chat-app-shell--zalo .ui-navigation-rail__profile-button{color:#fff}.chat-app-shell--zalo .account-menu{background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:90;border-radius:12px;width:min(296px,100vw - 104px);position:absolute;bottom:12px;left:calc(100% + 10px);overflow:hidden;box-shadow:0 18px 44px #0f172a2e}.chat-app-shell--zalo .account-menu__identity{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f5f9ff,#edf4ff);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.chat-app-shell--zalo .account-menu__identity>span{gap:2px;min-width:0;display:grid}.chat-app-shell--zalo .account-menu__identity strong,.chat-app-shell--zalo .account-menu__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .account-menu__identity strong{font-size:14px}.chat-app-shell--zalo .account-menu__identity small{color:var(--text-muted);font-size:11.5px}.chat-app-shell--zalo .account-menu__identity i{color:#15803d;align-items:center;gap:5px;margin-top:3px;font-size:10.5px;font-style:normal;display:inline-flex}.chat-app-shell--zalo .account-menu__identity i>span{background:#22c55e;border-radius:50%;width:7px;height:7px}.chat-app-shell--zalo .account-menu__actions{padding:6px;display:grid}.chat-app-shell--zalo .account-menu__actions button{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.chat-app-shell--zalo .account-menu__actions button>svg{color:var(--zalo-blue);justify-self:center}.chat-app-shell--zalo .account-menu__actions button>span{gap:2px;display:grid}.chat-app-shell--zalo .account-menu__actions button strong{font-size:12.5px;font-weight:650}.chat-app-shell--zalo .account-menu__actions button small{color:var(--text-muted);font-size:10.5px}.chat-app-shell--zalo .account-menu__actions button:hover{background:var(--surface-muted)}.chat-app-shell--zalo .account-menu__actions .account-menu__logout{color:#c62828}.chat-app-shell--zalo .account-menu__actions .account-menu__logout>svg{color:#dc2626}.chat-app-shell--zalo .notification-dropdown{border-radius:12px;gap:0;max-height:min(620px,100vh - 76px);padding:0;top:60px;left:10px;right:10px;overflow:hidden}.chat-app-shell--zalo .notification-dropdown__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.chat-app-shell--zalo .notification-dropdown__title{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.chat-app-shell--zalo .notification-dropdown__title>span{color:var(--zalo-blue);background:#eaf3ff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.chat-app-shell--zalo .notification-dropdown__title>div{gap:1px;display:grid}.chat-app-shell--zalo .notification-dropdown__title strong{font-size:14px}.chat-app-shell--zalo .notification-dropdown__title small{color:var(--text-muted);font-size:10.5px}.chat-app-shell--zalo .notification-dropdown__title>b,.chat-app-shell--zalo .notification-group>header b{background:var(--zalo-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.chat-app-shell--zalo .notification-dropdown__header>.ui-button{flex:none;min-height:30px;padding-inline:8px;font-size:11px}.chat-app-shell--zalo .notification-dropdown__body{gap:12px;padding:10px;display:grid;overflow-y:auto}.chat-app-shell--zalo .notification-group{gap:6px;display:grid}.chat-app-shell--zalo .notification-group>header{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:11px;font-weight:650;display:flex}.chat-app-shell--zalo .notification-group>header span{align-items:center;gap:6px;display:inline-flex}.chat-app-shell--zalo .notification-list{gap:4px;max-height:none;overflow:visible}.chat-app-shell--zalo .notification-row{background:0 0;border-color:#0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;min-width:0;padding:8px;position:relative}.chat-app-shell--zalo .notification-row:hover{background:var(--surface-muted)}.chat-app-shell--zalo .notification-row--unread{background:#f0f6ff;border-color:#d6e7ff}.chat-app-shell--zalo .notification-row>div{min-width:0}.chat-app-shell--zalo .notification-row strong{font-size:12.5px}.chat-app-shell--zalo .notification-row p{margin:2px 0;font-size:11.5px;line-height:1.35}.chat-app-shell--zalo .notification-row small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.chat-app-shell--zalo .notification-row__icon{color:var(--zalo-blue);background:#eaf3ff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin:0;display:flex}.chat-app-shell--zalo .notification-row>.ui-avatar{width:34px;height:34px;margin:0}.chat-app-shell--zalo .notification-row>i{background:var(--zalo-blue);border-radius:50%;width:7px;height:7px;margin-top:5px}.chat-app-shell--zalo .contact-request-row{grid-template-columns:34px minmax(0,1fr)}.chat-app-shell--zalo .contact-request-row__actions{gap:5px;margin-top:7px}.chat-app-shell--zalo .contact-request-row__actions .ui-button{min-height:28px;padding-inline:9px}.chat-app-shell--zalo .notification-group__link{color:var(--zalo-blue);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:end;padding:2px 4px;font-size:11px;font-weight:650}.chat-app-shell--zalo .message-row__stack{flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}.chat-app-shell--zalo .message-row--local .message-row__stack{grid-area:1/1;justify-self:end;align-items:flex-end}.chat-app-shell--zalo .message-row__meta{color:var(--text-muted);align-items:center;gap:5px;min-height:20px;margin-top:3px;padding-inline:4px;font-size:10px;display:inline-flex}.chat-app-shell--zalo .message-row__meta time{font-variant-numeric:tabular-nums}.chat-app-shell--zalo .message-read-status{margin:0;padding:3px 6px;font-size:10px;font-weight:600}.chat-app-shell--zalo .composer-like-button.ui-button{color:#005ae2;background:0 0;border-color:#0000;flex:0 0 40px;width:40px;height:38px}.chat-app-shell--zalo .composer-like-button.ui-button:hover{color:#004bc4;background:#eaf3ff}.chat-app-shell--zalo .message-sidebar-tab__count{font-weight:600}.chat-app-shell--zalo .settings-card--profile .profile-form{display:block}.chat-app-shell--zalo .settings-card--profile .profile-form__row{grid-template-columns:auto minmax(170px,1fr) minmax(150px,.8fr) auto;align-items:end;gap:12px;display:grid}.chat-app-shell--zalo .settings-card--profile .avatar-upload-field{grid-area:auto;align-items:center;gap:8px;display:flex}.chat-app-shell--zalo .settings-card--profile .profile-form__row>label{min-width:0}.chat-app-shell--zalo .settings-card--profile .profile-form__row>.ui-button{margin-bottom:1px}.chat-app-shell--zalo .settings-card--profile .profile-form__error{margin-top:8px;display:block}[data-theme=dark] .chat-app-shell--zalo .account-menu__identity{background:linear-gradient(135deg,#172033,#111c2f)}[data-theme=dark] .chat-app-shell--zalo .notification-dropdown__title>span,[data-theme=dark] .chat-app-shell--zalo .notification-row__icon{color:#93c5fd;background:#102a4c}[data-theme=dark] .chat-app-shell--zalo .notification-row--unread{background:#10243f;border-color:#23466f}[data-theme=dark] .chat-app-shell--zalo .detail-tabs,[data-theme=dark] .chat-app-shell--zalo .detail-tabs .ui-segmented{background:#111827;border-color:#273449}[data-theme=dark] .chat-app-shell--zalo .detail-tabs .ui-segmented__item{color:#aebdd1}[data-theme=dark] .chat-app-shell--zalo .detail-tabs .ui-segmented__item--active{color:#fff;background:#243047}[data-theme=dark] .chat-app-shell--zalo .message-read-status{color:#cbd5e1;background:#243047}[data-theme=dark] .chat-app-shell--zalo .composer-like-button.ui-button:hover{color:#60a5fa;background:#172c49}@media (max-width:900px){.chat-app-shell--zalo .settings-card--profile .profile-form__row{grid-template-columns:auto minmax(0,1fr);align-items:stretch}.chat-app-shell--zalo .settings-card--profile .profile-form__row>.ui-button{grid-column:2;justify-self:start}}@media (max-width:640px){.chat-app-shell--zalo .navigation-rail-slot>.ui-navigation-rail{height:auto}.chat-app-shell--zalo .account-menu{position:fixed;top:82px;bottom:auto;left:8px}.chat-app-shell--zalo .settings-card--profile .profile-form__row{grid-template-columns:1fr}.chat-app-shell--zalo .settings-card--profile .avatar-upload-field,.chat-app-shell--zalo .settings-card--profile .profile-form__row>.ui-button{grid-column:auto}}.chat-app-shell--zalo .message-row__content{order:1}.chat-app-shell--zalo .message-row__meta{order:2;align-items:center;min-height:18px;margin:2px 0 4px;padding-inline:2px;line-height:1}.chat-app-shell--zalo .message-row__meta time,.chat-app-shell--zalo .message-read-status{color:#64748b;background:#eef2f7;border-radius:999px;align-items:center;height:18px;margin:0;padding:0 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.chat-app-shell--zalo .message-read-status{gap:4px}.chat-app-shell--zalo .message-read-status--seen{color:#0b73f6;background:#e6f0ff}.chat-app-shell--zalo .message-row--has-reactions .message-row__meta{margin-top:15px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{color:#005ae2;background:0 0;border-color:#0000;border-radius:9px;flex:0 0 40px;width:40px;min-width:40px;height:38px;padding:0}.chat-app-shell--zalo .composer-submit-icon-button.ui-button:not(:disabled):hover{color:#004bc4;background:#eaf3ff;transform:none}[data-theme=dark] .chat-app-shell--zalo .message-row__meta time,[data-theme=dark] .chat-app-shell--zalo .message-read-status{color:#cbd5e1;background:#243047}[data-theme=dark] .chat-app-shell--zalo .message-read-status--seen{color:#93c5fd;background:#12345d}[data-theme=dark] .chat-app-shell--zalo .composer-submit-icon-button.ui-button:not(:disabled):hover{color:#60a5fa;background:#172c49}@media (max-width:720px){.chat-app-shell--zalo .settings-grid{grid-template-columns:1fr;grid-template-areas:"profile""appearance""sessions"}}@media (max-width:767px){.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{flex:0 0 54px;width:54px;height:50px;min-height:50px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:22px;height:22px}.chat-app-shell--zalo .chat-header .chat-header__mobile-back,.chat-app-shell--zalo .chat-header .ui-button--icon{width:34px;min-width:34px;height:34px;min-height:34px}}.chat-app-shell--zalo .message-row--call.message-row--local{grid-template-columns:minmax(0,max-content)}.chat-app-shell--zalo .chat-header__mobile-back{display:none}@media (min-width:768px) and (max-width:1180px){.chat-app-shell--zalo{grid-template-columns:60px minmax(236px,270px) minmax(0,1fr);height:100dvh}.chat-app-shell--zalo .navigation-rail-slot{grid-column:1}.chat-app-shell--zalo .channel-panel{grid-column:2;min-width:0;display:flex}.chat-app-shell--zalo .chat-main{grid-column:3;min-width:0;display:flex}.chat-app-shell--zalo.chat-app-shell--section .channel-panel{display:none}.chat-app-shell--zalo.chat-app-shell--section .chat-main{grid-column:2/-1}.chat-app-shell--zalo .ui-navigation-rail{padding-inline:6px}.chat-app-shell--zalo .ui-navigation-rail__brand{width:40px;height:40px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{width:42px;height:42px;min-height:42px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:23px;height:23px}.chat-app-shell--zalo .channel-panel .panel-heading{min-height:58px;padding:9px 10px}.chat-app-shell--zalo .channel-panel .panel-heading p{font-size:16px}.chat-app-shell--zalo .panel-heading__actions{gap:1px}.chat-app-shell--zalo .message-sidebar-tabs{margin:8px 9px 7px}.chat-app-shell--zalo .message-sidebar-tab{gap:4px;padding-inline:6px}.chat-app-shell--zalo .channel-search,.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{margin-inline:9px}.chat-app-shell--zalo .chat-header{min-height:58px;padding:8px 12px}.chat-app-shell--zalo .chat-title .ui-avatar,.chat-app-shell--zalo .chat-title .channel-hash{width:38px;height:38px}.chat-app-shell--zalo .chat-title h1{font-size:15px}.chat-app-shell--zalo .chat-title p{font-size:11px}.chat-app-shell--zalo .chat-actions{gap:2px}.chat-app-shell--zalo .chat-panel-open-button{display:none}.chat-app-shell--zalo .message-timeline{padding:10px 12px 14px}.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{max-width:84%}.chat-app-shell--zalo .composer{padding:8px 9px}.chat-app-shell--zalo .composer-input-group{padding-inline:10px}.chat-app-shell--zalo.chat-app-shell--detail-open .detail-panel{width:min(360px,88vw);inset:0 0 0 auto}.chat-app-shell--zalo .settings-page{padding:12px}.chat-app-shell--zalo .settings-grid{grid-template-columns:minmax(0,1fr) minmax(220px,280px);grid-template-areas:"profile appearance""sessions sessions"}}@media (max-width:767px){.chat-app-shell--zalo{box-sizing:border-box;height:100dvh;min-height:100dvh;padding:0 0 calc(60px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.chat-app-shell--zalo .navigation-rail-slot{height:calc(60px + env(safe-area-inset-bottom));z-index:100;min-height:0;position:fixed;inset:auto 0 0}.chat-app-shell--zalo .navigation-rail-slot>.ui-navigation-rail{height:100%;min-height:0;padding:4px 6px env(safe-area-inset-bottom);border-radius:0;flex-direction:row;align-items:center;overflow:hidden}.chat-app-shell--zalo .ui-navigation-rail__brand-wrap{display:none}.chat-app-shell--zalo .ui-navigation-rail__nav{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.chat-app-shell--zalo .ui-navigation-rail__nav::-webkit-scrollbar{display:none}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{flex:0 0 54px;gap:2px;width:54px;height:50px;min-height:50px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:22px;height:22px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>span{clip:auto;width:auto;max-width:50px;height:auto;font-size:8.5px;line-height:1;position:static}.chat-app-shell--zalo .ui-navigation-rail__item i{top:2px;right:2px}.chat-app-shell--zalo .ui-navigation-rail__profile{flex:none;margin:0 0 0 3px}.chat-app-shell--zalo .ui-navigation-rail__profile .ui-avatar{width:34px;height:34px}.chat-app-shell--zalo .account-menu{bottom:calc(68px + env(safe-area-inset-bottom));width:min(296px,100vw - 16px);position:fixed;top:auto;left:8px}.chat-app-shell--zalo .channel-panel,.chat-app-shell--zalo .chat-main{border-radius:0;grid-area:1/1;min-width:0;height:100%;min-height:0}.chat-app-shell--zalo.chat-app-shell--mobile-list .channel-panel{display:flex}.chat-app-shell--zalo.chat-app-shell--mobile-list .chat-main,.chat-app-shell--zalo.chat-app-shell--mobile-chat .channel-panel{display:none}.chat-app-shell--zalo.chat-app-shell--mobile-chat .chat-main{display:flex}.chat-app-shell--zalo.chat-app-shell--mobile-section .channel-panel{display:none}.chat-app-shell--zalo.chat-app-shell--mobile-section .chat-main{display:flex}.chat-app-shell--zalo .channel-panel .panel-heading{min-height:54px;padding:7px 10px}.chat-app-shell--zalo .channel-panel .panel-heading p{font-size:16px}.chat-app-shell--zalo .panel-heading__actions{gap:0}.chat-app-shell--zalo .message-sidebar-tabs{margin:8px 10px 7px}.chat-app-shell--zalo .message-sidebar-tab{min-height:36px;padding-inline:8px}.chat-app-shell--zalo .channel-search{margin:0 10px 7px}.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{margin:0 10px 8px}.chat-app-shell--zalo .message-sidebar-tab-content .list-section{padding-inline:7px}.chat-app-shell--zalo .channel-panel .conversation-row,.chat-app-shell--zalo .channel-panel .channel-row{border-radius:9px;min-height:58px}.chat-app-shell--zalo .notification-dropdown{bottom:calc(68px + env(safe-area-inset-bottom));max-height:none;position:fixed;top:8px;left:8px;right:8px}.chat-app-shell--zalo .notification-dropdown__header{flex-direction:row;align-items:center}.chat-app-shell--zalo .notification-dropdown__title small{display:none}.chat-app-shell--zalo .notification-dropdown__body{min-height:0}.chat-app-shell--zalo .chat-header{flex-direction:row;align-items:center;gap:6px;min-height:54px;padding:7px 8px}.chat-app-shell--zalo .chat-header__mobile-back{flex:0 0 34px;width:34px;min-width:34px;height:34px;min-height:34px;display:inline-flex}.chat-app-shell--zalo .chat-title{flex:auto;gap:7px;min-width:0}.chat-app-shell--zalo .chat-title .ui-avatar,.chat-app-shell--zalo .chat-title .channel-hash{flex:0 0 36px;width:36px;height:36px}.chat-app-shell--zalo .chat-title>div{min-width:0}.chat-app-shell--zalo .chat-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-app-shell--zalo .chat-title p{display:none}.chat-app-shell--zalo .chat-actions{flex-wrap:nowrap;flex:none;gap:0}.chat-app-shell--zalo .member-count,.chat-app-shell--zalo .chat-panel-open-button{display:none}.chat-app-shell--zalo .chat-header .ui-button--icon{width:34px;min-width:34px;height:34px;min-height:34px}.chat-app-shell--zalo .chat-header-popover{width:min(300px,100vw - 16px);max-width:calc(100vw - 16px);position:fixed;top:56px;left:auto;right:8px}.chat-app-shell--zalo .message-toolbar{padding:7px 8px}.chat-app-shell--zalo .message-search-filters{grid-template-columns:1fr}.chat-app-shell--zalo .message-timeline{gap:5px;padding:9px 8px 12px}.chat-app-shell--zalo .message-row{gap:5px}.chat-app-shell--zalo .message-row>.ui-avatar{width:28px;height:28px}.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{min-width:0;max-width:90%}.chat-app-shell--zalo .message-row p,.chat-app-shell--zalo .message-body{font-size:13.5px}.chat-app-shell--zalo .attachment-image img{max-width:100%;max-height:52vh}.chat-app-shell--zalo .message-actions{display:none}.chat-app-shell--zalo .message-reaction-control .reaction-add-button{opacity:.78}.chat-app-shell--zalo .composer-wrap{background:var(--zalo-panel)}.chat-app-shell--zalo .composer{grid-template-rows:auto auto;grid-template-columns:repeat(5,34px) minmax(0,1fr) 36px;gap:5px;padding:7px 8px 6px}.chat-app-shell--zalo .composer>.ui-tooltip{grid-row:2}.chat-app-shell--zalo .composer-input-group{grid-area:1/1/auto/-2;min-height:38px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{grid-area:1/-2/auto/-1}.chat-app-shell--zalo .recording-status{grid-area:3/1/auto/-1}.chat-app-shell--zalo .emoji-picker{grid-template-columns:repeat(6,32px);width:226px;max-width:calc(100vw - 16px)}.chat-app-shell--zalo .typing-dots{margin:6px 8px 0}.chat-app-shell--zalo .upload-queue{max-height:34vh;overflow-y:auto}.chat-app-shell--zalo.chat-app-shell--detail-open .detail-panel,.chat-app-shell--zalo .detail-panel--thread-open{bottom:calc(60px + env(safe-area-inset-bottom));z-index:95;width:100%;top:0;left:0;right:0}.chat-app-shell--zalo .detail-tabs{padding:6px 8px}.chat-app-shell--zalo .workspace-page{gap:10px;padding:10px;overflow-x:hidden}.chat-app-shell--zalo .workspace-page__header h1{font-size:17px}.chat-app-shell--zalo .contacts-tabs{scrollbar-width:none;padding:3px;display:flex;overflow-x:auto}.chat-app-shell--zalo .contacts-tabs::-webkit-scrollbar{display:none}.chat-app-shell--zalo .contacts-tabs__item{flex:none;min-height:36px}.chat-app-shell--zalo .zalo-search-panel{grid-template-columns:34px minmax(0,1fr);padding:8px}.chat-app-shell--zalo .zalo-search-panel__icon{width:34px;height:34px}.chat-app-shell--zalo .workspace-data-table-shell{border-radius:7px}.chat-app-shell--zalo .workspace-data-table th,.chat-app-shell--zalo .workspace-data-table td{padding:8px}.chat-app-shell--zalo .settings-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"profile""appearance""sessions"}.chat-app-shell--zalo .settings-card{padding:11px}.chat-app-shell--zalo .settings-card--profile .profile-form__row{grid-template-columns:1fr}.chat-app-shell--zalo .settings-card--profile .avatar-upload-field,.chat-app-shell--zalo .settings-card--profile .profile-form__row>.ui-button{grid-column:auto}.chat-app-shell--zalo .settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr)}.chat-app-shell--zalo .sessions-count,.chat-app-shell--zalo .sessions-logout-all{grid-column:1/-1;justify-self:stretch}.chat-app-shell--zalo .toast-stack{bottom:calc(68px + env(safe-area-inset-bottom));width:auto;left:8px;right:8px}}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{border-radius:11px;justify-self:center;width:44px;height:44px;min-height:44px;padding:0}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:24px;height:24px}.chat-app-shell--zalo .composer .ui-button--icon:not(.composer-submit-icon-button){width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.chat-app-shell--zalo .composer .ui-button--icon:not(.composer-submit-icon-button)>svg{width:21px;height:21px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button>svg{width:24px;height:24px}.chat-app-shell--zalo .panel-heading__actions .ui-button--icon,.chat-app-shell--zalo .chat-header .ui-button--icon,.chat-app-shell--zalo .detail-tabs .ui-button--icon,.chat-app-shell--zalo .message-toolbar>.ui-button--icon,.chat-app-shell--zalo .workspace-page__header .ui-button--icon{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.chat-app-shell--zalo .panel-heading__actions .ui-button--icon>svg,.chat-app-shell--zalo .chat-header .ui-button--icon>svg,.chat-app-shell--zalo .detail-tabs .ui-button--icon>svg,.chat-app-shell--zalo .message-toolbar>.ui-button--icon>svg,.chat-app-shell--zalo .workspace-page__header .ui-button--icon>svg{width:21px;height:21px}@media (max-width:640px){.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{flex:0 0 44px}}.chat-app-shell--zalo .message-sidebar-tab>svg{color:currentColor;flex:none}.chat-app-shell--zalo .message-sidebar-tab__count>span,.chat-app-shell--zalo .contacts-tabs__item strong>span,.chat-app-shell--zalo .conversation-row__unread-badge>span{font-variant-numeric:tabular-nums;text-align:center;justify-content:center;align-self:stretch;align-items:center;min-width:100%;line-height:1;display:inline-flex;transform:translateY(.5px)}.chat-app-shell--zalo .notification-button>span,.chat-app-shell--zalo .notification-dropdown__title>b,.chat-app-shell--zalo .notification-group>header b{box-sizing:border-box;font-variant-numeric:tabular-nums;text-align:center;padding-top:1px;line-height:1}.chat-app-shell--zalo .message-body--like{color:#005ae2;justify-content:center;align-items:center;min-width:32px;min-height:30px;display:flex}.chat-app-shell--zalo .message-body--like svg{width:30px;height:30px;display:block}@media (max-width:720px){.chat-app-shell--zalo .settings-grid{grid-template-columns:1fr;grid-template-areas:"profile""appearance""sessions"}}@media (max-width:767px){.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{flex:0 0 54px;width:54px;height:50px;min-height:50px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:22px;height:22px}.chat-app-shell--zalo .chat-header .chat-header__mobile-back,.chat-app-shell--zalo .chat-header .ui-button--icon{width:34px;min-width:34px;height:34px;min-height:34px}}@media (min-width:1181px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed{grid-template-columns:64px 72px minmax(480px,1fr) minmax(292px,336px)}.chat-app-shell--zalo.chat-app-shell--channel-collapsed.chat-app-shell--detail-closed,.chat-app-shell--zalo.chat-app-shell--channel-collapsed.chat-app-shell--no-detail{grid-template-columns:64px 72px minmax(0,1fr)}}@media (min-width:1181px) and (max-width:1440px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed{grid-template-columns:64px 72px minmax(0,1fr)}}@media (min-width:768px) and (max-width:1180px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed{grid-template-columns:60px 72px minmax(0,1fr)}}@media (min-width:768px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-panel{overflow:hidden}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-panel .panel-heading{justify-content:center;padding-inline:0}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-panel .panel-heading>div:first-child,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .panel-heading__actions>:not(.channel-panel-toggle-wrap){display:none}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .panel-heading__actions{justify-content:center;width:100%}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .notification-dropdown,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-create-form,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-search,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-filter-tabs,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .section-label,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-empty,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab-content>.ui-empty-state,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .list-section>.ui-empty-state{display:none}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:7px 4px 6px;padding:3px}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab{border-radius:8px;justify-content:center;min-height:34px;padding:0;display:flex;position:relative}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab>span{display:none}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab>svg{width:19px;height:19px}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab__count{min-width:16px;height:16px;padding:0 4px;position:absolute;top:-5px;right:-3px}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab-content{flex:auto;padding:0 4px 8px;overflow-y:auto}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .message-sidebar-tab-content .list-section{gap:4px;padding:0}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bot-row{border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:6px;display:flex;position:relative}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row__body,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row__body,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bot-row__body,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bot-row__status,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bot-row__arrow{display:none}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row>.ui-avatar,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row>.channel-hash,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bot-row__avatar{flex:0 0 40px;width:40px;height:40px;margin:0}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row__meta,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row__meta{min-width:0;display:block;position:absolute;inset:3px 3px auto auto}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row__meta time,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row__meta time,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row__meta>.ui-tooltip,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .channel-row__meta>.ui-tooltip{display:none}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .conversation-row__unread-badge{border-width:2px;min-width:18px;height:18px;padding:0 4px;font-size:9px}.chat-app-shell--zalo.chat-app-shell--channel-collapsed .sidebar-bots-section{border-top:1px solid var(--border);margin-top:5px;padding-top:6px!important}}@media (max-width:767px){.chat-app-shell--zalo{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}.chat-app-shell--zalo .channel-panel,.chat-app-shell--zalo .chat-main{grid-area:1/1/auto/-1!important;width:100%!important;max-width:none!important}.chat-app-shell--zalo.chat-app-shell--mobile-list .channel-panel{display:flex!important}.chat-app-shell--zalo.chat-app-shell--mobile-list .chat-main,.chat-app-shell--zalo.chat-app-shell--mobile-chat .channel-panel{display:none!important}.chat-app-shell--zalo.chat-app-shell--mobile-chat .chat-main,.chat-app-shell--zalo.chat-app-shell--mobile-section .chat-main{display:flex!important}.chat-app-shell--zalo.chat-app-shell--mobile-section .channel-panel,.chat-app-shell--zalo .channel-panel-toggle-wrap{display:none!important}}.chat-app-shell--zalo .composer{padding:8px 10px;display:block}.chat-app-shell--zalo .composer-input-group{align-items:center;gap:5px;width:100%;min-width:0;padding:3px 4px 3px 14px;display:flex}.chat-app-shell--zalo .composer-input-group>input{flex:auto;min-width:70px}.chat-app-shell--zalo .composer-inline-actions{flex:none;align-items:center;gap:1px;display:flex}.chat-app-shell--zalo .composer-action-wrap,.chat-app-shell--zalo .composer-more-wrap{display:inline-flex;position:relative}.chat-app-shell--zalo .composer-more-menu{background:var(--surface);border:1px solid var(--border);z-index:70;border-radius:10px;gap:3px;min-width:174px;padding:5px;animation:.12s ease-out chatSearchDrop;display:grid;position:absolute;bottom:calc(100% + 9px);right:0}.chat-app-shell--zalo .composer-more-menu button{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-height:36px;padding:7px 9px;font-size:12.5px;font-weight:650;display:flex}.chat-app-shell--zalo .composer-more-menu button:hover{background:var(--surface-muted)}.chat-app-shell--zalo .composer-more-menu button:disabled{cursor:not-allowed;opacity:.48}.chat-app-shell--zalo .recording-status{margin-bottom:6px}[data-theme=dark] .chat-app-shell--zalo .composer-more-menu{background:#111827;border-color:#334155}.chat-app-shell--zalo .sidebar-search-toggle-wrap{display:none}.chat-app-shell--zalo .message-reaction-control{pointer-events:none;visibility:hidden}.chat-app-shell--zalo .message-row:hover .message-reaction-control,.chat-app-shell--zalo .message-row:focus-within .message-reaction-control{pointer-events:auto;visibility:visible}.chat-app-shell--zalo .message-reaction-control:has(.reaction-add-button[aria-expanded=true]){pointer-events:auto;visibility:visible}@media (max-width:767px){.chat-app-shell--zalo .sidebar-search-toggle-wrap{display:inline-flex}.chat-app-shell--zalo .channel-search{display:none}.chat-app-shell--zalo .channel-search.channel-search--open{margin:8px 10px 6px;display:block}.chat-app-shell--zalo .channel-search .ui-input-shell{min-height:38px}.chat-app-shell--zalo .message-sidebar-tabs{margin-top:6px}.chat-app-shell--zalo .composer{padding:6px 7px}.chat-app-shell--zalo .composer-input-group{grid-area:auto;min-height:42px;padding:3px 3px 3px 11px}.chat-app-shell--zalo .composer-inline-actions{gap:0}.chat-app-shell--zalo .composer .ui-button--icon:not(.composer-submit-icon-button){width:32px;min-width:32px;height:32px;min-height:32px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{flex-basis:34px;width:34px;min-width:34px;height:34px;min-height:34px}.chat-app-shell--zalo .composer-more-menu{position:absolute;bottom:calc(100% + 7px);right:-36px}.chat-app-shell--zalo .message-reaction-control{display:none}.chat-app-shell--zalo .message-toolbar{padding:7px 8px 8px;display:block;position:relative}.chat-app-shell--zalo .message-toolbar__search{gap:6px;padding-right:38px}.chat-app-shell--zalo .message-search-filters{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.chat-app-shell--zalo .message-search-filters>select:nth-child(3){grid-column:1/-1}.chat-app-shell--zalo .message-search-filters label{min-width:0}.chat-app-shell--zalo .message-toolbar>.ui-tooltip{position:absolute;top:8px;right:8px}.chat-app-shell--zalo.chat-app-shell--detail-open .detail-panel{border-radius:12px 0 0 12px;width:auto!important;left:14px!important}.chat-app-shell--zalo .contacts-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid;overflow:visible}.chat-app-shell--zalo .contacts-tabs__item{flex:initial;justify-content:space-between;min-width:0;min-height:38px;padding:7px 8px}.chat-app-shell--zalo .contacts-tabs__item:last-child:nth-child(odd){grid-column:1/-1}.chat-app-shell--zalo .contacts-page,.chat-app-shell--zalo .settings-page{overflow-x:hidden}:is(.chat-app-shell--zalo .workspace-data-table-shell:has(.contacts-data-table),.chat-app-shell--zalo .workspace-data-table-shell:has(.channels-data-table),.chat-app-shell--zalo .workspace-data-table-shell:has(.sessions-data-table)){background:0 0;border:0;overflow:visible}.chat-app-shell--zalo .contacts-data-table,.chat-app-shell--zalo .channels-data-table,.chat-app-shell--zalo .sessions-data-table,.chat-app-shell--zalo .contacts-data-table tbody,.chat-app-shell--zalo .channels-data-table tbody,.chat-app-shell--zalo .sessions-data-table tbody{width:100%;min-width:0;display:block}.chat-app-shell--zalo .contacts-data-table thead,.chat-app-shell--zalo .channels-data-table thead,.chat-app-shell--zalo .sessions-data-table thead{display:none}.chat-app-shell--zalo .contacts-data-table tr,.chat-app-shell--zalo .channels-data-table tr,.chat-app-shell--zalo .sessions-data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:9px;margin-bottom:8px;display:block;overflow:hidden}.chat-app-shell--zalo .contacts-data-table td,.chat-app-shell--zalo .channels-data-table td,.chat-app-shell--zalo .sessions-data-table td{border-bottom:1px solid var(--border);text-align:right;white-space:normal;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px;display:flex}.chat-app-shell--zalo .contacts-data-table td:last-child,.chat-app-shell--zalo .channels-data-table td:last-child,.chat-app-shell--zalo .sessions-data-table td:last-child{border-bottom:0}.chat-app-shell--zalo .contacts-data-table td:before,.chat-app-shell--zalo .channels-data-table td:before,.chat-app-shell--zalo .sessions-data-table td:before{color:var(--text-muted);content:attr(data-label);text-align:left;flex:0 0 82px;font-size:10.5px;font-weight:700}.chat-app-shell--zalo .workspace-data-table__identity{text-align:left;flex:auto;min-width:0}.chat-app-shell--zalo .workspace-data-table__actions{flex-wrap:wrap;flex:auto;justify-content:flex-end;min-width:0}.chat-app-shell--zalo .workspace-data-table__actions .ui-button{white-space:normal}.chat-app-shell--zalo .settings-card,.chat-app-shell--zalo .settings-card input,.chat-app-shell--zalo .settings-card .ui-input-shell{min-width:0;max-width:100%}}.chat-app-shell--zalo .collapsed-channel-list{display:none}@media (min-width:768px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed .collapsed-channel-list{background:var(--zalo-panel);z-index:20;flex-direction:column;min-height:0;padding:7px 4px 9px;display:flex;position:absolute;inset:64px 0 0}.chat-app-shell--zalo .collapsed-channel-list__tabs{background:var(--zalo-soft);border:1px solid var(--zalo-border);border-radius:10px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:7px;padding:3px;display:grid}.chat-app-shell--zalo .collapsed-channel-list__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;height:34px;padding:0;display:flex;position:relative}.chat-app-shell--zalo .collapsed-channel-list__tab--active{background:var(--surface);color:var(--zalo-blue)}.chat-app-shell--zalo .collapsed-channel-list__tab>span{background:var(--zalo-blue);border:2px solid var(--surface);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:8px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-4px}.chat-app-shell--zalo .collapsed-channel-list__items{scrollbar-width:thin;flex:auto;align-content:start;gap:4px;min-height:0;padding:1px 0 8px;display:grid;overflow:hidden auto}.chat-app-shell--zalo .collapsed-channel-list__item{cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:54px;padding:6px;display:flex;position:relative}.chat-app-shell--zalo .collapsed-channel-list__item:hover,.chat-app-shell--zalo .collapsed-channel-list__item--active{background:var(--zalo-hover)}.chat-app-shell--zalo .collapsed-channel-list__item>.ui-avatar,.chat-app-shell--zalo .collapsed-channel-list__item>.channel-hash{flex:0 0 40px;width:40px;height:40px}.chat-app-shell--zalo .collapsed-channel-list__item>.conversation-row__unread-badge{min-width:18px;height:18px;padding:0 4px;font-size:9px;position:absolute;top:2px;right:2px}.chat-app-shell--zalo .collapsed-channel-list__item--bot{border-top:1px solid var(--border);color:var(--zalo-blue);margin-top:3px}}@media (min-width:768px) and (max-width:1180px){.chat-app-shell--zalo.chat-app-shell--channel-collapsed .collapsed-channel-list{top:58px}}.chat-app-shell--zalo .channel-search{margin:10px 12px 9px}.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{border:0;border-bottom:1px solid var(--zalo-border);background:0 0;border-radius:0;gap:0;margin:0 12px 9px;padding:0}.chat-app-shell--zalo .channel-panel .channel-filter-tabs .ui-segmented__item{box-shadow:none;background:0 0;border-radius:0;min-height:32px;padding:0 6px;position:relative}.chat-app-shell--zalo .channel-panel .channel-filter-tabs .ui-segmented__item--active{box-shadow:none;color:var(--zalo-blue);background:0 0}.chat-app-shell--zalo .channel-panel .channel-filter-tabs .ui-segmented__item--active:after{background:var(--zalo-blue);content:"";border-radius:999px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.chat-app-shell--zalo .composer{padding:5px 8px}.chat-app-shell--zalo .composer-input-group{min-height:42px;padding:2px 4px 2px 12px}.chat-app-shell--zalo .composer-input-group>input{height:34px}.chat-app-shell--zalo .composer-desktop-attachment{display:inline-flex}.chat-app-shell--zalo .composer-more-wrap{display:none}.chat-app-shell--zalo .message-row--local{grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.chat-app-shell--zalo .collapsed-channel-list__tabs{grid-template-rows:repeat(2,38px);grid-template-columns:minmax(0,1fr)}.chat-app-shell--zalo .collapsed-channel-list__tab{height:38px}.chat-app-shell--zalo .collapsed-channel-list__tab>span{top:2px;right:5px}}@media (max-width:767px){.chat-app-shell--zalo .channel-search.channel-search--open{margin:8px 10px}.chat-app-shell--zalo .message-sidebar-tabs{margin-top:0}.chat-app-shell--zalo .composer{padding:5px 6px}.chat-app-shell--zalo .composer-input-group{gap:2px;min-height:42px;padding:2px 3px 2px 10px;display:flex;overflow:visible}.chat-app-shell--zalo .composer-input-group>input{flex:76px;width:76px;min-width:76px;height:34px}.chat-app-shell--zalo .composer-inline-actions{flex:none;gap:0;min-width:max-content;display:flex}.chat-app-shell--zalo .composer-inline-actions>.ui-tooltip,.chat-app-shell--zalo .composer-inline-actions>span{flex:none;display:inline-flex}.chat-app-shell--zalo .composer-desktop-attachment{display:none}.chat-app-shell--zalo .composer-more-wrap{display:inline-flex}}.chat-app-shell--zalo .panel-heading--messages{gap:6px;padding:8px}.chat-app-shell--zalo .message-panel-heading__primary{flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.chat-app-shell--zalo .channel-search--heading{flex:auto;min-width:76px;margin:0}.chat-app-shell--zalo .channel-search--heading .ui-input-shell{border-radius:9px;min-height:36px;padding-inline:9px}.chat-app-shell--zalo .channel-search--heading input{min-width:0}.chat-app-shell--zalo .message-heading-tabs{flex:none;align-items:center;gap:2px;display:flex}.chat-app-shell--zalo .message-heading-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.chat-app-shell--zalo .message-heading-tab:hover{background:var(--zalo-hover);color:var(--zalo-blue)}.chat-app-shell--zalo .message-heading-tab--active{color:var(--zalo-blue);background:#e7f1ff}.chat-app-shell--zalo .message-heading-tab .message-sidebar-tab__count{min-width:15px;height:15px;padding:0 3px;font-size:8px;position:absolute;top:-3px;right:-2px}[data-theme=dark] .chat-app-shell--zalo .message-heading-tab--active{color:#60a5fa;background:#17345a}@media (max-width:767px){.chat-app-shell--zalo .panel-heading--messages{min-height:54px;padding:7px 8px}.chat-app-shell--zalo .channel-search--heading{margin:0;display:block}.chat-app-shell--zalo .channel-search--heading .ui-input-shell{min-height:36px}.chat-app-shell--zalo .message-heading-tab{width:34px;height:34px}}@media (min-width:768px){.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{border-radius:9px;width:39px;height:39px;min-height:39px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:26px;height:26px}}@media (max-width:767px){.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{border-radius:9px;flex-basis:48px;width:48px;height:46px;min-height:46px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:25px;height:25px}}.chat-app-shell--zalo .panel-heading--messages{border-bottom:0;gap:3px;min-height:46px;padding:4px 5px}.chat-app-shell--zalo .message-panel-heading__primary{gap:0}.chat-app-shell--zalo .channel-search--heading{min-width:0;margin:0}.chat-app-shell--zalo .channel-search--heading .ui-input-shell,.chat-app-shell--zalo .channel-search--heading .ui-input-shell:focus-within{box-shadow:none;border:0;border-radius:8px;outline:0;min-height:36px;padding-inline:8px}.chat-app-shell--zalo .panel-heading--messages .panel-heading__actions{gap:0}.chat-app-shell--zalo .panel-heading--messages .panel-heading__actions .ui-button--icon{width:34px;min-width:34px;height:34px;min-height:34px}.chat-app-shell--zalo .channel-panel .channel-filter-tabs.ui-segmented{border-bottom:1px solid var(--zalo-border);box-sizing:border-box;width:100%;margin:0}@media (min-width:768px){.chat-app-shell--zalo .composer{padding:0}.chat-app-shell--zalo .composer-input-group,.chat-app-shell--zalo .composer-input-group:focus-within{background:var(--zalo-panel);box-shadow:none;border:0;border-radius:0;outline:0;grid-template-rows:34px 38px;grid-template-columns:minmax(0,1fr) 42px;gap:0;min-height:0;padding:0;display:grid}.chat-app-shell--zalo .composer-inline-actions{border-bottom:1px solid var(--zalo-border);grid-area:1/1/auto/-1;justify-content:flex-start;align-items:center;gap:1px;min-width:0;padding:0 7px;display:flex}.chat-app-shell--zalo .composer .ui-button--icon:not(.composer-submit-icon-button){width:30px;min-width:30px;height:30px;min-height:30px}.chat-app-shell--zalo .composer .ui-button--icon:not(.composer-submit-icon-button)>svg{width:19px;height:19px}.chat-app-shell--zalo .composer-input-group>input{box-shadow:none;background:0 0;border:0;outline:0;grid-area:2/1;width:100%;min-width:0;height:38px;padding:0 12px}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{grid-area:2/2;place-self:center;width:32px;min-width:32px;height:32px;min-height:32px}}@media (max-width:767px){.chat-app-shell--zalo .panel-heading--messages{min-height:46px;padding:4px 5px}.chat-app-shell--zalo .composer-input-group,.chat-app-shell--zalo .composer-input-group:focus-within{box-shadow:none;border:0;outline:0;display:flex}.chat-app-shell--zalo .composer-submit-icon-button.ui-button{flex:0 0 34px}}@media (min-width:768px){.chat-app-shell--zalo .navigation-rail-slot,.chat-app-shell--zalo .navigation-rail-slot>.ui-navigation-rail,.chat-app-shell--zalo .ui-navigation-rail__nav{overflow:visible}.chat-app-shell--zalo .navigation-rail-slot{z-index:140}.chat-app-shell--zalo .ui-navigation-rail__nav>.ui-tooltip{z-index:1;position:relative}.chat-app-shell--zalo .ui-navigation-rail__nav>.ui-tooltip .ui-tooltip__content{pointer-events:none;z-index:2;inset:50% auto auto calc(100% + 4px);transform:translate(-4px)translateY(-50%)}.chat-app-shell--zalo .ui-navigation-rail__nav>.ui-tooltip:hover .ui-tooltip__content,.chat-app-shell--zalo .ui-navigation-rail__nav>.ui-tooltip:focus-within .ui-tooltip__content{transform:translate(0)translateY(-50%)}}.chat-app-shell--zalo .contacts-page .zalo-search-panel>div:last-child{align-self:center;display:block}.chat-app-shell--zalo .channel-panel .panel-heading--messages{box-shadow:none!important;border-bottom:0!important}.chat-app-shell--zalo .ui-navigation-rail__nav{gap:7px}.chat-app-shell--zalo .ui-navigation-rail__item--active.ui-button{color:#fff;background:#ffffff2e!important;box-shadow:inset 0 0 0 1px #ffffff1f!important}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button:hover{color:#fff;box-shadow:none!important;background:#ffffff29!important}@media (min-width:768px){.chat-app-shell--zalo .composer-input-group,.chat-app-shell--zalo .composer-input-group:focus-within{grid-template-rows:32px 44px}.chat-app-shell--zalo .composer-inline-actions{gap:5px;padding:0 8px}.chat-app-shell--zalo .composer-inline-actions .ui-button--icon,.chat-app-shell--zalo .composer-inline-actions .ui-button--icon:focus,.chat-app-shell--zalo .composer-inline-actions .ui-button--icon:focus-visible{border-radius:6px;outline:0;box-shadow:none!important;background:0 0!important;border:0!important}.chat-app-shell--zalo .composer-inline-actions .ui-button--icon:hover{color:var(--zalo-blue);background:#eef4ff!important}.chat-app-shell--zalo .composer-input-group>input{height:44px}}[data-theme=dark] .chat-app-shell--zalo .composer-inline-actions .ui-button--icon:hover{background:#172c49!important}.chat-app-shell--zalo .composer-inline-actions .ui-tooltip,.chat-app-shell--zalo .composer-inline-actions .composer-action-wrap,.chat-app-shell--zalo .composer-inline-actions .composer-desktop-attachment,.chat-app-shell--zalo .composer-inline-actions .composer-more-wrap{color:inherit;background:0 0!important;border:0!important;border-radius:0!important;max-width:none!important;padding:0!important;overflow:visible!important}.chat-app-shell--zalo .message-sidebar-tab-content .list-section.conversations,.chat-app-shell--zalo .message-sidebar-tab-content .list-section.channels-section{padding-top:8px!important}@media (min-width:768px){.chat-app-shell--zalo .composer-input-group,.chat-app-shell--zalo .composer-input-group:focus-within{grid-template-rows:32px 48px}.chat-app-shell--zalo .composer-input-group>input{height:48px;font-size:15px}}@media (min-width:768px) and (max-width:860px){.chat-app-shell--zalo.chat-app-shell--section .channel-panel{display:none}.chat-app-shell--zalo.chat-app-shell--section .chat-main{grid-column:2/-1;display:block}}.chat-app-shell--zalo .message-sidebar-tab-content .list-section.conversations,.chat-app-shell--zalo .message-sidebar-tab-content .list-section.channels-section{box-sizing:border-box;padding-inline:12px!important}.chat-app-shell--zalo .channel-panel .panel-heading--messages .channel-search--heading .ui-input-shell{min-height:36px;padding-inline:7px}.chat-app-shell--zalo .sidebar-context-panel{align-content:start;gap:10px;padding:10px;display:grid}.chat-app-shell--zalo .sidebar-contact-finder{gap:8px;min-width:0;display:grid}.chat-app-shell--zalo .sidebar-contact-finder .ui-input-shell{border-radius:8px;min-height:36px}.chat-app-shell--zalo .sidebar-contact-finder>p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.chat-app-shell--zalo .sidebar-contact-finder__results{gap:5px;max-height:min(52vh,440px);display:grid;overflow-y:auto}.chat-app-shell--zalo .sidebar-contact-finder__results article{border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px;display:grid}.chat-app-shell--zalo .sidebar-contact-finder__results article:hover{background:var(--zalo-hover)}.chat-app-shell--zalo .sidebar-contact-finder__results .ui-avatar{width:30px;height:30px}.chat-app-shell--zalo .sidebar-contact-finder__results article>span{min-width:0}.chat-app-shell--zalo .sidebar-contact-finder__results strong,.chat-app-shell--zalo .sidebar-contact-finder__results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-app-shell--zalo .sidebar-contact-finder__results strong{color:var(--text);font-size:11.5px}.chat-app-shell--zalo .sidebar-contact-finder__results small{color:var(--text-muted);margin-top:2px;font-size:10px}.chat-app-shell--zalo .sidebar-contact-finder__results .ui-button{min-width:0;height:27px;padding-inline:7px;font-size:10px}.chat-app-shell--zalo .composer-inline-actions .ui-tooltip__content{z-index:150;bottom:calc(100% + 8px)}.chat-app-shell--zalo .composer-action-wrap .emoji-picker{left:0;right:auto}.chat-app-shell--zalo .message-actions{gap:3px;padding:4px}.chat-app-shell--zalo .message-actions button{width:30px;height:30px;min-height:30px;padding:0}.chat-app-shell--zalo .message-actions button svg{width:17px;height:17px}.chat-app-shell--zalo .detail-section .pinned-card{background:var(--zalo-soft);border:1px solid var(--zalo-border);border-left:3px solid var(--zalo-blue);box-shadow:none;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px}.chat-app-shell--zalo .detail-section .pinned-card>div{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;display:grid}.chat-app-shell--zalo .detail-section .pinned-card strong{font-size:12.5px;line-height:1.2}.chat-app-shell--zalo .detail-section .pinned-card small{color:var(--zalo-muted);font-size:10.5px;line-height:1.2}.chat-app-shell--zalo .detail-section .pinned-card p{color:var(--zalo-text);grid-column:1/-1;margin:3px 0 0;font-size:12px;line-height:1.35}.chat-app-shell--zalo .detail-section .pinned-card>svg{color:var(--zalo-blue);align-self:start;margin-top:2px}.chat-app-shell--zalo .upload-queue--media{align-items:flex-start;gap:8px;padding:10px 14px 8px}.chat-app-shell--zalo .upload-queue--media .upload-queue__item--image{background:0 0;border:0;border-radius:10px;width:64px;min-width:64px;height:64px;min-height:64px;padding:0;display:block;position:relative;overflow:visible}.chat-app-shell--zalo .upload-queue__item--image .upload-queue__thumb{border:1px solid var(--zalo-border);border-radius:10px;width:64px;height:64px;display:block}.chat-app-shell--zalo .upload-queue__item--image>button{background:var(--surface);border:1px solid var(--zalo-border);box-shadow:none;color:var(--zalo-blue);border-radius:999px;justify-content:center;width:22px;height:22px;min-height:22px;padding:0;position:absolute;top:-7px;right:-7px}.chat-app-shell--zalo .conversation-row__unread-badge{box-sizing:border-box;place-self:end;width:20px;padding:0!important}.chat-app-shell--zalo .conversation-row__unread-badge>span{align-self:center;width:100%;min-width:0;height:100%;transform:none}.chat-app-shell--zalo .channel-panel .panel-heading--messages{gap:0!important}.chat-app-shell--zalo .panel-heading--messages .message-panel-heading__primary{flex:1 1 0}.chat-app-shell--zalo .channel-panel .channel-search--heading{width:100%;margin:0!important}.chat-app-shell--zalo .channel-panel .channel-search--heading .ui-input-shell{width:100%}.chat-app-shell--zalo .composer-wrap{z-index:40}.chat-app-shell--zalo .composer-leading-tooltip{z-index:160;position:relative}.chat-app-shell--zalo .composer-leading-tooltip .ui-tooltip__content{left:0;right:auto}.chat-app-shell--zalo .contacts-toolbar{grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr);align-items:center;gap:10px;min-width:0;display:grid}.chat-app-shell--zalo .contacts-toolbar .contacts-tabs,.chat-app-shell--zalo .contacts-toolbar .zalo-search-panel{min-width:0;margin:0}.chat-app-shell--zalo .contacts-toolbar .zalo-search-panel{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:4px 6px}.chat-app-shell--zalo .contacts-toolbar .zalo-search-panel__icon{width:34px;height:34px}.chat-app-shell--zalo .contacts-toolbar .zalo-search-panel .ui-input-shell{min-height:34px}.chat-app-shell--zalo .channel-panel .panel-heading--messages{padding:5px 8px!important}@media (max-width:900px){.chat-app-shell--zalo .contacts-toolbar{grid-template-columns:minmax(0,1fr)}}.chat-app-shell--zalo .notification-button.ui-button{overflow:visible}.chat-app-shell--zalo .notification-button.ui-button>span{box-sizing:border-box;padding:0;pointer-events:none;text-align:center;z-index:4;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;padding-top:0;line-height:1;display:inline-flex;top:-2px;right:-3px;transform:none}.chat-app-shell--zalo .mobile-feature-menu{display:none;position:relative}@media (max-width:767px){.chat-app-shell--zalo .composer-like-button.ui-button>svg{width:27px;height:27px}.chat-app-shell--zalo .mobile-feature-menu,.chat-app-shell--zalo.chat-app-shell--channel-collapsed .panel-heading__actions>.mobile-feature-menu{display:inline-flex}.chat-app-shell--zalo .mobile-feature-menu__trigger.ui-button{width:34px;min-width:34px;height:34px;min-height:34px}.chat-app-shell--zalo .mobile-feature-menu__popover{background:var(--surface);border:1px solid var(--zalo-border);z-index:240;border-radius:12px;gap:8px;width:min(270px,100vw - 20px);padding:10px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 30px #0f172a29}.chat-app-shell--zalo .mobile-feature-menu__popover>strong{color:var(--zalo-text);padding:1px 4px 3px;font-size:13px}.chat-app-shell--zalo .mobile-feature-menu__popover nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.chat-app-shell--zalo .mobile-feature-menu__item{color:var(--zalo-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:9px;font-size:12.5px;font-weight:600;display:flex}.chat-app-shell--zalo .mobile-feature-menu__item:hover,.chat-app-shell--zalo .mobile-feature-menu__item:focus-visible,.chat-app-shell--zalo .mobile-feature-menu__item--active{background:var(--zalo-hover);color:var(--zalo-blue);outline:0}.chat-app-shell--zalo .contacts-toolbar{flex-direction:column;gap:8px;display:flex}.chat-app-shell--zalo .contacts-toolbar .zalo-search-panel{order:-1;width:100%}.chat-app-shell--zalo .contacts-toolbar .contacts-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.chat-app-shell--zalo .contacts-toolbar .contacts-tabs__item,.chat-app-shell--zalo .contacts-toolbar .contacts-tabs__item:last-child:nth-child(odd){grid-column:auto;justify-content:center;min-width:0;padding-inline:5px}.chat-app-shell--zalo .contacts-data-table tr{grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;width:100%;padding:10px;display:grid;overflow:visible}.chat-app-shell--zalo .contacts-data-table td{text-align:left;border:0;width:auto;min-width:0;padding:0;display:block}.chat-app-shell--zalo .contacts-data-table td:before{content:none;display:none}.chat-app-shell--zalo .contacts-data-table td:first-child,.chat-app-shell--zalo .contacts-data-table td:nth-child(2){grid-column:1/-1}.chat-app-shell--zalo .contacts-data-table td:nth-child(2){color:var(--zalo-muted);padding-left:48px;font-size:11.5px}.chat-app-shell--zalo .contacts-data-table td:nth-child(3){grid-column:1}.chat-app-shell--zalo .contacts-data-table td:nth-child(4){grid-column:2}.chat-app-shell--zalo .contacts-data-table td:nth-child(5){grid-column:1/-1;align-self:center}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions .ui-button{white-space:nowrap;width:auto;min-width:0;padding-inline:9px}.chat-app-shell--zalo .settings-card--sessions,.chat-app-shell--zalo .settings-card--sessions .workspace-data-table-shell,.chat-app-shell--zalo .sessions-data-table,.chat-app-shell--zalo .sessions-data-table tbody,.chat-app-shell--zalo .sessions-data-table tr{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.chat-app-shell--zalo .settings-card>.sessions-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%}.chat-app-shell--zalo .sessions-heading__icon{width:38px;height:38px}.chat-app-shell--zalo .sessions-count{grid-column:2;justify-self:start;max-width:100%}.chat-app-shell--zalo .sessions-logout-all.ui-button{white-space:normal;grid-column:1/-1;justify-self:stretch;width:100%;margin:0}.chat-app-shell--zalo .sessions-data-table td{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.chat-app-shell--zalo .sessions-data-table .session-table__device{flex:auto;width:auto;min-width:0;max-width:calc(100% - 92px)}.chat-app-shell--zalo .sessions-data-table .session-table__device>span:last-child,.chat-app-shell--zalo .sessions-data-table .session-table__device small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-app-shell--zalo .sessions-data-table .workspace-data-table__actions{flex:auto;justify-content:flex-end;min-width:0}.chat-app-shell--zalo .sessions-data-table .workspace-data-table__actions .ui-button{white-space:nowrap;width:auto;min-width:0;padding-inline:10px}}.chat-app-shell--zalo .mobile-section-topbar{display:none}.chat-app-shell--zalo .chat-more-menu__mobile-action{display:none!important}.chat-app-shell--zalo .settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);grid-template-areas:"profile appearance""admin.""desktop desktop""sessions sessions"}.chat-app-shell--zalo .settings-grid:not(:has(.settings-card--admin-link)){grid-template-areas:"profile appearance""desktop desktop""sessions sessions"}.chat-app-shell--zalo .settings-card--profile{grid-area:profile}.chat-app-shell--zalo .settings-card--admin-link{grid-area:admin}.chat-app-shell--zalo .settings-card--appearance{grid-area:appearance}.chat-app-shell--zalo .settings-desktop-grid{grid-area:desktop;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:14px;min-width:0;display:grid}.chat-app-shell--zalo .settings-desktop-grid>.settings-card{align-content:start;min-width:0;height:100%}.chat-app-shell--zalo .settings-desktop-grid>.settings-card--desktop-version,.chat-app-shell--zalo .settings-desktop-grid>.settings-card--notifications{grid-area:auto}.chat-app-shell--zalo .settings-card--sessions{grid-area:sessions}.chat-app-shell--zalo .settings-card--notifications .ui-segmented{max-width:100%}.chat-app-shell--zalo .ticket-summary-strip>.ui-segmented{min-width:0}@media (max-width:1100px){.chat-app-shell--zalo .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"profile profile""appearance admin""desktop desktop""sessions sessions"}.chat-app-shell--zalo .settings-grid:not(:has(.settings-card--admin-link)){grid-template-areas:"profile profile""appearance appearance""desktop desktop""sessions sessions"}.chat-app-shell--zalo .ticket-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-app-shell--zalo .ticket-summary-strip>.ui-segmented{grid-column:1/-1}.chat-app-shell--zalo .ticket-workspace-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.chat-app-shell--zalo .mobile-section-topbar{background:var(--surface);border-bottom:1px solid var(--zalo-border);z-index:45;flex:0 0 52px;justify-content:space-between;align-items:center;min-height:52px;padding:7px 10px 7px 14px;display:flex;position:relative}.chat-app-shell--zalo .mobile-section-topbar>strong{color:var(--zalo-text);font-size:16px}.chat-app-shell--zalo .chat-call-action,.chat-app-shell--zalo .chat-detail-action{display:none}.chat-app-shell--zalo .chat-more-menu__mobile-action{display:flex!important}.chat-app-shell--zalo .chat-title{flex:auto;min-width:0}.chat-app-shell--zalo .chat-actions{min-width:0}.chat-app-shell--zalo .ui-navigation-rail__nav{justify-content:space-around;overflow:hidden}.chat-app-shell--zalo .ui-navigation-rail__tooltip:not(.ui-navigation-rail__tooltip--messages):not(.ui-navigation-rail__tooltip--channels):not(.ui-navigation-rail__tooltip--contacts):not(.ui-navigation-rail__tooltip--tickets):not(.ui-navigation-rail__tooltip--settings){display:none}.chat-app-shell--zalo .ui-navigation-rail__tooltip{flex:1 1 0;min-width:0}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{width:100%;max-width:58px}.chat-app-shell--zalo .contacts-toolbar .contacts-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.chat-app-shell--zalo .contacts-toolbar .contacts-tabs__item{flex:none;width:auto}:is(.chat-app-shell--zalo .settings-grid,.chat-app-shell--zalo .settings-grid:not(:has(.settings-card--admin-link))){grid-template-columns:minmax(0,1fr);grid-template-areas:"profile""appearance""admin""desktop""sessions"}.chat-app-shell--zalo .settings-grid:not(:has(.settings-card--admin-link)){grid-template-areas:"profile""appearance""desktop""sessions"}.chat-app-shell--zalo .settings-desktop-grid{grid-template-columns:minmax(0,1fr)}.chat-app-shell--zalo .settings-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-app-shell--zalo .ticket-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.chat-app-shell--zalo .ticket-summary-strip div{text-align:center;min-width:0}.chat-app-shell--zalo .ticket-summary-strip strong{font-size:1.1rem}.chat-app-shell--zalo .ticket-summary-strip small{font-size:10.5px;line-height:1.25;display:block}.chat-app-shell--zalo .ticket-summary-strip .ui-segmented{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.chat-app-shell--zalo .ticket-create-form,.chat-app-shell--zalo .ticket-detail-panel,.chat-app-shell--zalo .ticket-list-panel{padding:10px}.chat-app-shell--zalo .ticket-create-form{grid-template-columns:minmax(0,1fr)}.chat-app-shell--zalo .ticket-create-form__description{grid-column:auto}.chat-app-shell--zalo .ticket-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px 8px;padding:10px}.chat-app-shell--zalo .ticket-row>span:first-child{grid-row:1/span 2}.chat-app-shell--zalo .ticket-row>span:nth-child(2){grid-column:2/-1}.chat-app-shell--zalo .ticket-row>.ui-badge:nth-child(3){grid-column:2}.chat-app-shell--zalo .ticket-row>.ui-badge:nth-child(4){grid-column:3}.chat-app-shell--zalo .ticket-detail-panel header>div{min-width:0}.chat-app-shell--zalo .ticket-detail-panel header h2,.chat-app-shell--zalo .ticket-detail-panel header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-app-shell--zalo .call-panel{gap:9px;padding:9px 10px}.chat-app-shell--zalo .call-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chat-app-shell--zalo .call-panel__button.ui-button{justify-content:center;min-width:0}.chat-app-shell--zalo .message-system-row{border-radius:12px;grid-template-columns:auto minmax(0,1fr);max-width:calc(100% - 16px)}.chat-app-shell--zalo .message-system-row time{grid-column:2}.chat-app-shell--zalo .message-system-row__body{flex-direction:column;align-items:flex-start;gap:2px}.chat-app-shell--zalo .composer-drop-hint{inset:6px 8px auto}}@media (max-width:390px){.chat-app-shell--zalo .settings-time-row,.chat-app-shell--zalo .ticket-detail-actions{grid-template-columns:minmax(0,1fr)}}.chat-app-shell--zalo{--brand-500:var(--brand-600);--input-bg:var(--surface-muted);--muted:var(--text-muted);--sidebar-active-bg:var(--surface-soft)}@media (min-width:768px) and (max-width:1100px){.chat-app-shell--zalo .settings-card--sessions,.chat-app-shell--zalo .settings-card--sessions .workspace-data-table-shell,.chat-app-shell--zalo .sessions-data-table{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.chat-app-shell--zalo .sessions-data-table,.chat-app-shell--zalo .sessions-data-table tbody{display:block}.chat-app-shell--zalo .sessions-data-table thead{display:none}.chat-app-shell--zalo .sessions-data-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chat-app-shell--zalo .sessions-data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;display:block;overflow:hidden}.chat-app-shell--zalo .sessions-data-table td{border-bottom:1px solid var(--border);text-align:right;white-space:normal;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:7px 9px;display:flex}.chat-app-shell--zalo .sessions-data-table td:last-child{border-bottom:0}.chat-app-shell--zalo .sessions-data-table td:before{color:var(--text-muted);content:attr(data-label);text-align:left;flex:0 0 70px;font-size:10.5px;font-weight:700}.chat-app-shell--zalo .sessions-data-table .session-table__device{text-align:left;flex:auto;min-width:0;max-width:calc(100% - 78px)}.chat-app-shell--zalo .sessions-data-table .workspace-data-table__actions{flex:auto;justify-content:flex-end;min-width:0}.chat-app-shell--zalo .sessions-data-table .workspace-data-table__actions .ui-button{white-space:nowrap;width:auto;min-width:0;padding-inline:8px}}@media (max-width:767px){.chat-app-shell--zalo.chat-app-shell--mobile-section .tickets-page__header{display:none}.chat-app-shell--zalo .mobile-ticket-create-button.ui-button{box-shadow:none;white-space:nowrap;border-radius:8px;gap:5px;height:36px;min-height:36px;padding:0 10px;font-size:12px}.chat-app-shell--zalo .mobile-ticket-create-button.ui-button>svg{width:17px;height:17px}.chat-app-shell--zalo .mobile-feature-menu__popover{overscroll-behavior:contain;max-height:calc(100dvh - 130px);overflow-y:auto}.chat-app-shell--zalo.chat-app-shell--mobile-section .workspace-page__header>div:first-child{display:none}.chat-app-shell--zalo .ticket-detail-actions select{width:100%;min-width:0;max-width:100%}.chat-app-shell--zalo .message-row:focus{outline:0}.chat-app-shell--zalo .message-row .message-actions{opacity:0;pointer-events:none;visibility:hidden;flex-wrap:wrap;max-width:calc(100vw - 32px);display:flex;top:calc(100% + 4px);left:0;right:auto;transform:none}.chat-app-shell--zalo .message-row:hover .message-actions,.chat-app-shell--zalo .message-row:hover .message-actions,.chat-app-shell--zalo .message-row:focus-within .message-actions{opacity:1;pointer-events:auto;visibility:visible;transform:none}.chat-app-shell--zalo .message-row--local .message-actions{left:auto;right:0}.chat-app-shell--zalo .message-row .message-reaction-control{display:none}.chat-app-shell--zalo .message-row:focus-within .message-reaction-control{display:flex}.chat-app-shell--zalo .message-reaction-picker{overscroll-behavior-x:contain;max-width:calc(100vw - 32px);left:auto;right:0;overflow-x:auto}.chat-app-shell--zalo .composer-action-wrap .emoji-picker{max-width:calc(100vw - 24px);left:auto;right:0}}@media (min-width:768px) and (max-width:1180px) and (max-height:640px){.chat-app-shell--zalo .navigation-rail-slot>.ui-navigation-rail{padding-block:8px}.chat-app-shell--zalo .ui-navigation-rail__brand{width:34px;height:34px;margin-bottom:8px}.chat-app-shell--zalo .ui-navigation-rail__nav{gap:2px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{width:38px;height:34px;min-height:34px}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button>svg{width:22px;height:22px}.chat-app-shell--zalo .ui-navigation-rail__profile .ui-avatar{width:32px;height:32px}}@media (min-width:768px) and (max-width:900px){:is(.chat-app-shell--zalo .workspace-data-table-shell:has(.contacts-data-table),.chat-app-shell--zalo .workspace-data-table-shell:has(.channels-data-table)){background:0 0;border:0;overflow:visible}.chat-app-shell--zalo .contacts-data-table,.chat-app-shell--zalo .channels-data-table,.chat-app-shell--zalo .contacts-data-table tbody,.chat-app-shell--zalo .channels-data-table tbody{width:100%;min-width:0;max-width:100%;display:block}.chat-app-shell--zalo .contacts-data-table thead,.chat-app-shell--zalo .channels-data-table thead{display:none}.chat-app-shell--zalo .contacts-data-table tbody,.chat-app-shell--zalo .channels-data-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chat-app-shell--zalo .contacts-data-table tr,.chat-app-shell--zalo .channels-data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;display:block;overflow:hidden}.chat-app-shell--zalo .contacts-data-table td,.chat-app-shell--zalo .channels-data-table td{border-bottom:1px solid var(--border);text-align:right;white-space:normal;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:7px 9px;display:flex}.chat-app-shell--zalo .contacts-data-table td:last-child,.chat-app-shell--zalo .channels-data-table td:last-child{border-bottom:0}.chat-app-shell--zalo .contacts-data-table td:before,.chat-app-shell--zalo .channels-data-table td:before{color:var(--text-muted);content:attr(data-label);text-align:left;flex:0 0 70px;font-size:10.5px;font-weight:700}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__identity,.chat-app-shell--zalo .channels-data-table .workspace-data-table__identity,.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions,.chat-app-shell--zalo .channels-data-table .workspace-data-table__actions{flex:auto;min-width:0}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__identity,.chat-app-shell--zalo .channels-data-table .workspace-data-table__identity{text-align:left}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__description,.chat-app-shell--zalo .channels-data-table .workspace-data-table__description{min-width:0;max-width:none}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions,.chat-app-shell--zalo .channels-data-table .workspace-data-table__actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions .ui-button,.chat-app-shell--zalo .channels-data-table .workspace-data-table__actions .ui-button{white-space:normal;width:auto;min-width:0;padding-inline:8px}}@media (max-width:767px){.chat-app-shell--zalo .ticket-summary-strip .ui-segmented{grid-auto-flow:row}:is(.chat-app-shell--zalo .workspace-data-table-shell:has(.files-data-table),.chat-app-shell--zalo .workspace-data-table-shell:has(.departments-data-table)){background:0 0;border:0;overflow:visible}.chat-app-shell--zalo .files-data-table,.chat-app-shell--zalo .departments-data-table,.chat-app-shell--zalo .files-data-table tbody,.chat-app-shell--zalo .departments-data-table tbody{width:100%;min-width:0;max-width:100%;display:block}.chat-app-shell--zalo .files-data-table thead,.chat-app-shell--zalo .departments-data-table thead{display:none}.chat-app-shell--zalo .files-data-table tbody,.chat-app-shell--zalo .departments-data-table tbody{gap:8px;display:grid}.chat-app-shell--zalo .files-data-table tr,.chat-app-shell--zalo .departments-data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;display:block;overflow:hidden}.chat-app-shell--zalo .files-data-table td,.chat-app-shell--zalo .departments-data-table td{border-bottom:1px solid var(--border);text-align:right;white-space:normal;justify-content:space-between;align-items:center;gap:9px;width:100%;min-width:0;padding:8px 10px;display:flex}.chat-app-shell--zalo .files-data-table td:last-child,.chat-app-shell--zalo .departments-data-table td:last-child{border-bottom:0}.chat-app-shell--zalo .files-data-table td:before,.chat-app-shell--zalo .departments-data-table td:before{color:var(--text-muted);content:attr(data-label);text-align:left;flex:0 0 78px;font-size:10.5px;font-weight:700}.chat-app-shell--zalo .files-data-table .workspace-data-table__identity,.chat-app-shell--zalo .departments-data-table .workspace-data-table__identity,.chat-app-shell--zalo .files-data-table .workspace-data-table__actions,.chat-app-shell--zalo .departments-data-table .workspace-data-table__actions{flex:auto;min-width:0}.chat-app-shell--zalo .files-data-table .workspace-data-table__identity,.chat-app-shell--zalo .departments-data-table .workspace-data-table__identity{text-align:left}.chat-app-shell--zalo .files-data-table .workspace-data-table__description,.chat-app-shell--zalo .departments-data-table .workspace-data-table__description{min-width:0;max-width:none}.chat-app-shell--zalo .files-data-table .workspace-data-table__actions,.chat-app-shell--zalo .departments-data-table .workspace-data-table__actions{justify-content:flex-end}.chat-app-shell--zalo .files-data-table .workspace-data-table__actions .ui-button,.chat-app-shell--zalo .departments-data-table .workspace-data-table__actions .ui-button{white-space:nowrap;width:auto;min-width:0;padding-inline:9px}}.chat-app-shell--zalo.chat-app-shell--section-full .channel-panel{display:none}.chat-app-shell--zalo.chat-app-shell--section-full .chat-main{grid-column:2/-1}.chat-app-shell--zalo .mobile-chat-utilities,.chat-app-shell--zalo .mobile-notification-action,.chat-app-shell--zalo .mobile-notification-layer{display:none}.chat-app-shell--zalo .mobile-section-topbar__actions{align-items:center;gap:4px;display:flex}@media (max-width:767px){.chat-app-shell--zalo .mobile-chat-utilities,.chat-app-shell--zalo .mobile-notification-action{align-items:center;gap:3px;display:inline-flex}.chat-app-shell--zalo .mobile-notification-action .ui-button{width:34px;min-width:34px;height:34px;min-height:34px}.chat-app-shell--zalo .channel-panel>.notification-dropdown{display:none}.chat-app-shell--zalo .mobile-notification-layer{pointer-events:none;z-index:255;display:block;position:fixed;inset:0}.chat-app-shell--zalo .mobile-notification-layer .notification-dropdown{bottom:calc(68px + env(safe-area-inset-bottom));max-height:calc(100dvh - 84px - env(safe-area-inset-bottom));pointer-events:auto;margin:0;top:8px;left:8px;right:8px}}[data-theme=dark] .chat-app-shell--zalo .message-system-row--announcement{color:#fdba74;background:#3b2508;border-color:#7c4a10}[data-theme=dark] .chat-app-shell--zalo .offline-read-banner{color:#bfdbfe;background:#10243f;border-color:#28517f}[data-theme=dark] .chat-app-shell--zalo .offline-read-banner strong{color:#e5edf7}[data-theme=dark] .chat-app-shell--zalo .offline-read-banner button{color:#93c5fd;background:#111827;border-color:#3b82f6}.chat-app-shell--zalo .toast-stack{pointer-events:none;z-index:300;width:min(300px,100vw - 28px);display:block;position:fixed;inset:14px 14px auto auto}.chat-app-shell--zalo .toast-stack .ui-toast{border-radius:10px;justify-content:flex-start;align-items:center;gap:0;width:100%;min-height:0;padding:8px 10px;font-size:12.5px;font-weight:650;line-height:1.35;display:flex;box-shadow:0 8px 24px #0f172a1a}@media (max-width:767px){.chat-app-shell--zalo .toast-stack{bottom:auto;left:auto;right:8px;top:max(8px, env(safe-area-inset-top));width:min(288px,100vw - 16px)}}.chat-app-shell--zalo .upload-queue{flex-wrap:wrap;align-items:flex-start;gap:8px;max-height:220px;padding:8px 12px;display:flex;overflow:hidden auto}.chat-app-shell--zalo .upload-queue__item{box-shadow:none;position:relative}.chat-app-shell--zalo .upload-queue__item--image{background:0 0;border:0;width:76px;min-width:76px;height:76px;min-height:76px;padding:0;display:block;overflow:visible}.chat-app-shell--zalo .upload-queue__preview--image,.chat-app-shell--zalo .upload-queue__item--image .upload-queue__thumb{object-fit:cover;border-radius:9px;width:76px;height:76px;display:block;overflow:hidden}.chat-app-shell--zalo .upload-queue__item--image .upload-queue__thumb{border:1px solid var(--zalo-border)}.chat-app-shell--zalo .upload-queue__item--file{grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;width:142px;min-height:0;padding:7px;display:grid}.chat-app-shell--zalo .upload-queue__file-preview{background:#eef4ff;border-radius:8px;align-content:center;justify-items:center;width:100%;height:64px;display:grid;position:relative}.chat-app-shell--zalo .upload-queue__file-extension,.chat-app-shell--zalo .attachment-file-card__extension{background:var(--surface);border:1px solid var(--zalo-border);color:var(--zalo-blue);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:4px;max-width:54px;margin:0;padding:3px 4px;font-size:8.5px;font-weight:800;line-height:1;position:absolute;bottom:5px;right:5px;overflow:hidden}.chat-app-shell--zalo .upload-queue__details{min-width:0}.chat-app-shell--zalo .upload-queue__name,.chat-app-shell--zalo .upload-queue__meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-app-shell--zalo .upload-queue__name{color:var(--zalo-text);font-size:11.5px;line-height:1.3}.chat-app-shell--zalo .upload-queue__meta{color:var(--zalo-muted);margin-top:2px;font-size:10px;line-height:1.25}.chat-app-shell--zalo .upload-queue__progress{background:linear-gradient(90deg, var(--zalo-blue), #60a5fa, var(--zalo-blue));background-size:200% 100%;border-radius:999px;height:2px;margin-top:5px;display:block}.chat-app-shell--zalo .upload-queue__item .upload-queue__remove{background:var(--surface);border:1px solid var(--zalo-border);color:var(--zalo-blue);z-index:2;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;display:inline-flex;position:absolute;top:-6px;right:-6px}.chat-app-shell--zalo .upload-queue__item--file .upload-queue__remove{top:4px;right:4px}.chat-app-shell--zalo .upload-queue__retry{justify-content:center;width:100%;min-height:27px}.chat-app-shell--zalo .upload-queue__item--audio{grid-template-columns:minmax(220px,320px) minmax(110px,1fr) auto auto;width:min(100%,560px)}.chat-app-shell--zalo .attachment-list{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.chat-app-shell--zalo .attachment-card{box-shadow:none;margin:0}.chat-app-shell--zalo .attachment-file-card{background:var(--surface);border:1px solid var(--zalo-border);color:var(--zalo-text);text-align:left;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:6px;width:142px;min-height:0;padding:7px;display:grid}.chat-app-shell--zalo .attachment-file-card:hover{background:#f8fbff;border-color:#b9d4ff}.chat-app-shell--zalo .attachment-file-card__preview{color:var(--zalo-blue);background:#eef4ff;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:68px;display:flex;position:relative}.chat-app-shell--zalo .attachment-file-card__content{gap:2px;min-width:0;display:grid}.chat-app-shell--zalo .attachment-file-card__name,.chat-app-shell--zalo .attachment-file-card__meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-app-shell--zalo .attachment-file-card__name{color:var(--zalo-text);font-size:11.5px;line-height:1.3}.chat-app-shell--zalo .attachment-file-card__meta{color:var(--zalo-muted);font-size:10px;font-weight:500;line-height:1.25}.chat-app-shell--zalo .attachment-media-card{text-align:left;background:0 0;border:0;gap:4px;max-width:min(320px,100%);padding:0;display:grid}.chat-app-shell--zalo .attachment-media-card__preview{background:var(--surface-muted);border:1px solid var(--zalo-border);border-radius:10px;display:block;overflow:hidden}.chat-app-shell--zalo .attachment-media-card__preview img,.chat-app-shell--zalo .attachment-media-card__preview video{object-fit:cover;max-width:100%;height:auto;max-height:360px;display:block}.chat-app-shell--zalo .attachment-media-card__caption{color:var(--zalo-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0 2px;font-size:10.5px;font-weight:550;line-height:1.3;display:block;overflow:hidden}.chat-app-shell--zalo .message-row--media-only .attachment-image>.attachment-media-card__caption{display:block}.chat-app-shell--zalo .message-row{contain:none;content-visibility:visible;isolation:isolate;z-index:0;position:relative;overflow:visible}.chat-app-shell--zalo .message-row__stack,.chat-app-shell--zalo .message-row__content{overflow:visible}.chat-app-shell--zalo .message-row:hover,.chat-app-shell--zalo .message-row:focus-within{z-index:40}.chat-app-shell--zalo .message-actions{opacity:0;pointer-events:none;visibility:hidden;z-index:50;align-items:center}.chat-app-shell--zalo .message-reaction-picker{z-index:60}@media (min-width:768px){.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{max-width:min(520px,100% - 184px)}.chat-app-shell--zalo .message-actions{flex-wrap:nowrap;display:inline-flex;top:50%;left:calc(100% + 8px);right:auto;transform:translateY(-50%)}.chat-app-shell--zalo .message-row--local .message-actions{left:auto;right:calc(100% + 8px)}.chat-app-shell--zalo .message-row:focus-within .message-actions{opacity:1;pointer-events:auto;visibility:visible}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.chat-app-shell--zalo .message-row:hover .message-actions{opacity:1;pointer-events:auto;visibility:visible}}@media (max-width:767px){.chat-app-shell--zalo .upload-queue{max-height:34dvh;padding:8px}.chat-app-shell--zalo .upload-queue__item--audio{grid-template-columns:minmax(0,1fr) auto;width:100%}.chat-app-shell--zalo .upload-queue__item--audio .upload-queue__details{display:none}.chat-app-shell--zalo .attachment-file-card{width:132px}.chat-app-shell--zalo .message-timeline{padding-bottom:56px}.chat-app-shell--zalo .message-row .message-actions{scrollbar-width:none;flex-wrap:nowrap;max-width:calc(100vw - 32px);display:flex;top:calc(100% + 6px);left:0;right:auto;overflow-x:auto;transform:none}.chat-app-shell--zalo .message-row .message-actions::-webkit-scrollbar{display:none}.chat-app-shell--zalo .message-row--local .message-actions{left:auto;right:0}.chat-app-shell--zalo .message-row:focus-within .message-actions{opacity:1;pointer-events:auto;visibility:visible}.chat-app-shell--zalo .message-row:focus-within .message-row__meta{margin-top:44px}.chat-app-shell--zalo .message-actions .ui-tooltip__content{display:none}}[data-theme=dark] .chat-app-shell--zalo .upload-queue__file-preview,[data-theme=dark] .chat-app-shell--zalo .attachment-file-card__preview{background:#16243a}[data-theme=dark] .chat-app-shell--zalo .attachment-file-card:hover{background:#152033;border-color:#315582}.chat-app-shell--zalo .message-actions,.chat-app-shell--zalo .message-row--media-only .message-actions{box-shadow:none;background:0 0;border:0;gap:4px;padding:0}.chat-app-shell--zalo .message-actions--open{opacity:1;pointer-events:auto;visibility:visible;z-index:70}.chat-app-shell--zalo .message-actions .message-actions__trigger{background:var(--surface);border:1px solid var(--zalo-border);color:var(--zalo-muted);border-radius:999px}.chat-app-shell--zalo .message-actions--open .message-actions__trigger,.chat-app-shell--zalo .message-actions .message-actions__trigger:hover{color:var(--zalo-blue);background:#eef4ff;border-color:#b9d4ff}.chat-app-shell--zalo .message-actions__menu{background:var(--surface);border:1px solid var(--zalo-border);white-space:nowrap;z-index:72;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:0 8px 22px #0f172a1a}.chat-app-shell--zalo .message-actions__menu>.ui-tooltip{display:inline-flex}@media (min-width:768px){.chat-app-shell--zalo .message-row__content,.chat-app-shell--zalo .message-row--local .message-row__content{max-width:min(520px,100% - 214px)}}@media (max-width:767px){.chat-app-shell--zalo .message-row .message-actions{align-items:center;overflow:visible}.chat-app-shell--zalo .message-actions__menu{overscroll-behavior-x:contain;scrollbar-width:none;max-width:calc(100vw - 76px);overflow-x:auto}.chat-app-shell--zalo .message-actions__menu::-webkit-scrollbar{display:none}}[data-theme=dark] .chat-app-shell--zalo .message-actions,[data-theme=dark] .chat-app-shell--zalo .message-row--media-only .message-actions{background:0 0;border-color:#0000}[data-theme=dark] .chat-app-shell--zalo .message-actions .message-actions__trigger,[data-theme=dark] .chat-app-shell--zalo .message-actions__menu{background:#152033;border-color:#334155}[data-theme=dark] .chat-app-shell--zalo .message-actions--open .message-actions__trigger,[data-theme=dark] .chat-app-shell--zalo .message-actions .message-actions__trigger:hover{color:#93c5fd;background:#162b49;border-color:#315582}@media (max-width:767px){.chat-app-shell--zalo .contacts-data-table td:nth-child(5),.chat-app-shell--zalo .contacts-data-table td:last-child{grid-column:1/-1;place-self:center stretch;width:100%;overflow:visible}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;width:100%;min-width:0}.chat-app-shell--zalo .contacts-data-table .workspace-data-table__actions .ui-button{flex:0 auto;max-width:100%}.chat-app-shell--zalo .ui-navigation-rail__nav>.ui-tooltip{flex:1 1 0;min-width:0}.chat-app-shell--zalo .ui-navigation-rail__item.ui-button{flex:auto;min-width:0}.chat-app-shell--zalo .composer-input-group,.chat-app-shell--zalo .composer-input-group:focus-within,.chat-app-shell--zalo .composer-input-group>input{outline:0;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.chat-app-shell--zalo .mobile-section-topbar__actions .notification-button.ui-button,.chat-app-shell--zalo .mobile-section-topbar__actions .mobile-feature-menu__trigger.ui-button{color:var(--zalo-muted);background:0 0;border:0;border-radius:8px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.chat-app-shell--zalo .mobile-section-topbar__actions .notification-button.ui-button>svg,.chat-app-shell--zalo .mobile-section-topbar__actions .mobile-feature-menu__trigger.ui-button>svg{width:23px;min-width:23px;height:23px;min-height:23px;display:block}.chat-app-shell--zalo .mobile-section-topbar__actions .notification-button.ui-button:hover,.chat-app-shell--zalo .mobile-section-topbar__actions .notification-button--active.ui-button,.chat-app-shell--zalo .mobile-section-topbar__actions .mobile-feature-menu__trigger.ui-button:hover,.chat-app-shell--zalo .mobile-section-topbar__actions .mobile-feature-menu__trigger.ui-button[aria-expanded=true]{background:var(--zalo-hover);color:var(--zalo-blue)}.chat-app-shell--zalo .message-timeline{padding-bottom:12px;scroll-padding-bottom:56px}.chat-app-shell--zalo .chat-call-action{display:inline-flex}}.chat-app-shell--zalo .attachment-file-card,.chat-app-shell--zalo .attachment-file-card:hover{box-shadow:none;color:var(--zalo-blue);background:0 0;border:0 #0000;border-radius:0;gap:3px;width:96px;padding:0}.chat-app-shell--zalo .attachment-file-card__preview{color:var(--zalo-blue);background:0 0;border:0;border-radius:0;justify-self:center;width:56px;height:48px}.chat-app-shell--zalo .attachment-file-card__content{justify-items:center;width:100%}.chat-app-shell--zalo .attachment-file-card__name{color:var(--zalo-text);text-align:center;width:100%}.chat-app-shell--zalo .message-row--file-only .message-row__content,.chat-app-shell--zalo .message-row--file-only.message-row--local .message-row__content{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}.chat-app-shell--zalo .message-row--file-only .attachment-list{margin:0}[data-theme=dark] .chat-app-shell--zalo .attachment-file-card,[data-theme=dark] .chat-app-shell--zalo .attachment-file-card:hover,[data-theme=dark] .chat-app-shell--zalo .attachment-file-card__preview{background:0 0;border-color:#0000}