@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-5{height:calc(var(--spacing)*5)}.h-full{height:100%}.w-\[64px\]{width:64px}.w-\[380px\]{width:380px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-\[var\(--app-bg\)\]:hover{background-color:var(--app-bg)}.hover\:bg-\[var\(--input-bg\)\]:hover{background-color:var(--input-bg)}}.disabled\:opacity-50:disabled{opacity:.5}}:root{color-scheme:light;--bg:#f6f6f1;--panel:#fff;--ink:#1e0b45;--ink-2:#625a76;--line:#e4e1ea;--hover:#1e0b450d;--accent:#611baf;--accent-hover:#4e1592;--accent-ink:#fff;--accent-tint:#f1eafb;--badge:#cfa2fa;--badge-ink:#1e0b45;--online:#16a34a;--danger:#b42318;--bubble-other:#fff;--pop:0 8px 24px #1e0b451f;--r-tail:4px;--r-ctl:6px;--r-modal:10px;--r-bubble:14px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:24px}:root[data-theme=dark]{color-scheme:dark;--bg:#130a24;--panel:#1c1231;--ink:#eee9f7;--ink-2:#a69cbd;--line:#322749;--hover:#eee9f70f;--accent:#bc93f9;--accent-hover:#ccaefb;--accent-ink:#1e0b45;--accent-tint:#bc93f926;--badge:#cfa2fa;--badge-ink:#1e0b45;--online:#34d399;--danger:#f97066;--bubble-other:#2a1e42;--pop:0 8px 24px #00000080}html,body,#root{height:100%}body{font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-md);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--ink-2)}input::placeholder,textarea::placeholder,.muted{color:var(--ink-2)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.avatar{background:var(--accent-tint);width:40px;height:40px;color:var(--accent);font-size:var(--fs-md);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;position:relative}.avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.avatar.small{width:28px;height:28px;font-size:var(--fs-xs)}.avatar.xl{width:64px;height:64px;font-size:var(--fs-xl)}.avatar.hero{width:88px;height:88px;font-size:32px}.online-dot{background:var(--online);border:2px solid var(--panel);border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.primary-action,.secondary-action{border-radius:var(--r-ctl);width:100%;min-height:40px;font-size:var(--fs-md);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.primary-action{background:var(--accent);color:var(--accent-ink)}.primary-action:hover:not(:disabled){background:var(--accent-hover)}.primary-action.compact{width:auto;min-height:36px;font-size:var(--fs-sm)}.secondary-action{border:1px solid var(--line);background:var(--panel)}.secondary-action:hover{background:var(--hover)}.icon-button,.icon-actions button{border-radius:var(--r-ctl);width:36px;height:36px;color:var(--ink-2);place-items:center;font-size:18px;display:inline-grid}.icon-button:hover,.icon-actions button:hover{background:var(--hover);color:var(--ink)}.icon-actions{gap:2px;display:flex}.field{gap:6px;display:grid}.field>span{font-size:var(--fs-sm);font-weight:500}.field-control{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);height:42px;color:var(--ink-2);align-items:center;gap:10px;padding:0 12px;display:flex}.field-control:focus-within{border-color:var(--accent)}.field-control input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-box{border-radius:var(--r-ctl);background:var(--hover);height:34px;color:var(--ink-2);font-size:var(--fs-sm);align-items:center;gap:8px;padding:0 10px;display:flex}.search-box:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.notice{border-left:3px solid var(--accent);background:var(--accent-tint);font-size:var(--fs-sm);margin-top:16px;padding:10px 12px}.empty-state{color:var(--ink-2);font-size:var(--fs-sm);justify-items:start;gap:4px;padding:24px 16px;display:grid}.empty-state svg{display:none}.empty-state strong{color:var(--ink);font-size:var(--fs-md);font-weight:600}.empty-state.wide{text-align:center;place-self:center;justify-items:center;max-width:320px}.auth-frame{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.loading-card{align-items:center;gap:12px;display:flex}.loading-title{font-weight:600}.brand-row{align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand-mark{-o-object-fit:contain;object-fit:contain;flex:none;width:36px;height:36px;display:block}.brand-name{font-size:var(--fs-lg);font-weight:600}.auth-layout{width:100%;max-width:380px}.auth-card h2{font-size:var(--fs-xl);margin:0 0 4px;font-weight:600;line-height:1.25}.auth-card>p{font-size:var(--fs-sm);margin:0 0 20px}.auth-tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px;display:flex}.auth-tabs button{color:var(--ink-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-weight:500}.auth-tabs button.is-active{border-bottom-color:var(--accent);color:var(--ink)}.auth-form{gap:14px;display:grid}.auth-options{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-options label,.auth-check{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.auth-options input,.auth-check input{accent-color:var(--accent)}.auth-options button,.back-link{color:var(--accent);font-size:var(--fs-sm);font-weight:500}.back-link{margin-bottom:16px}.auth-options button:hover,.back-link:hover{text-decoration:underline}.divider{color:var(--ink-2);font-size:var(--fs-xs);align-items:center;gap:12px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.google-slot{justify-content:center;min-height:44px;display:flex}.app-frame{height:100dvh;overflow:hidden}.app-shell{height:100%;position:relative}.app-toast{z-index:60;border-radius:var(--r-ctl);background:var(--ink);max-width:min(360px,100vw - 32px);color:var(--panel);font-size:var(--fs-sm);box-shadow:var(--pop);padding:10px 14px;position:fixed;bottom:16px;right:16px}.app-toast.is-error{background:var(--danger);color:#fff}.zalo-layout{grid-template-columns:64px 320px minmax(0,1fr);height:100%;display:grid;position:relative}.zalo-layout.has-info{grid-template-columns:64px 320px minmax(0,1fr) 300px}.zalo-nav-rail{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;align-items:center;gap:16px;padding:14px 0;display:flex}.rail-logo{-o-object-fit:contain;object-fit:contain;flex:none;width:32px;height:32px;margin-bottom:4px;display:block}.zalo-account-anchor,.zalo-system-anchor{position:relative}.zalo-user-avatar{border-radius:50%}.zalo-nav-stack{gap:4px;display:grid}.zalo-nav-stack.is-bottom{margin-top:auto}.zalo-nav-stack>button,.zalo-system-anchor>button{border-radius:var(--r-ctl);width:44px;height:44px;color:var(--ink-2);place-items:center;font-size:20px;display:grid}.zalo-nav-stack>button:hover,.zalo-system-anchor>button:hover{background:var(--hover);color:var(--ink)}.zalo-nav-stack>button.is-active{background:var(--accent-tint);color:var(--accent)}.zalo-account-menu,.zalo-system-menu{z-index:40;border:1px solid var(--line);border-radius:var(--r-modal);background:var(--panel);min-width:240px;box-shadow:var(--pop);padding:6px;display:grid;position:absolute;left:calc(100% + 10px)}.zalo-account-menu{top:0}.zalo-system-menu{bottom:0}.zalo-account-menu strong{border-bottom:1px solid var(--line);font-size:var(--fs-md);margin-bottom:4px;padding:8px 10px 10px;font-weight:600}.zalo-account-menu button,.zalo-system-menu button,.zalo-language-submenu button{border-radius:var(--r-ctl);width:100%;font-size:var(--fs-sm);text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.zalo-account-menu button{justify-content:space-between}.zalo-system-menu button>span{flex:1}.zalo-account-menu button svg,.zalo-system-menu button svg{color:var(--ink-2);flex:none}.zalo-account-menu button:hover,.zalo-system-menu button:hover,.zalo-language-submenu button:hover{background:var(--hover)}.zalo-system-menu button.is-danger,.zalo-system-menu button.is-danger svg{color:var(--danger)}.zalo-language-submenu{border-left:1px solid var(--line);margin:0 0 4px 30px;padding-left:6px;display:grid}.zalo-language-submenu button svg{color:var(--accent);margin-left:auto}.home-view{border-right:1px solid var(--line);background:var(--panel);min-width:0;min-height:0}.side-panel{flex-direction:column;height:100%;min-height:0;display:flex}.zalo-list-header{grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:4px;padding:14px 12px 8px;display:grid}.zalo-list-header>button{border-radius:var(--r-ctl);width:34px;height:34px;color:var(--ink-2);place-items:center;font-size:18px;display:grid}.zalo-list-header>button:hover{background:var(--hover);color:var(--ink)}.zalo-list-tabs{border-bottom:1px solid var(--line);gap:18px;padding:0 16px;display:flex}.zalo-list-tabs button{color:var(--ink-2);font-size:var(--fs-sm);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-weight:500}.zalo-list-tabs button.is-active{border-bottom-color:var(--accent);color:var(--ink)}.conversation-list{flex:1;min-height:0;overflow-y:auto}.conversation-item{text-align:left;width:100%;box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.conversation-item:hover{background:var(--hover)}.conversation-item.is-active{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent),inset 0 -1px 0 var(--line)}.conversation-main{flex:1;gap:1px;min-width:0;display:grid}.conversation-topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-topline strong{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.conversation-topline small{color:var(--ink-2);font-size:var(--fs-xs);flex:none}.conversation-preview{color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-dot{background:var(--badge);border-radius:50%;flex:none;width:9px;height:9px}.new-chat-panel{flex-direction:column;gap:12px;min-height:0;padding:0 12px 12px;display:flex;overflow-y:auto}.new-chat-header{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:56px;margin:0 -12px;padding:0 12px 0 8px;display:flex}.new-chat-header button{border-radius:var(--r-ctl);width:34px;height:34px;color:var(--ink-2);place-items:center;font-size:18px;display:grid}.new-chat-header button:hover{background:var(--hover);color:var(--ink)}.new-chat-header strong{font-size:var(--fs-md);font-weight:600}.new-chat-panel .empty-state{padding:8px 0}.home-view:not(.is-list-only){grid-template-columns:320px minmax(0,1fr);display:grid}.home-view:not(.is-list-only) .side-panel{border-right:1px solid var(--line);gap:12px;padding:14px 12px 0}.home-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-chip{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.profile-chip .avatar.xl{width:40px;height:40px;font-size:var(--fs-md)}.profile-chip strong,.profile-chip small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile-chip small{color:var(--ink-2);font-size:var(--fs-xs)}.compose-panel{flex-direction:column;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.compose-panel h2{font-size:var(--fs-lg);margin:0;font-weight:600}.people-search,.group-row{gap:8px;display:flex}.people-search .search-box{flex:1;height:36px}.group-composer{border-left:3px solid var(--accent);background:var(--accent-tint);gap:8px;padding:12px;display:grid}.group-composer>div:first-child{font-size:var(--fs-sm);display:grid}.group-composer>div:first-child span{color:var(--ink-2);font-size:var(--fs-xs)}.group-row input{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);flex:1;min-width:0;height:36px;padding:0 10px}.people-results{display:grid}.person-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.person-main{flex:1;min-width:0;display:grid}.person-main small{color:var(--ink-2);font-size:var(--fs-xs)}.person-row button{border-radius:var(--r-ctl);width:34px;height:34px;color:var(--ink-2);place-items:center;display:grid}.person-row button:hover{background:var(--hover);color:var(--ink)}.person-row button.is-selected{background:var(--accent);color:var(--accent-ink)}.zalo-chat-area{background:var(--bg);min-width:0;min-height:0}.chat-view{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;display:grid;position:relative}.chat-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 20px;display:flex}.chat-title{align-items:center;gap:12px;min-width:0;display:flex}.chat-title strong,.chat-title small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chat-title strong{font-size:var(--fs-md);font-weight:600}.chat-title small{color:var(--ink-2);font-size:var(--fs-xs)}.mobile-back{display:none}.message-list{flex-direction:column;gap:6px;padding:20px 24px;display:flex;overflow-y:auto}.message-row{align-items:flex-end;gap:8px;max-width:100%;display:flex}.message-row.is-mine{justify-content:flex-end}.message-bubble{border-radius:var(--r-bubble);overflow-wrap:anywhere;max-width:min(560px,72%);padding:8px 12px 6px}.message-bubble.mine{border-bottom-right-radius:var(--r-tail);background:var(--accent);color:var(--accent-ink)}.message-bubble.other{border:1px solid var(--line);border-bottom-left-radius:var(--r-tail);background:var(--bubble-other)}.message-bubble p{white-space:pre-wrap;margin:0}.message-bubble>span,.message-bubble em{font-size:var(--fs-xs);opacity:.72;margin-top:2px;font-style:normal;display:block}.message-bubble.mine>span,.message-bubble.mine em{text-align:right}.sender-name{color:var(--accent);font-size:var(--fs-xs);margin-bottom:2px;font-weight:600;display:block}.jump-button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--ink);box-shadow:var(--pop);border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;bottom:76px;right:20px}.message-composer{border-top:1px solid var(--line);background:var(--panel);align-items:flex-end;gap:4px;padding:10px 12px;display:flex}.message-composer>button{border-radius:var(--r-ctl);width:38px;height:38px;color:var(--ink-2);flex:none;place-items:center;font-size:19px;display:grid}.message-composer>button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.message-composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:38px;max-height:140px;padding:8px 4px;line-height:1.45}.message-composer .send-button{color:var(--accent)}.message-composer .send-button:not(:disabled):hover{background:var(--accent);color:var(--accent-ink)}.zalo-info-panel{border-left:1px solid var(--line);background:var(--panel);min-height:0;overflow-y:auto}.zalo-info-header{border-bottom:1px solid var(--line);min-height:60px;font-size:var(--fs-md);align-items:center;padding:0 16px;display:flex}.zalo-info-header strong{font-weight:600}.zalo-info-profile{text-align:center;justify-items:center;gap:4px;padding:20px 16px 16px;display:grid}.zalo-info-profile>strong{font-size:var(--fs-lg);margin-top:6px;font-weight:600}.zalo-info-profile>small{color:var(--ink-2);font-size:var(--fs-sm)}.zalo-avatar-stack{display:flex}.zalo-avatar-stack .avatar.small{border:2px solid var(--panel);width:40px;height:40px;font-size:var(--fs-sm);margin-left:-10px}.zalo-avatar-stack .avatar.small:first-child{margin-left:0}.zalo-info-actions{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:0 8px 14px;display:grid}.zalo-info-actions button{border-radius:var(--r-ctl);color:var(--ink-2);font-size:var(--fs-xs);justify-items:center;gap:6px;padding:8px 2px;line-height:1.3;display:grid}.zalo-info-actions button svg{color:var(--ink);font-size:18px}.zalo-info-actions button:hover{background:var(--hover)}.zalo-info-section{border-bottom:1px solid var(--line);padding:12px 16px}.zalo-section-title{width:100%;font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.zalo-section-title strong{font-weight:600}.zalo-section-title svg{color:var(--ink-2)}.zalo-info-section p{color:var(--ink-2);font-size:var(--fs-sm);align-items:center;gap:8px;margin:8px 0 0;display:flex}.zalo-media-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;display:grid}.zalo-media-grid a{aspect-ratio:1;border-radius:var(--r-ctl);background:var(--hover);display:block;overflow:hidden}.zalo-media-grid img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.zalo-see-all{border-radius:var(--r-ctl);background:var(--hover);width:100%;font-size:var(--fs-sm);margin-top:8px;padding:6px;font-weight:500}.zalo-modal-backdrop{z-index:50;background:#130a248c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.zalo-account-modal,.zalo-settings-modal{border-radius:var(--r-modal);background:var(--panel);width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--pop);overflow:hidden auto}.zalo-account-modal{max-width:400px}.zalo-account-modal-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:52px;padding:0 8px 0 16px;display:flex}.zalo-account-modal-header strong{flex:1;font-weight:600}.zalo-account-modal-header button,.zalo-settings-close{border-radius:var(--r-ctl);width:36px;height:36px;color:var(--ink-2);place-items:center;font-size:18px;display:grid}.zalo-account-modal-header button:hover,.zalo-settings-close:hover{background:var(--hover);color:var(--ink)}.zalo-account-identity{align-items:center;gap:14px;padding:20px 16px 16px;display:flex}.zalo-account-identity>strong{font-size:var(--fs-lg);align-items:center;gap:6px;font-weight:600;display:flex}.zalo-account-identity>strong button{border-radius:var(--r-ctl);width:28px;height:28px;color:var(--ink-2);place-items:center;font-size:15px;display:grid}.zalo-account-identity>strong button:hover{background:var(--hover)}.zalo-avatar-camera{border:2px solid var(--panel);background:var(--ink);width:26px;height:26px;color:var(--panel);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:-2px;right:-2px}.zalo-account-info{padding:0 16px 16px}.zalo-account-info h3{font-size:var(--fs-sm);margin:0 0 4px;font-weight:600}.zalo-account-info dl{margin:0}.zalo-account-info dl>div{border-bottom:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.zalo-account-info dt{color:var(--ink-2)}.zalo-account-info dd{overflow-wrap:anywhere;margin:0}.zalo-account-modal-footer{border-top:1px solid var(--line);padding:12px 16px}.zalo-account-modal-footer button{border:1px solid var(--line);border-radius:var(--r-ctl);justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;font-weight:500;display:flex}.zalo-account-modal-footer button:hover{background:var(--hover)}.zalo-avatar-editor{gap:12px;padding:16px;display:grid}.zalo-avatar-editor h3{font-size:var(--fs-sm);margin:4px 0 0;font-weight:600}.zalo-hidden-input{display:none}.zalo-upload-avatar{border-radius:var(--r-ctl);background:var(--accent-tint);min-height:40px;color:var(--accent);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.zalo-avatar-choice-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.zalo-avatar-choice-grid button{aspect-ratio:1;border:2px solid #0000;border-radius:50%;padding:2px}.zalo-avatar-choice-grid button.is-current,.zalo-avatar-choice-grid button:hover{border-color:var(--accent)}.zalo-avatar-choice-grid img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.zalo-avatar-notice{color:var(--danger);font-size:var(--fs-sm);margin:0}.zalo-settings-modal{grid-template-columns:240px minmax(0,1fr);max-width:820px;height:min(600px,100dvh - 32px);display:grid;overflow:hidden}.zalo-settings-sidebar{border-right:1px solid var(--line);padding:16px 8px;overflow-y:auto}.zalo-settings-sidebar h2{font-size:var(--fs-lg);margin:0 8px 12px;font-weight:600}.zalo-settings-nav{gap:2px;display:grid}.zalo-settings-nav button{border-radius:var(--r-ctl);color:var(--ink-2);font-size:var(--fs-sm);text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.zalo-settings-nav button:hover{background:var(--hover);color:var(--ink)}.zalo-settings-nav button.is-active{background:var(--accent-tint);color:var(--accent);font-weight:500}.zalo-settings-content{background:var(--bg);padding:16px 24px 24px;position:relative;overflow-y:auto}.zalo-settings-close{position:absolute;top:10px;right:10px}.zalo-settings-section{border-bottom:1px solid var(--line);padding:8px 0 16px}.zalo-settings-section:last-child{border-bottom:0}.zalo-settings-section h3{font-size:var(--fs-md);margin:8px 0 6px;font-weight:600}.zalo-radio-row,.zalo-select-row,.zalo-toggle-row{min-height:44px;font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:16px;display:flex}.zalo-radio-row strong{font-weight:400}.zalo-radio-row>button{border:2px solid var(--line);border-radius:50%;flex:none;width:18px;height:18px}.zalo-radio-row>button.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--panel);background:var(--accent)}.zalo-select-row select{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);height:34px;padding:0 8px}.zalo-settings-switch{background:var(--line);border-radius:10px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.zalo-settings-switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.zalo-settings-switch.is-on{background:var(--accent)}.zalo-settings-switch.is-on span{transform:translate(16px)}.zalo-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}.zalo-theme-options>button{border:1px solid var(--line);border-radius:var(--r-ctl);font-size:var(--fs-sm);text-align:left;gap:8px;padding:6px;display:grid}.zalo-theme-options>button.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.zalo-theme-options>button>span:last-child{align-items:center;gap:6px;display:flex}.zalo-theme-options>button>span:last-child i{border:2px solid var(--line);border-radius:50%;width:12px;height:12px}.zalo-theme-options>button.is-selected>span:last-child i{border-color:var(--accent);background:var(--accent)}.zalo-theme-preview{border-radius:4px;height:64px;display:block;position:relative;overflow:hidden}.zalo-theme-preview i,.zalo-theme-preview b{border-radius:5px;height:10px;position:absolute}.zalo-theme-preview i{width:50%;top:14px;left:10px}.zalo-theme-preview b{background:#611baf;width:40%;bottom:14px;right:10px}.zalo-theme-preview.is-light{background:#f6f6f1}.zalo-theme-preview.is-light i{background:#e4e1ea}.zalo-theme-preview.is-dark{background:#130a24}.zalo-theme-preview.is-dark i{background:#322749}.zalo-theme-preview.is-dark b{background:#bc93f9}.zalo-theme-preview.is-system{background:linear-gradient(90deg,#f6f6f1 50%,#130a24 50%)}.zalo-theme-preview.is-system i{background:#e4e1ea}.profile-view{background:var(--bg);height:100%;overflow-y:auto}.subpage-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;min-height:56px;padding:0 12px;display:flex}.subpage-header strong{font-weight:600}.profile-card{max-width:560px;margin:0 auto;padding:32px 16px}.profile-content h2{font-size:var(--fs-xl);margin:14px 0 0;font-weight:600;line-height:1.25}.profile-content>p{color:var(--ink-2);margin:2px 0 24px}.info-card{border-top:1px solid var(--line)}.info-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;display:flex}.info-row>span{color:var(--ink-2);font-size:18px}.info-row small{color:var(--ink-2);font-size:var(--fs-xs);display:block}.zalo-nav-stack>button{position:relative}.nav-badge,.unread-badge{background:var(--badge);min-width:18px;height:18px;color:var(--badge-ink);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.nav-badge{border:2px solid var(--panel);position:absolute;top:4px;right:2px}.conversation-bottomline{align-items:center;gap:6px;min-width:0;display:flex}.conversation-bottomline .conversation-preview{flex:1;min-width:0}.conversation-item.has-unread .conversation-topline strong{font-weight:600}.conversation-item.has-unread .conversation-preview{color:var(--ink);font-weight:500}.muted-icon{color:var(--ink-2);flex:none;font-size:13px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);font-size:var(--fs-xs);border-radius:999px;padding:2px 8px}.chip:hover{border-color:var(--danger);color:var(--danger)}.inline-edit{align-items:center;gap:4px;min-width:0;display:flex}.inline-edit input{border:1px solid var(--accent);border-radius:var(--r-ctl);background:var(--panel);outline:0;flex:1;min-width:0;height:34px;padding:0 10px}.inline-edit button{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--ink-2);place-items:center;display:grid}.inline-edit button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.inline-edit button[type=submit]{color:var(--accent)}.account-notice{padding:0 16px 8px}.settings-hint{color:var(--ink-2);font-size:var(--fs-sm);margin:4px 0 0}.settings-form{gap:12px;max-width:360px;margin-top:8px;display:grid}.settings-form .primary-action{justify-self:start}.form-notice{color:var(--accent);font-size:var(--fs-sm);margin:0}.form-notice.is-error{color:var(--danger)}.chat-view.is-empty{grid-template-rows:minmax(0,1fr);place-items:center}.chat-title small.is-typing{color:var(--accent)}.history-marker{color:var(--ink-2);font-size:var(--fs-xs);align-self:center;margin-bottom:6px}.day-divider{color:var(--ink-2);font-size:var(--fs-xs);align-items:center;gap:12px;margin:10px 0 4px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.day-divider span:first-letter{text-transform:uppercase}.system-message{max-width:80%;color:var(--ink-2);font-size:var(--fs-xs);text-align:center;align-self:center;margin:4px 0}.avatar-spacer{flex:none;width:28px}.message-row{position:relative}.message-row.is-highlighted .message-bubble{box-shadow:0 0 0 2px var(--badge)}.message-bubble a{color:inherit;text-underline-offset:2px;text-decoration:underline}.message-bubble.is-revoked{border:1px dashed var(--line);color:var(--ink-2);background:0 0;font-style:italic}.message-bubble.mine.is-revoked>span{color:var(--ink-2)}.message-bubble.has-attachment{padding:4px 4px 6px}.message-bubble.has-attachment>p,.message-bubble.has-attachment>span,.message-bubble.has-attachment>.sender-name,.message-bubble.has-attachment>em{padding:0 8px}.message-image{border-radius:10px;width:-moz-fit-content;width:fit-content;display:block;overflow:hidden;text-decoration:none!important}.message-image img{width:auto;max-width:min(320px,62vw);height:auto;max-height:320px;display:block}.message-file{background:var(--hover);border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:8px 10px;display:flex;text-decoration:none!important}.message-bubble.mine .message-file{background:#ffffff29}.message-file>svg{flex:none;font-size:20px}.message-file span{flex:1;min-width:0;display:grid}.message-file strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.message-file small{font-size:var(--fs-xs);opacity:.75}.message-actions{align-self:center;position:relative}.message-row.is-mine .message-actions{order:-1}.message-more{width:28px;height:28px;color:var(--ink-2);opacity:0;border-radius:50%;place-items:center;display:grid}.message-row:hover .message-more,.message-more:focus-visible,.message-more[aria-expanded=true]{opacity:1}.message-more:hover{background:var(--hover);color:var(--ink)}@media(hover:none){.message-more{opacity:.6}}.message-menu{z-index:20;border:1px solid var(--line);border-radius:var(--r-modal);background:var(--panel);min-width:170px;box-shadow:var(--pop);padding:4px;display:grid;position:absolute;bottom:calc(100% + 4px)}.message-row.is-mine .message-menu{left:0}.message-row.is-other .message-menu{right:0}.message-menu button{border-radius:var(--r-ctl);font-size:var(--fs-sm);text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.message-menu button svg{color:var(--ink-2)}.message-menu button:hover{background:var(--hover)}.message-menu button.is-danger,.message-menu button.is-danger svg{color:var(--danger)}.voice-player{align-items:center;gap:8px;width:min(260px,62vw);padding:4px 6px 2px;display:flex}.voice-toggle{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.message-bubble.mine .voice-toggle{background:var(--accent-ink);color:var(--accent)}.voice-toggle svg{margin-left:1px}.voice-player.is-playing .voice-toggle svg{margin-left:0}.voice-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,currentColor var(--progress),currentColor var(--progress));border-radius:2px;flex:1;min-width:0;height:4px;margin:0}@supports (color:color-mix(in lab,red,red)){.voice-progress{background:linear-gradient(to right,currentColor var(--progress),color-mix(in srgb,currentColor 25%,transparent)var(--progress))}}.voice-progress{cursor:pointer}.voice-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:currentColor;border-radius:50%;width:12px;height:12px}.voice-progress::-moz-range-thumb{background:currentColor;border:0;border-radius:50%;width:12px;height:12px}.voice-progress:disabled{cursor:default}.voice-time{min-width:34px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:right;flex:none}.message-composer.voice-recording{align-items:center;gap:10px}.voice-dot{background:var(--ink-2);border-radius:50%;flex:none;width:10px;height:10px}.voice-dot.is-live{background:var(--danger);animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.voice-dot.is-live{animation:none}}.voice-elapsed{font-variant-numeric:tabular-nums;flex:1;min-width:0;font-weight:500}.voice-elapsed small{color:var(--ink-2);font-weight:400}.message-composer .voice-cancel:hover:not(:disabled){color:var(--danger)}.message-composer .voice-start{color:var(--ink-2)}.chat-search{z-index:15;border-bottom:1px solid var(--line);background:var(--panel);position:relative}.chat-search form{align-items:center;gap:6px;padding:8px 12px;display:flex}.chat-search .search-box{flex:1;height:36px}.chat-search-results{border-top:1px solid var(--line);max-height:280px;margin:0;padding:0 0 6px;list-style:none;overflow-y:auto}.chat-search-results button{text-align:left;gap:1px;width:100%;padding:8px 16px;display:grid}.chat-search-results button:hover{background:var(--hover)}.chat-search-results strong{font-size:var(--fs-xs);font-weight:600}.chat-search-results span{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-search-results small{color:var(--ink-2);font-size:var(--fs-xs)}.composer-wrap{border-top:1px solid var(--line);background:var(--panel)}.composer-wrap .message-composer{border-top:0}.composer-banner{border-left:3px solid var(--accent);background:var(--accent-tint);font-size:var(--fs-sm);align-items:center;gap:10px;padding:6px 12px;display:flex}.composer-banner>svg{color:var(--accent);flex:none}.composer-banner span{flex:1;min-width:0;display:grid}.composer-banner small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.emoji-anchor{display:flex;position:relative}.emoji-anchor>button{border-radius:var(--r-ctl);width:38px;height:38px;color:var(--ink-2);place-items:center;font-size:19px;display:grid}.emoji-anchor>button:hover{background:var(--hover);color:var(--ink)}.emoji-picker{z-index:25;border:1px solid var(--line);border-radius:var(--r-modal);background:var(--panel);width:300px;max-height:300px;box-shadow:var(--pop);padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.emoji-picker h4{color:var(--ink-2);font-size:var(--fs-xs);margin:4px 4px 2px;font-weight:500}.emoji-grid{grid-template-columns:repeat(8,1fr);display:grid}.emoji-grid button{aspect-ratio:1;border-radius:var(--r-ctl);place-items:center;font-size:20px;display:grid}.emoji-grid button:hover{background:var(--hover)}.zalo-info-header{justify-content:space-between}.info-title{font-size:var(--fs-lg);align-items:center;gap:4px;margin-top:6px;font-weight:600;display:inline-flex}.info-title button{border-radius:var(--r-ctl);width:26px;height:26px;color:var(--ink-2);place-items:center;font-size:14px;display:grid}.info-title button:hover{background:var(--hover)}.zalo-info-profile .inline-edit{width:100%;margin-top:6px}.zalo-info-actions button.is-danger,.zalo-info-actions button.is-danger svg{color:var(--danger)}.info-muted{color:var(--ink-2);font-size:var(--fs-sm);margin:8px 0 0}.info-padded{padding:16px}.member-list,.info-list{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.member-list li{align-items:center;gap:10px;padding:4px 0;display:flex}.member-list li>span:not(.avatar){flex:1;min-width:0;display:grid}.member-list strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.member-list small{color:var(--accent);font-size:var(--fs-xs)}.member-list .icon-button{width:30px;height:30px;font-size:16px}.info-list a{border-radius:var(--r-ctl);align-items:center;gap:10px;padding:6px 4px;text-decoration:none;display:flex}.info-list a:hover{background:var(--hover)}.info-list svg{color:var(--ink-2);flex:none}.info-list span{min-width:0;display:grid}.info-list strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.info-list small{color:var(--ink-2);font-size:var(--fs-xs)}.add-members-modal{flex-direction:column;max-height:min(600px,100dvh - 32px);display:flex}.add-members-body{flex-direction:column;gap:12px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.zalo-account-modal-footer .primary-action{border:0}@media(max-width:1180px){.zalo-layout,.zalo-layout.has-info{grid-template-columns:64px 300px minmax(0,1fr)}.zalo-info-panel{z-index:30;width:min(320px,100%);box-shadow:var(--pop);position:absolute;top:0;bottom:0;right:0}}@media(max-width:820px){.zalo-layout,.zalo-layout.has-info{grid-template-columns:56px minmax(0,1fr)}.zalo-chat-area,.zalo-shell.is-chat-open .home-view{display:none}.zalo-shell.is-chat-open .zalo-chat-area{display:block}.mobile-back{display:inline-grid}.chat-header{padding-left:8px}.message-list{padding:16px 12px}.message-bubble{max-width:84%}.zalo-settings-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.zalo-settings-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:12px 8px 8px}.zalo-settings-nav{display:flex;overflow-x:auto}.zalo-settings-nav button{flex:none}.home-view:not(.is-list-only){grid-template-columns:1fr}.compose-panel{display:none}}@media(max-width:560px){.zalo-layout,.zalo-layout.has-info{grid-template-columns:52px minmax(0,1fr)}.zalo-nav-stack>button,.zalo-system-anchor>button{width:40px;height:40px}.zalo-account-menu,.zalo-system-menu{min-width:220px}.conversation-item{padding:10px 12px}.chat-header{gap:4px;padding-right:4px}.chat-header .icon-actions button{width:32px}.message-composer{padding:8px 6px}.zalo-theme-options{grid-template-columns:1fr 1fr}.zalo-account-info dl>div{grid-template-columns:1fr;gap:2px}}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}