[data-mod=mail]{--glass-blur:24px;--glass-blur-deep:32px;--glass-saturate:190%;--glass-brightness:1.08;--glass-radius:20px;--glass-radius-sm:14px;--glass-radius-sheet:28px;--glass-radius-pill:999px;--glass-background:rgb(255 255 255/0.38);--glass-background-strong:rgb(255 255 255/0.82);--glass-background-hover:rgb(255 255 255/0.7);--glass-background-active:rgb(219 231 247/0.78);--glass-border:rgb(15 23 42/0.16);--glass-border-strong:rgb(15 23 42/0.24);--glass-highlight:rgb(255 255 255/0.95);--lg-nav-label:#1f2937;--glass-brightness:1.16;--glass-shadow:0 10px 32px rgb(15 23 42/0.16),0 2px 8px rgb(15 23 42/0.1);--glass-shadow-lift:0 20px 52px rgb(15 23 42/0.2),0 4px 14px rgb(15 23 42/0.12);--glass-scrim:rgb(15 23 42/0.28);--glass-fallback:var(--color-surface-nav,var(--color-surface-1,#1b1e22));--glass-fallback-strong:var(--color-surface-dialog,var(--color-surface-1,#24282d));--glass-ease:cubic-bezier(0.32,0.72,0,1);--glass-duration:260ms;--glass-duration-fast:160ms;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lg-nav-height:62px;--lg-nav-gap:10px;--lg-nav-space:calc(var(--lg-nav-height) + var(--lg-nav-gap) * 2 + var(--safe-bottom));--lg-header-height:52px;--lg-app-vh:100dvh}[data-mod=mail][data-appearance=light]{--glass-background:rgb(255 255 255/0.38);--glass-background-strong:rgb(255 255 255/0.82);--glass-background-hover:rgb(255 255 255/0.7);--glass-background-active:rgb(219 231 247/0.78);--glass-border:rgb(15 23 42/0.16);--glass-border-strong:rgb(15 23 42/0.24);--glass-highlight:rgb(255 255 255/0.95);--lg-nav-label:#1f2937;--glass-brightness:1.16;--glass-shadow:0 10px 32px rgb(15 23 42/0.16),0 2px 8px rgb(15 23 42/0.1);--glass-shadow-lift:0 20px 52px rgb(15 23 42/0.2),0 4px 14px rgb(15 23 42/0.12);--glass-scrim:rgb(15 23 42/0.28)}[data-mod=mail][data-appearance=navy]{--glass-background:rgb(16 27 46/0.62);--glass-background-strong:rgb(12 22 39/0.78);--glass-background-hover:rgb(44 64 96/0.55);--glass-background-active:rgb(58 84 126/0.64);--glass-border:rgb(148 190 255/0.22);--glass-border-strong:rgb(148 190 255/0.32);--glass-highlight:rgb(190 220 255/0.34);--glass-brightness:0.57;--glass-shadow:0 8px 28px rgb(2 8 20/0.55),0 2px 8px rgb(2 8 20/0.4);--glass-shadow-lift:0 16px 44px rgb(2 8 20/0.62),0 4px 12px rgb(2 8 20/0.42);--glass-scrim:rgb(2 8 20/0.55)}[data-mod=mail]{--lg-surface:var(--surface,var(--color-surface-1,#ffffff));--lg-surface-2:var(--hover-bg,var(--color-surface-2,#f3f5f7));--lg-border:var(--stroke,var(--color-panel-border,rgb(15 23 42/0.1)));--lg-border-strong:var(--stroke-strong,var(--color-border-strong,rgb(15 23 42/0.2)));--lg-text-1:var(--fg,var(--color-text-primary,#16191d));--lg-text-2:var(--fg-secondary,var(--color-text-secondary,#4a525b));--lg-text-3:var(--fg-tertiary,var(--color-text-tertiary,#767e88));--lg-accent:var(--brand-fill,var(--brand,#0f6cbd));--lg-accent-text:var(--accent,#0078d4);--lg-accent-light:var(--accent,#479ef5);--lg-on-accent:#ffffff;--lg-danger:var(--danger,#c50f1f);--lg-shadow-rest:0 1px 2px rgb(0 0 0/0.1);--lg-shadow-raise:0 4px 14px rgb(0 0 0/0.16);--glass-fallback:var(--surface,#ffffff);--glass-fallback-strong:var(--surface,#ffffff)}@media (max-width:767.98px){:where([data-mod=mail]) .lg-glass{background-color:var(--glass-fallback);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);isolation:isolate}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:where([data-mod=mail]) .lg-glass{background-color:var(--glass-background);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness))}:where([data-mod=mail]) .lg-glass--deep{background-color:var(--glass-background-strong);-webkit-backdrop-filter:blur(var(--glass-blur-deep)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur-deep)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness))}}:where([data-mod=mail]) .lg-glass--deep{background-color:var(--glass-fallback-strong);box-shadow:var(--glass-shadow-lift)}:where([data-mod=mail]) .lg-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(to bottom,var(--glass-highlight) 0,transparent 42%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2}:where([data-mod=mail]) .lg-glass{position:relative}:where([data-mod=mail]) .lg-nav{box-shadow:0 8px 24px rgb(15 23 42/.11),0 2px 6px rgb(15 23 42/.07);position:fixed;left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:calc(var(--lg-nav-gap) + var(--safe-bottom));z-index:40;display:flex;align-items:stretch;min-height:var(--lg-nav-height);padding:5px;border-radius:var(--glass-radius-pill);max-width:560px;margin-inline:auto;transition:transform var(--glass-duration) var(--glass-ease),opacity var(--glass-duration) var(--glass-ease);will-change:transform}:where([data-mod=mail]) .lg-nav--tucked{transform:translateY(calc(var(--lg-nav-height) * .28)) scale(.96);opacity:.94}:where([data-mod=mail]) .lg-nav[data-keyboard=open]{transform:translateY(calc(100% + var(--safe-bottom) + var(--lg-nav-gap) + 8px));pointer-events:none}:where([data-mod=mail]) .lg-nav__item{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border-radius:var(--glass-radius-pill);color:var(--lg-nav-label,var(--lg-text-2));text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--glass-duration-fast) var(--glass-ease),background-color var(--glass-duration-fast) var(--glass-ease),transform var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-nav__item:active{transform:scale(.94)}:where([data-mod=mail]) .lg-nav__item[aria-current=page],:where([data-mod=mail]) .lg-nav__item[data-active=true]{color:var(--lg-accent-text);background-color:var(--glass-background-active)}:where([data-mod=mail]) .lg-nav__label{font-size:10.5px;font-weight:600;line-height:1.1;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lg-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:var(--lg-header-height);padding-top:calc(6px + var(--safe-top));padding-bottom:6px;padding-left:max(14px,var(--safe-left));padding-right:max(14px,var(--safe-right));border-radius:0;border-width:0 0 1px;box-shadow:none}:where([data-mod=mail]) .lg-header[data-scrolled=true]{box-shadow:0 1px 0 var(--glass-border),0 6px 18px rgb(0 0 0/.08)}[data-mod=mail]:not([data-appearance]) .lg-header[data-scrolled=true],[data-mod=mail][data-appearance=dark] .lg-header[data-scrolled=true]{box-shadow:0 1px 0 var(--glass-border),0 6px 18px rgb(0 0 0/.34)}:where([data-mod=mail]) .lg-header__title{flex:1 1 auto;min-width:0;font-size:17px;font-weight:650;line-height:1.25;color:var(--lg-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lg-sheet-scrim{position:fixed;inset:0;z-index:50;background-color:var(--glass-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mail-lg-fade-in var(--glass-duration-fast) var(--glass-ease) both}:where([data-mod=mail]) .lg-sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;display:flex;flex-direction:column;max-height:88dvh;border-radius:var(--glass-radius-sheet) var(--glass-radius-sheet) 0 0;border-width:1px 1px 0;padding-bottom:var(--safe-bottom);animation:mail-lg-sheet-in var(--glass-duration) var(--glass-ease) both;touch-action:pan-y}:where([data-mod=mail]) .lg-sheet--full{top:0;max-height:100dvh;height:100dvh;border-radius:0;border-width:0;padding-top:var(--safe-top);animation-name:mail-lg-sheet-in-full}:where([data-mod=mail]) .lg-sheet--dragging{animation:none;transition:none}:where([data-mod=mail]) .lg-sheet__grip{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:22px;cursor:grab}:where([data-mod=mail]) .lg-sheet__grip:after{content:"";width:38px;height:5px;border-radius:999px;background-color:var(--glass-border-strong)}:where([data-mod=mail]) .lg-sheet__head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:2px 18px 12px}:where([data-mod=mail]) .lg-sheet__title{flex:1 1 auto;min-width:0;font-size:18px;font-weight:650;color:var(--lg-text-1)}:where([data-mod=mail]) .lg-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px calc(16px + var(--safe-bottom))}:where([data-mod=mail]) .lg-sheet__actions{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(12px + var(--safe-bottom) + var(--lg-kb, 0px));border-top:1px solid var(--glass-border);transition:padding-bottom var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-card{position:relative;display:block;border-radius:var(--glass-radius);border:1px solid var(--lg-border);background-color:var(--lg-surface);box-shadow:var(--lg-shadow-rest);-webkit-tap-highlight-color:transparent;transition:transform var(--glass-duration-fast) var(--glass-ease),box-shadow var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-card--tap:active{transform:scale(.975);box-shadow:var(--lg-shadow-raise)}:where([data-mod=mail]) .lg-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:11px 14px;border-radius:var(--glass-radius-sm);background-color:var(--lg-surface);border:1px solid var(--lg-border);text-align:start;-webkit-tap-highlight-color:transparent;transition:transform var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-row:active{transform:scale(.985)}:where([data-mod=mail]) .lg-row__text{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .lg-row__title{font-size:15px;font-weight:600;line-height:1.35;color:var(--lg-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lg-row__meta{margin-top:2px;font-size:13px;line-height:1.35;color:var(--lg-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lg-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where([data-mod=mail]) .lg-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:var(--glass-radius-pill);font-size:14px;font-weight:600;white-space:nowrap;color:var(--lg-text-2);-webkit-tap-highlight-color:transparent;transition:transform var(--glass-duration-fast) var(--glass-ease),background-color var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-pill:active{transform:scale(.95)}:where([data-mod=mail]) .lg-pill:disabled,:where([data-mod=mail]) .lg-pill[aria-disabled=true]{opacity:.45;pointer-events:none}:where([data-mod=mail]) .lg-scroller{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px;margin-inline:-16px;padding-inline:16px;padding-block:2px}:where([data-mod=mail]) .lg-scroller::-webkit-scrollbar{display:none}:where([data-mod=mail]) .lg-scroller--flush{margin-inline:0;padding-inline:0;scroll-padding-inline:0}:where([data-mod=mail]) .lg-scroller>*{scroll-snap-align:start;flex:0 0 auto}:where([data-mod=mail]) .lg-segmented{display:flex;gap:3px;padding:3px;border-radius:var(--glass-radius-pill)}:where([data-mod=mail]) .lg-segmented__item{flex:1 1 0;min-width:0;min-height:36px;padding:0 12px;border-radius:var(--glass-radius-pill);font-size:14px;font-weight:600;color:var(--lg-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;transition:background-color var(--glass-duration-fast) var(--glass-ease),color var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-segmented__item[aria-selected=true],:where([data-mod=mail]) .lg-segmented__item[data-active=true]{background-color:var(--glass-background-active);color:var(--lg-text-1);box-shadow:var(--lg-shadow-rest)}:where([data-mod=mail]) .lg-search{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 14px;border-radius:var(--glass-radius-pill)}:where([data-mod=mail]) .lg-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font-size:16px;color:var(--lg-text-1)}:where([data-mod=mail]) .lg-fab{position:fixed;right:max(16px,var(--safe-right));bottom:calc(var(--lg-nav-space) + 8px);z-index:39;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--glass-radius-pill);color:var(--lg-on-accent);background-color:var(--lg-accent);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lift);-webkit-tap-highlight-color:transparent;transition:transform var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-fab:active{transform:scale(.92)}:where([data-mod=mail]) .lg-dock{position:fixed;left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:calc(var(--lg-nav-gap) + var(--safe-bottom));z-index:41;display:flex;align-items:center;justify-content:center;gap:8px;max-width:480px;margin-inline:auto;padding:8px;border-radius:var(--glass-radius-pill)}:where([data-mod=mail]) .lg-dock__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--glass-radius-pill);color:var(--lg-text-1);background-color:var(--glass-background-hover);-webkit-tap-highlight-color:transparent;transition:transform var(--glass-duration-fast) var(--glass-ease)}:where([data-mod=mail]) .lg-dock__btn:active{transform:scale(.9)}:where([data-mod=mail]) .lg-dock__btn[data-tone=danger]{background-color:var(--lg-danger);color:#fff}:where([data-mod=mail]) .lg-dock__btn[data-tone=off]{background-color:var(--lg-danger);color:#fff}:where([data-mod=mail]) .lg-page{padding-inline:16px;padding-bottom:calc(var(--lg-nav-space) + 16px)}:where([data-mod=mail]) .lg-stack>*+*{margin-top:12px}:where([data-mod=mail]) .lg-section+.lg-section{margin-top:26px}:where([data-mod=mail]) .lg-section__label{margin-bottom:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-text-2)}:where([data-mod=mail]) .lg-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:var(--glass-radius-sm)}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .lg-card,:where([data-mod=mail]) .lg-dock__btn,:where([data-mod=mail]) .lg-fab,:where([data-mod=mail]) .lg-nav,:where([data-mod=mail]) .lg-nav__item,:where([data-mod=mail]) .lg-pill,:where([data-mod=mail]) .lg-row,:where([data-mod=mail]) .lg-segmented__item,:where([data-mod=mail]) .lg-sheet,:where([data-mod=mail]) .lg-sheet-scrim{animation:none!important;transition:none!important}:where([data-mod=mail]) .lg-nav--tucked{transform:none}:where([data-mod=mail]) .lg-card--tap:active,:where([data-mod=mail]) .lg-dock__btn:active,:where([data-mod=mail]) .lg-fab:active,:where([data-mod=mail]) .lg-nav__item:active,:where([data-mod=mail]) .lg-pill:active,:where([data-mod=mail]) .lg-row:active{transform:none}}@media (prefers-reduced-transparency:reduce){:where([data-mod=mail]) .lg-glass{background-color:var(--glass-fallback)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:where([data-mod=mail]) .lg-glass--deep{background-color:var(--glass-fallback-strong)!important}:where([data-mod=mail]) .lg-sheet-scrim{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (forced-colors:active){:where([data-mod=mail]) .lg-card,:where([data-mod=mail]) .lg-glass,:where([data-mod=mail]) .lg-row{background-color:Canvas!important;border-color:CanvasText!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}}@keyframes mail-lg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mail-lg-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mail-lg-sheet-in-full{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){:where([data-mod=mail]) .lg-dock,:where([data-mod=mail]) .lg-fab,:where([data-mod=mail]) .lg-nav{display:none}}@media (max-width:767.98px){[data-mod=mail]{overflow-x:clip;overscroll-behavior-y:none}@media (hover:none){:where([data-mod=mail]) .lg-card:hover,:where([data-mod=mail]) .lg-pill:hover,:where([data-mod=mail]) .lg-row:hover{background-color:inherit}}}@container mail (max-width: 963.98px){:where([data-mod=mail]) .shell{overflow-x:clip;overscroll-behavior-y:none}}[data-mod=mail][data-theme=dark]{--glass-background:rgb(28 32 37/0.62);--glass-background-strong:rgb(24 28 33/0.78);--glass-background-hover:rgb(64 70 79/0.55);--glass-background-active:rgb(86 94 105/0.62);--glass-border:rgb(255 255 255/0.16);--glass-border-strong:rgb(255 255 255/0.24);--glass-highlight:rgb(255 255 255/0.3);--glass-brightness:0.55;--glass-shadow:0 10px 34px rgb(0 0 0/0.5),0 2px 8px rgb(0 0 0/0.34);--glass-shadow-lift:0 16px 44px rgb(0 0 0/0.5),0 4px 12px rgb(0 0 0/0.34);--glass-scrim:rgb(0 0 0/0.46)}[data-mod=mail]{--brand:#0f6cbd;--brand-hover:#115ea3;--brand-pressed:#0c3b5e;--accent:#0078d4;--sel-bg:#ebf3fc;--hover-bg:#f5f5f5;--stroke:#edebe9;--stroke-strong:#d1d1d1;--bg:#faf9f8;--surface:#ffffff;--fg:#242424;--fg-secondary:#616161;--fg-tertiary:#8a8886;--danger:#c50f1f;--folder-w:var(--kh-folder-w,208px);--list-w:var(--kh-list-w,340px);--header-h:48px;container:mail/inline-size;--font:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif}[data-mod=mail][data-theme=dark]{color-scheme:dark;--brand:#4aa3f5;--brand-hover:#1b74c4;--brand-pressed:#145a97;--brand-fill:#1565b0;--accent:#38bdf8;--accent-fill:#2f6fd0;--sel-bg:#17324f;--hover-bg:#202b3b;--stroke:#2b3648;--stroke-strong:#3d4a5e;--bg:#0e1725;--surface:#182131;--fg:#eaf2fa;--fg-secondary:#a9bacb;--fg-tertiary:#8496a8;--danger:#f87171}[data-mod=mail][data-theme=dark] .cal-day.today .cal-num,[data-mod=mail][data-theme=dark] .newmail,[data-mod=mail][data-theme=dark] .send{background:var(--brand-fill)}[data-mod=mail][data-theme=dark] .send:disabled{background:#2f3a4a;color:var(--fg-tertiary)}[data-mod=mail][data-theme=dark] .bub.me .bub-body,[data-mod=mail][data-theme=dark] .cite-ref,[data-mod=mail][data-theme=dark] .mai-msg.user,[data-mod=mail][data-theme=dark] .src-n{background:var(--accent-fill)}[data-mod=mail][data-theme=dark] .ai-hero,[data-mod=mail][data-theme=dark] .bub-ico,[data-mod=mail][data-theme=dark] .mai-ico{background:linear-gradient(135deg,#7c5cff,var(--accent-fill))}[data-mod=mail][data-theme=dark] .att:hover,[data-mod=mail][data-theme=dark] .btn-chu:hover,[data-mod=mail][data-theme=dark] .fgroup-add:hover,[data-mod=mail][data-theme=dark] .fitem-act:hover,[data-mod=mail][data-theme=dark] .fitem:hover,[data-mod=mail][data-theme=dark] .icon-btn:hover,[data-mod=mail][data-theme=dark] .rail-btn:hover{background:var(--hover-bg)}[data-mod=mail][data-theme=dark] .cal-ev,[data-mod=mail][data-theme=dark] .fitem.on,[data-mod=mail][data-theme=dark] .rail-btn.on{background:var(--sel-bg)}[data-mod=mail][data-theme=dark] .cal-ev:hover{background:#1f4368}[data-mod=mail][data-theme=dark] .row{border-bottom-color:var(--stroke)}[data-mod=mail][data-theme=dark] .cal-day{border-right-color:var(--stroke);border-bottom-color:var(--stroke)}[data-mod=mail][data-theme=dark] .cal-day.dim{background:#131b28}[data-mod=mail][data-theme=dark] .login-card{background:var(--surface)}[data-mod=mail][data-theme=dark] .login-card input{background:var(--surface);color:var(--fg)}[data-mod=mail][data-theme=dark] .note.ok{color:#4ade80}[data-mod=mail][data-theme=dark] .ev-card .draft-hd.ok,[data-mod=mail][data-theme=dark] .sent-ok,[data-mod=mail][data-theme=dark] .tag.ok{background:rgba(74,222,128,.16);color:#4ade80}[data-mod=mail][data-theme=dark] .toast.err{background:#b91c1c}[data-mod=mail][data-theme=dark] .banner.err{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.4)}[data-mod=mail][data-theme=dark] .banner.warn{background:rgba(245,197,138,.12);border-color:rgba(245,197,138,.4);color:#f3c58a}[data-mod=mail][data-theme=dark] .ai-warn{background:rgba(248,113,113,.13);color:#fca5a5}[data-mod=mail][data-theme=dark] .tag{background:#2a3546;color:var(--fg-secondary)}[data-mod=mail][data-theme=dark] .tag.err{background:rgba(248,113,113,.15)}[data-mod=mail][data-theme=dark] .tag.adm{background:#2e2450;color:#c9aef7}[data-mod=mail][data-theme=dark] .btn-ghost.danger{border-color:rgba(248,113,113,.5)}[data-mod=mail][data-theme=dark] mark.hl,[data-mod=mail][data-theme=dark] mark.hl-blue,[data-mod=mail][data-theme=dark] mark.hl-green,[data-mod=mail][data-theme=dark] mark.hl-orange,[data-mod=mail][data-theme=dark] mark.hl-pink,[data-mod=mail][data-theme=dark] mark.hl-yellow,[data-mod=mail][data-theme=dark] mark.tk{color:#1b1b1b}:where([data-mod=mail]) *{box-sizing:border-box}[data-mod=mail]{height:100%;margin:0}[data-mod=mail]{overscroll-behavior:none;font-family:var(--font);font-size:14px;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}:where([data-mod=mail]) button{font-family:inherit;cursor:pointer}[data-mod=mail][data-nhung="1"]{--header-h:0px}:where([data-mod=mail]) .tt-dem{margin-left:8px;color:var(--fg-tertiary);font-size:13px;font-weight:400}:where([data-mod=mail]) .tt-boc{flex:0 0 auto}:where([data-mod=mail]) .tt-logo{width:26px;height:26px;flex:0 0 auto;background:var(--brand);-webkit-mask:var(--hdr-logo) no-repeat center /contain;mask:var(--hdr-logo) no-repeat center /contain}:where([data-mod=mail]) .tim-sang{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .tim-sang .sb{width:100%}:where([data-mod=mail]) .tim-sang .sb-box{width:100%;max-width:none;background:var(--surface);border:1px solid var(--stroke-strong)}:where([data-mod=mail]) .tim-sang .sb-box:focus-within{border-color:var(--brand)}:where([data-mod=mail]) .tim-sang .sb-box>svg{color:var(--fg-secondary);opacity:1}:where([data-mod=mail]) .tim-sang .sb-box input{color:var(--fg)}:where([data-mod=mail]) .tim-sang .sb-box input::placeholder{color:var(--fg-tertiary)}:where([data-mod=mail]) .tim-sang .sb-chip{background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .tim-sang .sb-chip:hover{background:#d4e7fb}:where([data-mod=mail]) .tim-sang .sb-ic{color:var(--fg-secondary)}:where([data-mod=mail]) .tim-sang .sb-ic:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .tim-sang .sb-pv{color:var(--fg-secondary)}:where([data-mod=mail]) .tim-sang .sb-pv:hover{background:var(--hover-bg)}:where([data-mod=mail]) .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;background:#8764b8;flex:0 0 auto;user-select:none;line-height:1}:where([data-mod=mail]) .avatar.lg{width:40px;height:40px;font-size:15px}:where([data-mod=mail]) .avatar.xl{width:96px;height:96px;font-size:34px}:where([data-mod=mail]) .avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}:where([data-mod=mail]) .avatar-edit{display:flex;align-items:center;gap:16px;margin:6px 0 2px}:where([data-mod=mail]) .avatar-edit .btn-ghost+.btn-ghost{margin-left:8px}:where([data-mod=mail]) .avatar.aivo-avatar{background:none;color:inherit;font-size:inherit}:where([data-mod=mail]) .shell{display:flex;height:100%;flex-direction:column}:where([data-mod=mail]) .body{display:flex;flex:1 1 auto;min-height:0}:where([data-mod=mail]) .rail-dock{position:fixed;inset:var(--header-h) 0 0 0;z-index:28;display:flex;padding:8px;pointer-events:none}:where([data-mod=mail]) .rail-dock[data-side=left],:where([data-mod=mail]) .rail-dock[data-side=right]{flex-direction:column}:where([data-mod=mail]) .rail-dock[data-side=bottom],:where([data-mod=mail]) .rail-dock[data-side=top]{flex-direction:row}:where([data-mod=mail]) .rail-dock[data-side=left]{align-items:flex-start}:where([data-mod=mail]) .rail-dock[data-side=right]{align-items:flex-end}:where([data-mod=mail]) .rail-dock[data-side=top]{align-items:flex-start}:where([data-mod=mail]) .rail-dock[data-side=bottom]{align-items:flex-end}:where([data-mod=mail]) .rail-dock[data-align=start]{justify-content:flex-start}:where([data-mod=mail]) .rail-dock[data-align=center]{justify-content:center}:where([data-mod=mail]) .rail-dock[data-align=end]{justify-content:flex-end}:where([data-mod=mail]) .rail-slot{position:relative;pointer-events:auto}:where([data-mod=mail]) .rail-dock[data-shown="0"] .rail-slot{pointer-events:none}:where([data-mod=mail]) .rail{display:flex;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.1);transition:transform .18s ease,opacity .18s ease,visibility 0s}:where([data-mod=mail]) .rail-dock[data-side=left] .rail,:where([data-mod=mail]) .rail-dock[data-side=right] .rail{flex-direction:column}:where([data-mod=mail]) .rail-dock[data-side=bottom] .rail,:where([data-mod=mail]) .rail-dock[data-side=top] .rail{flex-direction:row}:where([data-mod=mail]) .rail-dock[data-shown="0"] .rail{opacity:0;visibility:hidden;transition-delay:0s,0s,.18s}:where([data-mod=mail]) .rail-dock[data-shown="0"][data-side=right] .rail{transform:translateX(calc(100% + 16px))}:where([data-mod=mail]) .rail-dock[data-shown="0"][data-side=left] .rail{transform:translateX(calc(-100% - 16px))}:where([data-mod=mail]) .rail-dock[data-shown="0"][data-side=top] .rail{transform:translateY(calc(-100% - 16px))}:where([data-mod=mail]) .rail-dock[data-shown="0"][data-side=bottom] .rail{transform:translateY(calc(100% + 16px))}:where([data-mod=mail]) .rail-tab{position:absolute;border:0;padding:0;background:var(--stroke-strong);border-radius:6px;opacity:.75;transition:opacity .15s ease,background .15s ease;pointer-events:auto}:where([data-mod=mail]) .rail-tab:after{content:"";position:absolute;inset:-14px -18px}:where([data-mod=mail]) .rail-tab:hover{opacity:1;background:var(--brand)}:where([data-mod=mail]) .rail-dock[data-shown="1"] .rail-tab{opacity:0;pointer-events:none}:where([data-mod=mail]) .rail-dock[data-side=right] .rail-tab{right:-6px;top:50%;transform:translateY(-50%);width:5px;height:64px}:where([data-mod=mail]) .rail-dock[data-side=left] .rail-tab{left:-6px;top:50%;transform:translateY(-50%);width:5px;height:64px}:where([data-mod=mail]) .rail-dock[data-side=top] .rail-tab{top:-6px;left:50%;transform:translateX(-50%);height:5px;width:64px}:where([data-mod=mail]) .rail-dock[data-side=bottom] .rail-tab{bottom:-6px;left:50%;transform:translateX(-50%);height:5px;width:64px}:where([data-mod=mail]) .rail-btn{width:40px;height:40px;border:0;border-radius:4px;background:none;color:var(--fg-secondary);display:grid;place-items:center;position:relative}:where([data-mod=mail]) .rail-btn:hover{background:#ebebeb}:where([data-mod=mail]) .rail-btn.on{color:var(--brand);background:#e1efff}:where([data-mod=mail]) .rail-cung{position:relative;width:56px;height:56px}:where([data-mod=mail]) .rail-cung-nut{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:50%;padding:0;color:#fff;background:linear-gradient(135deg,#7c5cff 0,var(--brand) 55%,#0a84ff 100%);box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .22s var(--duong-cong),box-shadow .22s var(--duong-cong)}:where([data-mod=mail]) .rail-cung-nut:active{transform:scale(.92)}:where([data-mod=mail]) .rail-cung.mo .rail-cung-nut{box-shadow:0 10px 30px rgba(0,0,0,.34)}:where([data-mod=mail]) .rail-cung-ico,:where([data-mod=mail]) .rail-cung-x{grid-area:1/1}:where([data-mod=mail]) .rail-cung-ico{display:grid;place-items:center;transition:transform .22s var(--duong-cong),opacity .16s linear}:where([data-mod=mail]) .rail-cung.mo .rail-cung-ico{transform:rotate(135deg) scale(.6);opacity:0}:where([data-mod=mail]) .rail-cung-x{position:relative;width:20px;height:20px;opacity:0;transform:rotate(-135deg);transition:transform .22s var(--duong-cong),opacity .16s linear}:where([data-mod=mail]) .rail-cung-x:after,:where([data-mod=mail]) .rail-cung-x:before{content:"";position:absolute;inset:50% 0 auto 0;height:2px;border-radius:2px;background:currentColor}:where([data-mod=mail]) .rail-cung-x:after{transform:rotate(90deg)}:where([data-mod=mail]) .rail-cung.mo .rail-cung-x{opacity:1;transform:rotate(0deg)}:where([data-mod=mail]) .rail-cung-nen{position:fixed;inset:0;z-index:0;background:rgba(8,12,20,.34);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mail-rail-cung-hien .18s ease-out}@keyframes mail-rail-cung-hien{0%{opacity:0}to{opacity:1}}:where([data-mod=mail]) .rail-cung-muc{position:absolute;z-index:1;left:5px;top:5px;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--stroke);border-radius:50%;padding:0;background:var(--surface);color:var(--fg-secondary);box-shadow:0 4px 14px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:transform .26s var(--duong-cong),opacity .18s linear}:where([data-mod=mail]) .rail-cung.mo .rail-cung-muc{opacity:1;pointer-events:auto}:where([data-mod=mail]) .rail-cung-muc:hover{background:var(--hover-bg)}:where([data-mod=mail]) .rail-cung-muc.on{background:var(--brand);border-color:var(--brand);color:#fff}:where([data-mod=mail]) .rail-cung-nhan{position:absolute;top:50%;transform:translateY(-50%);padding:4px 9px;border-radius:999px;background:rgba(20,24,32,.88);color:#fff;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}:where([data-mod=mail]) .rail-cung[data-x=trai] .rail-cung-nhan{right:calc(100% + 8px)}:where([data-mod=mail]) .rail-cung[data-x=phai] .rail-cung-nhan{left:calc(100% + 8px)}:where([data-mod=mail]) .rail-cung[data-y=len] .rail-cung-muc.dau .rail-cung-nhan{top:auto;bottom:calc(100% + 8px);transform:none}:where([data-mod=mail]) .rail-cung[data-y=xuong] .rail-cung-muc.dau .rail-cung-nhan{top:calc(100% + 8px);transform:none}:where([data-mod=mail]) .rail-cung[data-x=trai] .rail-cung-muc.dau .rail-cung-nhan{right:0;left:auto}:where([data-mod=mail]) .rail-cung[data-x=phai] .rail-cung-muc.dau .rail-cung-nhan{left:0;right:auto}:where([data-mod=mail]) .rail-cung-cfg{position:absolute;z-index:3;left:50%;transform:translateX(-50%);width:26px;height:26px;padding:0;border:1px solid var(--stroke);border-radius:50%;background:var(--surface);color:var(--fg-secondary);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.16);opacity:.55;transition:opacity .15s ease}:where([data-mod=mail]) .rail-cung-cfg.on,:where([data-mod=mail]) .rail-cung-cfg:hover{opacity:1;color:var(--brand)}:where([data-mod=mail]) .rail-cung[data-y=len] .rail-cung-cfg{top:calc(100% + 6px)}:where([data-mod=mail]) .rail-cung[data-y=xuong] .rail-cung-cfg{bottom:calc(100% + 6px)}:where([data-mod=mail]) .rail-badge{position:absolute;top:2px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;border:2px solid var(--surface);background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1;display:grid;place-items:center}:where([data-mod=mail]) .rail-sep{background:var(--stroke);flex:0 0 auto}:where([data-mod=mail]) .rail-dock[data-side=left] .rail-sep,:where([data-mod=mail]) .rail-dock[data-side=right] .rail-sep{height:1px;margin:3px 6px}:where([data-mod=mail]) .rail-dock[data-side=bottom] .rail-sep,:where([data-mod=mail]) .rail-dock[data-side=top] .rail-sep{width:1px;margin:6px 3px}:where([data-mod=mail]) .rail-cfg{position:absolute;width:214px;padding:10px 10px 8px;background:var(--surface);border:1px solid var(--stroke);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.2)}:where([data-mod=mail]) .rail-dock[data-side=right] .rail-cfg{right:calc(100% + 8px);top:0}:where([data-mod=mail]) .rail-dock[data-side=left] .rail-cfg{left:calc(100% + 8px);top:0}:where([data-mod=mail]) .rail-dock[data-side=top] .rail-cfg{top:calc(100% + 8px);left:0}:where([data-mod=mail]) .rail-dock[data-side=bottom] .rail-cfg{bottom:calc(100% + 8px);left:0}:where([data-mod=mail]) .rail-dock[data-side=left][data-align=end] .rail-cfg,:where([data-mod=mail]) .rail-dock[data-side=right][data-align=end] .rail-cfg{top:auto;bottom:0}:where([data-mod=mail]) .rail-dock[data-side=bottom][data-align=end] .rail-cfg,:where([data-mod=mail]) .rail-dock[data-side=top][data-align=end] .rail-cfg{left:auto;right:0}:where([data-mod=mail]) .rail-cfg-hd{display:flex;align-items:center;justify-content:space-between}:where([data-mod=mail]) .rail-cfg h4{margin:0 0 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-tertiary)}:where([data-mod=mail]) .rail-cfg-hd h4{margin-bottom:6px}:where([data-mod=mail]) .rail-cfg-x{border:0;background:none;color:var(--fg-tertiary);display:grid;place-items:center;border-radius:4px;width:22px;height:22px;margin:-4px -4px 4px 0}:where([data-mod=mail]) .rail-cfg-x:hover{background:var(--hover-bg);color:var(--fg)}:where([data-mod=mail]) .rail-seg{display:grid;gap:4px;margin-bottom:12px}:where([data-mod=mail]) .rail-seg.four{grid-template-columns:repeat(4,1fr)}:where([data-mod=mail]) .rail-seg.three{grid-template-columns:repeat(3,1fr)}:where([data-mod=mail]) .rail-seg{grid-template-columns:repeat(2,1fr)}:where([data-mod=mail]) .rail-seg button{height:28px;padding:0 2px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg-secondary);font-size:12px;font-weight:500}:where([data-mod=mail]) .rail-seg button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .rail-seg button.on{background:var(--sel-bg);border-color:var(--brand);color:var(--brand);font-weight:600}:where([data-mod=mail]) .rail-chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg);cursor:pointer}:where([data-mod=mail]) .rail-hint{margin:6px 0 0;font-size:11.5px;line-height:1.4;color:var(--fg-tertiary)}:where([data-mod=mail]) .folders{width:var(--folder-w);flex:0 0 var(--folder-w);background:var(--bg);border-right:1px solid var(--stroke);display:flex;flex-direction:column;padding:8px;overflow-y:auto}:where([data-mod=mail]) .newmail{display:flex;align-items:center;gap:8px;width:100%;height:36px;margin-bottom:14px;padding:0 8px;background:var(--brand);color:#fff;border:0;border-radius:6px;font-size:14px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:background .12s ease,box-shadow .12s ease}:where([data-mod=mail]) .newmail:hover{background:var(--brand-hover);box-shadow:0 2px 6px rgba(0,0,0,.18)}:where([data-mod=mail]) .newmail:active{background:var(--brand-pressed);box-shadow:none}:where([data-mod=mail]) .newmail:focus-visible{outline:2px solid var(--brand);outline-offset:2px}:where([data-mod=mail]) .fgroup{font-size:12px;font-weight:600;color:var(--fg-secondary);padding:8px 8px 4px}:where([data-mod=mail]) .fitem{gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:4px;background:none;color:var(--fg);font-size:14px;text-align:left}:where([data-mod=mail]) .fitem:hover{background:#ebebeb}:where([data-mod=mail]) .fitem.on{background:#e1efff;font-weight:600}:where([data-mod=mail]) .fitem .nm{white-space:nowrap}:where([data-mod=mail]) .fitem .ct{color:var(--fg-secondary);font-weight:600}:where([data-mod=mail]) .sig-editor{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:var(--surface);overflow-y:auto}:where([data-mod=mail]) .sig-hd{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--stroke);position:sticky;top:0;background:var(--surface);z-index:1}:where([data-mod=mail]) .sig-hd strong{font-size:15px}:where([data-mod=mail]) .sig-name{max-width:240px}:where([data-mod=mail]) .sig-chk{font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .sig-editor-body{flex:1 1 auto;min-height:0;display:flex;padding:20px}:where([data-mod=mail]) .sig-editor-body .rte-wrap{border:1px solid var(--stroke-strong);border-radius:8px;min-height:260px}:where([data-mod=mail]) .sig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:20px}:where([data-mod=mail]) .sig-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--stroke);border-radius:8px;padding:12px;background:var(--surface);text-align:left}:where([data-mod=mail]) .sig-card:hover{border-color:var(--stroke-strong);box-shadow:0 2px 8px rgba(0,0,0,.08)}:where([data-mod=mail]) .sig-prev-btn{border:0;background:none;padding:0;text-align:left;width:100%}:where([data-mod=mail]) .sig-prev{height:110px;overflow:hidden;border-radius:6px;background:var(--bg);padding:10px;display:flex;align-items:center;pointer-events:none;transform:scale(.78);transform-origin:left center}:where([data-mod=mail]) .sig-card-name{font-size:13px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .sig-grid-day{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}:where([data-mod=mail]) .sig-prev-day{height:auto;transform:none;display:block;overflow:visible;overflow-x:auto;padding:14px}:where([data-mod=mail]) .sig-prev-day img{max-width:100%}:where([data-mod=mail]) .sig-saved .sig-prev-btn{flex:1 1 auto;display:flex}:where([data-mod=mail]) .sig-saved .sig-prev-day{flex:1 1 auto}@supports (grid-template-rows:subgrid){:where([data-mod=mail]) .sig-grid-day .sig-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:8px}}:where([data-mod=mail]) .sig-tip{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;color:var(--fg-secondary)}:where([data-mod=mail]) .sig-tip svg{flex:0 0 auto;margin-top:2px}:where([data-mod=mail]) .sig-tip b{font-weight:600;color:var(--fg)}:where([data-mod=mail]) .sig-tip-ok{color:var(--fg-tertiary)}:where([data-mod=mail]) .sig-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}:where([data-mod=mail]) .sig-default-tag{margin-left:8px;padding:1px 6px;border-radius:3px;background:var(--sel-bg);color:var(--brand);font-size:10.5px;font-style:normal;font-weight:600}:where([data-mod=mail]) .sig-card-act{display:flex;align-items:center;gap:4px}:where([data-mod=mail]) .list{width:var(--list-w);flex:0 0 var(--list-w);background:var(--surface);border-right:1px solid var(--stroke);display:flex;flex-direction:column;min-height:0}:where([data-mod=mail]) .list-hdr{padding:8px 12px 0;border-bottom:1px solid var(--stroke);flex:0 0 auto}:where([data-mod=mail]) .list-title{display:flex;align-items:center;gap:8px;padding-bottom:8px}:where([data-mod=mail]) .list-title h2{margin:0;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .pivots{display:flex;gap:16px;margin-top:6px}:where([data-mod=mail]) .pivot{background:none;border:0;padding:6px 0 8px;font-size:14px;color:var(--fg-secondary);position:relative}:where([data-mod=mail]) .pivot.on{color:var(--brand);font-weight:600}:where([data-mod=mail]) .pivot.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand);border-radius:2px}:where([data-mod=mail]) .rows{flex:1 1 auto;overflow-y:auto;min-height:0}:where([data-mod=mail]) .moc-tg{appearance:none;border:0;border-bottom:1px solid var(--stroke);font:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px;width:100%;position:sticky;top:0;z-index:2;padding:6px 12px 5px 10px;font-size:12px;font-weight:600;color:var(--fg-secondary);background:var(--surface)}:where([data-mod=mail]) .moc-tg:hover{background:var(--hover-bg)}:where([data-mod=mail]) .moc-tg .moc-nhan{flex:1 1 auto}:where([data-mod=mail]) .moc-so{flex:0 0 auto;font-weight:400;color:var(--fg-tertiary);background:var(--stroke);border-radius:9px;padding:1px 7px}:where([data-mod=mail]) .row{display:flex;gap:10px;padding:8px 12px 8px 10px;border-bottom:1px solid #f3f2f1;cursor:pointer;position:relative;background:var(--surface)}:where([data-mod=mail]) .row.on{background:var(--sel-bg)}:where([data-mod=mail]) .row.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}:where([data-mod=mail]) .row.unread .sender{font-weight:700}:where([data-mod=mail]) .row.unread .subj{color:var(--brand);font-weight:600}:where([data-mod=mail]) .row.unread:after{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--brand)}:where([data-mod=mail]) .row>.avatar{align-self:center}:where([data-mod=mail]) .row-main{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .row-line{display:flex;align-items:baseline;gap:8px}:where([data-mod=mail]) .sender{flex:1 1 auto;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .when{flex:0 0 auto;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .when.cho{display:inline-flex;align-items:center;gap:3px;color:var(--brand);font-weight:600}:where([data-mod=mail]) .subj{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}:where([data-mod=mail]) .prev{font-size:12px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}:where([data-mod=mail]) .row-atts{display:flex;gap:5px;margin-top:4px;min-width:0}:where([data-mod=mail]) .row-att{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:190px;padding:2px 7px 2px 5px;border:1px solid var(--stroke);border-radius:4px;background:var(--bg);font-size:11px;color:var(--fg-secondary)}:where([data-mod=mail]) .row-att svg{flex:0 0 auto}:where([data-mod=mail]) .row-att-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .row-att-them{color:var(--fg-tertiary);padding:2px 7px}:where([data-mod=mail]) .row-att[data-kind=pdf] svg{color:#c4314b}:where([data-mod=mail]) .row-att[data-kind=sheet] svg{color:#107c41}:where([data-mod=mail]) .row-att[data-kind=docx] svg,:where([data-mod=mail]) .row-att[data-kind=legacy] svg{color:#185abd}:where([data-mod=mail]) .row-att[data-kind=slides] svg{color:#c43e1c}:where([data-mod=mail]) .row-att[data-kind=image] svg{color:#8764b8}:where([data-mod=mail]) .row-att[data-kind=zip] svg{color:#986f0b}:where([data-mod=mail]) .row-icons{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--fg-tertiary);flex:0 0 auto}:where([data-mod=mail]) .star{background:none;border:0;padding:0;color:var(--fg-tertiary);display:grid;place-items:center}:where([data-mod=mail]) .star.on{color:#f2c811}:where([data-mod=mail]) .reader{flex:1 1 auto;background:var(--surface);display:flex;flex-direction:column;min-width:0}:where([data-mod=mail]) .cmdbar{display:flex;align-items:center;gap:2px;padding:6px 12px;border-bottom:1px solid var(--stroke);flex:0 0 auto;flex-wrap:wrap}:where([data-mod=mail]) .cmd{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;background:none;border:0;border-radius:4px;font-size:14px;color:var(--fg);white-space:nowrap}:where([data-mod=mail]) .cmd:hover{background:var(--hover-bg)}:where([data-mod=mail]) .cmd:disabled{color:var(--fg-tertiary);cursor:default}:where([data-mod=mail]) .cmd:disabled:hover{background:none}:where([data-mod=mail]) .cmd.danger:hover{color:var(--danger)}:where([data-mod=mail]) .sep{width:1px;height:20px;background:var(--stroke);margin:0 6px}@media (min-width:768px){:where([data-mod=mail]) .cmdbar{container-name:cmdbar;container-type:inline-size}}@container cmdbar (max-width: 1120px){:where([data-mod=mail]) .cmd-2 .cmd-t{display:none}}@container cmdbar (max-width: 800px){:where([data-mod=mail]) .cmd-t{display:none}:where([data-mod=mail]) .sep{margin:0 3px}}@container cmdbar (max-width: 520px){:where([data-mod=mail]) .sep{display:none}:where([data-mod=mail]) .cmd{padding:0 7px}}:where([data-mod=mail]) .reader-body{flex:1 1 auto;overflow-y:auto;padding:20px 32px 40px;min-height:0}:where([data-mod=mail]) .reader h1{font-size:21px;font-weight:600;margin:0 0 16px;line-height:1.3}:where([data-mod=mail]) .msg-hdr{display:flex;gap:8px 12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}:where([data-mod=mail]) .msg-hdr-main{flex:1 1 0px;min-width:160px;align-self:center}:where([data-mod=mail]) .msg-hdr-to{flex:1 1 100%;min-width:0;padding-left:52px}:where([data-mod=mail]) .msg-hdr>.avatar{align-self:center}:where([data-mod=mail]) .msg-hdr-cc{flex:0 8 auto;margin-left:auto;align-self:center;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 14px}:where([data-mod=mail]) .msg-hdr-nut{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}:where([data-mod=mail]) .msg-luc{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}:where([data-mod=mail]) .msg-luc-gio{font-size:13px;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}:where([data-mod=mail]) .msg-luc-ngay{font-size:11.5px;color:var(--fg-tertiary);white-space:nowrap}:where([data-mod=mail]) .msg-from{font-size:14px;font-weight:600;overflow-wrap:anywhere;min-width:0}:where([data-mod=mail]) .msg-from-ten{display:block}:where([data-mod=mail]) .msg-from-dc{display:block;margin-top:1px;font-size:12.5px;font-weight:400;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .msg-tep{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .msg-tep.msg-tep-duoi{padding:4px 0 0;margin:12px 0 0;border-bottom:0;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .msg-to{font-size:12px;color:var(--fg-secondary);margin-top:2px;overflow-wrap:anywhere}:where([data-mod=mail]) .msg-to-hang{display:flex;align-items:flex-start;gap:8px;margin-top:2px;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .msg-to-nhan{flex:0 0 auto;min-width:24px;padding-top:3px;color:var(--fg-tertiary);font-size:11px;font-weight:600}:where([data-mod=mail]) .msg-to-ds{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}:where([data-mod=mail]) .msg-to-mo{max-height:132px;overflow-y:auto}:where([data-mod=mail]) .msg-to-the{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 9px 2px 2px;border:1px solid var(--stroke);border-radius:999px;background:var(--bg);color:var(--fg);font-size:11.5px;line-height:1.7}:where([data-mod=mail]) .msg-to-the .avatar{width:20px;height:20px;font-size:9px}:where([data-mod=mail]) .msg-to-ten{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .msg-to-mien{color:var(--fg-tertiary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .msg-to-trong{padding-top:2px;color:var(--fg-tertiary)}:where([data-mod=mail]) .msg-to-them{padding:2px 9px;border:1px dashed var(--stroke);border-radius:999px;background:none;color:var(--brand);font:inherit;font-size:11.5px;font-weight:600;line-height:1.7;cursor:pointer}:where([data-mod=mail]) .msg-to-them:hover{background:var(--sel-bg);border-color:var(--brand)}:where([data-mod=mail]) .msg-date{font-size:12px;color:var(--fg-secondary);white-space:nowrap}:where([data-mod=mail]) .ev-vao{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border:1px solid var(--brand);border-radius:999px;color:var(--brand);background:var(--surface);font-size:12px;font-weight:600;text-decoration:none}:where([data-mod=mail]) .ev-vao:hover{background:var(--sel-bg)}:where([data-mod=mail]) .msg-content{font-size:14px;line-height:1.6;overflow-wrap:anywhere}:where([data-mod=mail]) .thu-cuoi{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .btn-tl{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 16px;border:1px solid var(--stroke-strong);border-radius:4px;background:var(--surface);color:var(--fg);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}:where([data-mod=mail]) .btn-tl:hover{background:var(--hover-bg);border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .btn-tl:focus-visible{outline:2px solid var(--brand);outline-offset:1px}:where([data-mod=mail]) .cx-the{display:inline-flex;align-items:center;gap:4px;flex:none;height:28px;padding:0 9px;border:1px solid var(--stroke-strong);border-radius:11px;background:var(--surface);color:var(--fg-secondary);font-size:12px;line-height:1;cursor:pointer}:where([data-mod=mail]) .cx-the:hover{border-color:var(--stroke-strong);background:var(--hover-bg)}:where([data-mod=mail]) .cx-the.on{border-color:var(--brand);background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .cx-ico{font-size:14px;line-height:1}:where([data-mod=mail]) .cx-so{font-variant-numeric:tabular-nums;font-weight:600}:where([data-mod=mail]) .cx-bang{display:flex;gap:2px}:where([data-mod=mail]) .pop .cx-bang button{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:19px;line-height:1;border-radius:6px}:where([data-mod=mail]) .pop .cx-bang button:hover{background:var(--hover-bg);transform:scale(1.15)}:where([data-mod=mail]) .msg-hdr-nut .ic{width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid var(--stroke-strong);border-radius:11px;background:var(--surface);color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .msg-hdr-nut .ic:hover{background:var(--hover-bg);color:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .msg-hdr-nut .ic.on{color:var(--brand);border-color:var(--brand);background:var(--sel-bg)}:where([data-mod=mail]) .msg-content img{max-width:100%;height:auto}:where([data-mod=mail]) .msg-content pre{white-space:pre-wrap;font-family:inherit;margin:0}:where([data-mod=mail]) .msg-content blockquote{margin:12px 0;padding-left:12px;border-left:2px solid var(--stroke-strong);color:var(--fg-secondary)}:where([data-mod=mail]) .atts{margin:16px 0;display:flex;gap:8px;flex-wrap:wrap}:where([data-mod=mail]) .att{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--stroke);border-radius:4px;background:var(--bg);font-size:13px;color:var(--fg);text-decoration:none}:where([data-mod=mail]) .att:hover{background:#f0f0f0}:where([data-mod=mail]) .empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--fg-secondary);text-align:center;padding:40px}:where([data-mod=mail]) .empty h3{margin:0;font-size:17px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .empty p{margin:0;font-size:13px;max-width:320px}:where([data-mod=mail]) .compose{position:fixed;top:var(--header-h);right:0;bottom:0;left:calc(var(--folder-w) + var(--list-w));background:var(--surface);border-left:1px solid var(--stroke);display:flex;flex-direction:column;z-index:40}:where([data-mod=mail]) .compose.min{top:auto;left:auto;right:calc(24px + var(--min-i, 0) * 396px);bottom:0;width:380px;z-index:45;border:1px solid var(--stroke-strong);border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 8px 32px rgba(0,0,0,.22)}@container mail (max-width: 840px){:where([data-mod=mail]) .compose{left:0;top:0}}[data-mod=mail].thu-rong .compose{left:0}:where([data-mod=mail]) .compose .rte-wrap{min-height:220px;flex:1 1 auto;display:flex}:where([data-mod=mail]) .compose-hdr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--stroke);background:var(--bg);border-radius:6px 6px 0 0}:where([data-mod=mail]) .compose-hdr strong{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .icon-btn{width:28px;height:28px;border:0;border-radius:4px;background:none;color:var(--fg-secondary);display:grid;place-items:center}:where([data-mod=mail]) .icon-btn:hover{background:#e5e5e5;color:var(--fg)}:where([data-mod=mail]) .field{display:flex;align-items:center;border-bottom:1px solid var(--stroke);padding:0 12px}:where([data-mod=mail]) .field label{width:58px;flex:0 0 58px;font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .field input{flex:1 1 auto;height:36px;border:0;outline:none;font-size:14px;font-family:inherit;color:var(--fg)}:where([data-mod=mail]) .rte-wrap{position:relative;flex:1 1 auto;display:flex;min-height:0}:where([data-mod=mail]) .rte-body{flex:1 1 auto;outline:none;overflow-y:auto;padding:12px;font-size:14px;font-family:inherit;line-height:1.6;color:var(--fg);min-height:0}:where([data-mod=mail]) .rte-body img{max-width:100%}:where([data-mod=mail]) .rte-body img:hover{outline:1px solid var(--stroke-strong)}:where([data-mod=mail]) .rte-anh-chon{position:fixed;z-index:55;pointer-events:none;outline:2px solid var(--brand);outline-offset:1px;border-radius:2px}:where([data-mod=mail]) .rte-tay{position:absolute;width:10px;height:10px;border-radius:2px;background:var(--surface);border:2px solid var(--brand);pointer-events:auto;touch-action:none}:where([data-mod=mail]) .rte-tay.tl{top:-6px;left:-6px;cursor:nwse-resize}:where([data-mod=mail]) .rte-tay.tr{top:-6px;right:-6px;cursor:nesw-resize}:where([data-mod=mail]) .rte-tay.bl{bottom:-6px;left:-6px;cursor:nesw-resize}:where([data-mod=mail]) .rte-tay.br{bottom:-6px;right:-6px;cursor:nwse-resize}:where([data-mod=mail]) .rte-co{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);background:var(--fg);color:var(--surface);font-size:11px;line-height:1.5;padding:1px 6px;border-radius:3px;white-space:nowrap}:where([data-mod=mail]) .rte-body a{color:var(--brand)}:where([data-mod=mail]) .rte-body:empty:before{content:attr(data-placeholder);color:var(--fg-tertiary);pointer-events:none}:where([data-mod=mail]) .rte-toolbar{position:fixed;transform:translate(-46%,calc(-100% - 10px));z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:8px;padding:4px;box-shadow:0 6px 20px rgba(0,0,0,.18);max-width:calc(100vw - 16px);width:max-content}:where([data-mod=mail]) .rte-hang-cc{display:flex;align-items:center;gap:2px;flex-wrap:wrap;row-gap:4px}:where([data-mod=mail]) .rte-hang-bang{border-top:1px solid var(--stroke);padding-top:4px;margin-top:2px}:where([data-mod=mail]) .rte-sep{width:1px;height:20px;background:var(--stroke);margin:0 3px;flex:0 0 auto}:where([data-mod=mail]) .rte-btn{width:28px;height:28px;flex:0 0 auto;border:0;border-radius:5px;background:none;color:var(--fg);font-size:13px;display:grid;place-items:center;line-height:1}:where([data-mod=mail]) .rte-btn.on,:where([data-mod=mail]) .rte-btn:hover{background:var(--sel-bg)}:where([data-mod=mail]) .rte-btn:disabled{opacity:.35}:where([data-mod=mail]) .rte-btn:disabled:hover{background:none}:where([data-mod=mail]) .rte-btn.rong{width:auto;min-width:34px;padding:0 6px;font-size:11px}:where([data-mod=mail]) .rte-select{height:28px;border:1px solid var(--stroke);border-radius:5px;background:var(--surface);color:var(--fg);font-size:12px;max-width:108px;padding:0 4px}:where([data-mod=mail]) .rte-select.sm{max-width:64px}:where([data-mod=mail]) .rte-xo{position:relative;display:flex;align-items:center}:where([data-mod=mail]) .rte-xo .rte-btn{width:26px;border-radius:5px 0 0 5px}:where([data-mod=mail]) .rte-mui{width:14px;height:28px;flex:0 0 auto;border:0;border-radius:0 5px 5px 0;background:none;color:var(--fg-secondary);display:grid;place-items:center;padding:0}:where([data-mod=mail]) .rte-mui.on,:where([data-mod=mail]) .rte-mui:hover{background:var(--sel-bg);color:var(--fg)}:where([data-mod=mail]) .rte-xo:hover .rte-btn,:where([data-mod=mail]) .rte-xo:hover .rte-mui{background:var(--sel-bg)}:where([data-mod=mail]) .rte-menu{position:absolute;top:32px;left:0;z-index:62;min-width:176px;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:6px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.2);max-height:60vh;overflow-y:auto}:where([data-mod=mail]) .rte-muc{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--fg);font:inherit;font-size:13px;text-align:left;padding:5px 8px;border-radius:4px;white-space:nowrap}:where([data-mod=mail]) .rte-muc.on,:where([data-mod=mail]) .rte-muc:hover{background:var(--sel-bg)}:where([data-mod=mail]) .rte-muc-ic{flex:0 0 auto;display:grid;place-items:center;color:var(--fg-secondary)}:where([data-mod=mail]) .rte-muc-chu{flex:1 1 auto}:where([data-mod=mail]) .rte-muc-phu{flex:0 0 auto;color:var(--fg-tertiary);font-size:12px}:where([data-mod=mail]) .rte-hang{display:flex;align-items:center;gap:2px;padding:2px}:where([data-mod=mail]) .rte-menu-nhan{font-size:11px;color:var(--fg-tertiary);padding:6px 8px 2px;text-transform:uppercase;letter-spacing:.04em}:where([data-mod=mail]) .rte-ngan{display:block;height:1px;background:var(--stroke);margin:4px 2px}:where([data-mod=mail]) .rte-palette{display:grid;grid-template-columns:repeat(8,20px);gap:4px;padding:4px}:where([data-mod=mail]) .rte-palette button{width:20px;height:20px;border:1px solid var(--stroke-strong);border-radius:4px;padding:0}:where([data-mod=mail]) .rte-palette button:hover{outline:2px solid var(--brand);outline-offset:1px}:where([data-mod=mail]) .rte-palette button.chon{outline:2px solid var(--fg);outline-offset:1px}:where([data-mod=mail]) .rte-muc-rong{margin-top:2px}:where([data-mod=mail]) .rte-kieu-bang{display:grid;grid-template-columns:repeat(7,34px);gap:5px;padding:4px}:where([data-mod=mail]) .rte-kieu-bang button{width:34px;height:30px;padding:2px;border:1px solid transparent;border-radius:4px;background:var(--surface);display:flex;flex-direction:column;gap:0;align-items:stretch}:where([data-mod=mail]) .rte-kieu-bang button:hover{border-color:var(--brand)}:where([data-mod=mail]) .rte-kieu-bang button.chon{border-color:var(--fg)}:where([data-mod=mail]) .rte-kieu-bang .kb-dau,:where([data-mod=mail]) .rte-kieu-bang .kb-than{flex:1 1 0;border:1px solid;border-bottom:0;min-height:0}:where([data-mod=mail]) .rte-kieu-bang .kb-than:last-child{border-bottom:1px solid}:where([data-mod=mail]) .cb-bang{padding:8px;min-width:208px}:where([data-mod=mail]) .cb-kieu{display:flex;gap:5px;margin-bottom:8px}:where([data-mod=mail]) .cb-kieu button{width:22px;height:22px;border-radius:4px;border:2px solid;padding:0}:where([data-mod=mail]) .cb-kieu button.chon{outline:2px solid var(--fg);outline-offset:1px}:where([data-mod=mail]) .cb-luoi{display:grid;grid-template-columns:repeat(10,16px);gap:2px}:where([data-mod=mail]) .cb-luoi span{width:16px;height:16px;border:1px solid var(--stroke-strong);border-radius:2px;background:var(--surface)}:where([data-mod=mail]) .cb-luoi span.sang{background:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .cb-so{margin-top:8px;font-size:12px;color:var(--fg-secondary);text-align:center}:where([data-mod=mail]) .rte-body blockquote{margin:8px 0;padding:2px 0 2px 12px;border-left:3px solid var(--stroke-strong);color:var(--fg-secondary)}:where([data-mod=mail]) .rte-body pre{margin:8px 0;padding:8px 10px;border-radius:6px;background:var(--sel-bg);font-family:Consolas,Courier New,monospace;font-size:13px;white-space:pre-wrap}:where([data-mod=mail]) .rte-body hr{border:0;border-top:1px solid var(--stroke-strong);margin:12px 0}:where([data-mod=mail]) .rte-body table{margin:8px 0;max-width:100%}:where([data-mod=mail]) .rte-body td,:where([data-mod=mail]) .rte-body th{min-width:24px}:where([data-mod=mail]) .rte-body table[border="0"] td,:where([data-mod=mail]) .rte-body table[border="0"] th{outline:1px dashed var(--stroke);outline-offset:-1px}:where([data-mod=mail]) .compose-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:6px;padding:10px 12px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .send{display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;height:32px;padding:0 16px;background:var(--brand);color:#fff;border:0;border-radius:4px;font-size:14px;font-weight:600}:where([data-mod=mail]) .send:hover:not(:disabled){background:var(--brand-hover)}:where([data-mod=mail]) .send:disabled{background:#c8c6c4;cursor:default}:where([data-mod=mail]) .btn-chu{height:28px;padding:0 10px;display:flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap;border:1px solid var(--stroke-strong);border-radius:4px;background:none;color:var(--fg-secondary);font-size:12.5px;font-weight:600}:where([data-mod=mail]) .btn-chu:hover:not(:disabled){background:#e5e5e5;color:var(--fg)}:where([data-mod=mail]) .btn-chu:disabled{opacity:.5}:where([data-mod=mail]) .btn-chu svg{flex:0 0 auto}:where([data-mod=mail]) .compose-foot .icon-btn{flex:0 0 auto}:where([data-mod=mail]) .note{font-size:12px;margin-left:auto}:where([data-mod=mail]) .compose-foot .note{flex:0 1 auto;white-space:nowrap}:where([data-mod=mail]) .note.err{color:var(--danger)}:where([data-mod=mail]) .note.ok{color:#0e700e}:where([data-mod=mail]) .login{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0f6cbd,#0c3b5e);padding:24px}:where([data-mod=mail]) .login-card{width:100%;max-width:400px;background:#fff;padding:40px 44px;border-radius:2px;box-shadow:0 2px 12px rgba(0,0,0,.25)}:where([data-mod=mail]) .login-card h1{margin:0 0 4px;font-size:24px;font-weight:600}:where([data-mod=mail]) .login-card p.sub{margin:0 0 24px;font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .login-card label{display:block;font-size:13px;margin:14px 0 4px;font-weight:600}:where([data-mod=mail]) .login-card input{width:100%;height:36px;padding:0 10px;border:1px solid var(--stroke-strong);border-radius:2px;font-size:14px;font-family:inherit}:where([data-mod=mail]) .login-card input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}:where([data-mod=mail]) .login-card .send{width:100%;justify-content:center;margin-top:24px;height:36px}:where([data-mod=mail]) .login-err{margin-top:14px;font-size:13px;color:var(--danger)}:where([data-mod=mail]) .login-hint{margin-top:24px;padding-top:16px;border-top:1px solid var(--stroke);font-size:12px;color:var(--fg-secondary);line-height:1.7}:where([data-mod=mail]) .login-hint code{background:var(--bg);padding:1px 5px;border-radius:3px;font-size:11px}:where([data-mod=mail]) .spin{width:20px;height:20px;border:2px solid var(--stroke-strong);border-top-color:var(--brand);animation:mail-spin .7s linear infinite}:where([data-mod=mail]) .center{display:grid;place-items:center;padding:40px}:where([data-mod=mail]) .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#323130;color:#fff;padding:12px 20px;border-radius:4px;font-size:14px;z-index:60;box-shadow:0 4px 16px rgba(0,0,0,.3);max-width:90vw}:where([data-mod=mail]) .toast.err{background:var(--danger)}:where([data-mod=mail]) .list-wrap{display:flex;flex-direction:column;width:var(--list-w);flex:0 0 var(--list-w);min-height:0;min-width:0}:where([data-mod=mail]) .list-wrap .list{width:auto;flex:1 1 auto}:where([data-mod=mail]) .fitem-act{width:26px;height:26px;border:0;border-radius:4px;background:none;color:var(--fg-tertiary);display:grid;place-items:center;flex:0 0 auto;opacity:0;font-size:15px;line-height:1}:where([data-mod=mail]) .fitem-act:focus-visible,:where([data-mod=mail]) .fitem-row:hover .fitem-act{opacity:1}:where([data-mod=mail]) .fitem-act:hover{background:#e0e0e0;color:var(--fg)}:where([data-mod=mail]) .fgroup{display:flex;align-items:center;justify-content:space-between}:where([data-mod=mail]) .fgroup-add{width:20px;height:20px;border:0;border-radius:3px;background:none;color:var(--fg-secondary);font-size:16px;line-height:1}:where([data-mod=mail]) .fgroup-add:hover{background:#e0e0e0;color:var(--fg)}:where([data-mod=mail]) .fgroup-hint{font-size:12px;color:var(--fg-tertiary);padding:2px 8px 8px}:where([data-mod=mail]) .dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:0 0 auto;margin:0 4px}:where([data-mod=mail]) .count{font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .list-count{margin-left:auto;font-variant-numeric:tabular-nums}:where([data-mod=mail]) .list-count.dang-chon{color:var(--brand);font-weight:600}:where([data-mod=mail]) .chk{display:grid;place-items:center}:where([data-mod=mail]) .list-title .chk{width:28px;height:28px;border-radius:5px;cursor:pointer;flex:0 0 auto;margin-left:-2px;transition:background .12s ease}:where([data-mod=mail]) .list-title .chk:hover{background:var(--hover-bg)}:where([data-mod=mail]) .chk input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}:where([data-mod=mail]) .row-chk{opacity:0;flex:0 0 auto;align-self:center}:where([data-mod=mail]) .chk input:focus-visible,:where([data-mod=mail]) .row.picked .row-chk,:where([data-mod=mail]) .row:hover .row-chk{opacity:1}:where([data-mod=mail]) .row.picked{background:var(--sel-bg)}:where([data-mod=mail]) .cmd.sm{height:28px;padding:0 8px;font-size:13px}:where([data-mod=mail]) .chips{display:flex;gap:6px;padding:0 0 8px;flex-wrap:wrap}:where([data-mod=mail]) .chip{gap:4px;background:#e1efff;color:var(--brand);border-radius:12px;padding:2px 6px 2px 10px;font-size:12px;font-weight:600}:where([data-mod=mail]) .chip button{background:none;border:0;color:inherit;font-size:12px;padding:0 2px}:where([data-mod=mail]) .bulkbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;background:var(--sel-bg);border-bottom:1px solid var(--stroke);flex:0 0 auto}:where([data-mod=mail]) .bulkbar>span:first-child{font-size:13px;font-weight:600;margin-right:4px}:where([data-mod=mail]) .row-err{font-size:11px;color:var(--danger);margin-top:2px}:where([data-mod=mail]) .loadmore{width:100%;padding:12px;border:0;background:none;color:var(--brand);font-size:13px;font-weight:600}:where([data-mod=mail]) .loadmore:hover:not(:disabled){background:var(--hover-bg)}:where([data-mod=mail]) .loadmore:disabled{color:var(--fg-tertiary)}:where([data-mod=mail]) .cmd.back{display:none}:where([data-mod=mail]) .cv{display:flex;flex-direction:column;gap:10px;margin-top:14px}:where([data-mod=mail]) .cv.cv-mot{gap:0}:where([data-mod=mail]) .cv-item{max-width:82%;align-self:flex-start;border:1px solid var(--stroke);border-radius:14px 14px 14px 4px;background:var(--surface);margin:0;overflow:hidden}:where([data-mod=mail]) .cv-item.cv-me{align-self:flex-end;border-radius:14px 14px 4px 14px;border-left:1px solid var(--stroke);background:var(--sel-bg)}:where([data-mod=mail]) .cv-item.cv-dang-doc{max-width:94%;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset;padding:4px 16px 16px}:where([data-mod=mail]) .cv-item.cv-dang-doc.cv-don{max-width:100%;align-self:stretch;border-color:transparent;box-shadow:none;padding:0;border-radius:0}:where([data-mod=mail]) .cv-item.cv-dang-doc .msg-hdr{border:0}:where([data-mod=mail]) .cv-item.cv-nhap{border-style:dashed;background:var(--surface)}:where([data-mod=mail]) .cv-item.cv-nhap.cv-me{background:var(--surface)}:where([data-mod=mail]) .cv-nhan{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:999px;border:1px solid transparent;font-size:10.5px;font-weight:700;line-height:1.6;letter-spacing:.01em;white-space:nowrap;flex:0 0 auto}:where([data-mod=mail]) .cv-nhan svg{flex:0 0 auto}:where([data-mod=mail]) .cv-nhan-nhap{color:var(--fg-secondary);background:var(--bg);border-color:var(--stroke);border-style:dashed}:where([data-mod=mail]) .cv-nhan-cho{color:var(--brand);background:var(--sel-bg);border-color:var(--brand)}:where([data-mod=mail]) .cv-nhan-hong{color:var(--danger);background:var(--bg);border-color:var(--danger)}:where([data-mod=mail]) .cv-xoa:hover{color:var(--danger)}:where([data-mod=mail]) .cv-item.cv-me .cv-hd{flex-direction:row-reverse}:where([data-mod=mail]) .cv-item.cv-me .cv-who{text-align:right}:where([data-mod=mail]) .cv-item.cv-me .msg-hdr{flex-direction:row-reverse;text-align:right}:where([data-mod=mail]) .cv-item.cv-me .msg-to-hang{flex-direction:row-reverse}:where([data-mod=mail]) .cv-item.cv-me .msg-to-ds{justify-content:flex-end}@media (max-width:767px){:where([data-mod=mail]) .cv-item,:where([data-mod=mail]) .cv-item.cv-dang-doc{max-width:96%}}:where([data-mod=mail]) .cv-hd-line{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}:where([data-mod=mail]) .cv-more{align-self:center;width:100%;max-width:320px;padding:7px;border:1px dashed var(--stroke-strong);border-radius:8px;background:none;color:var(--fg-secondary);font:inherit;font-size:12.5px}:where([data-mod=mail]) .cv-more:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .cv-item.open{border-color:var(--stroke-strong)}:where([data-mod=mail]) .cv-hd{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:none;text-align:left;font:inherit;color:var(--fg)}:where([data-mod=mail]) .cv-hd .avatar{width:26px;height:26px;font-size:11px}:where([data-mod=mail]) .cv-who{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}:where([data-mod=mail]) .cv-who strong{font-size:13.5px;flex:0 0 auto}:where([data-mod=mail]) .cv-den,:where([data-mod=mail]) .cv-tom{font-size:12.5px;color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .cv-luc{font-size:12px;color:var(--fg-tertiary);flex:0 0 auto}:where([data-mod=mail]) .cv-body{padding:4px 14px 14px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .cv-body pre{font:inherit;font-size:13.5px;line-height:1.65}:where([data-mod=mail]) .cv-body .atts{margin:12px 0 0}:where([data-mod=mail]) .thread-item{margin-top:14px;padding:12px 14px;background:var(--bg);border-radius:4px;border:1px solid var(--stroke)}:where([data-mod=mail]) .thread-hdr{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--fg-secondary);margin-bottom:6px}:where([data-mod=mail]) .thread-item pre{white-space:pre-wrap;font-family:inherit;margin:0;font-size:13px}:where([data-mod=mail]) .banner{padding:10px 14px;border-radius:4px;font-size:13px;margin-bottom:16px}:where([data-mod=mail]) .banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}:where([data-mod=mail]) .banner>span{flex:1 1 240px}:where([data-mod=mail]) .banner.err{background:#fdf3f4;color:var(--danger);border:1px solid #f1bbbf}:where([data-mod=mail]) .banner.warn{background:#fff8e6;color:#8a6100;border:1px solid #f5d998}:where([data-mod=mail]) .banner.cho-gui{background:var(--sel-bg);border:1px solid var(--stroke-strong)}:where([data-mod=mail]) .banner.info{background:var(--sel-bg);border:1px solid var(--stroke-strong)}:where([data-mod=mail]) .chu-ky-cu{white-space:pre-wrap;font-family:inherit;font-size:13px;margin:0 0 10px;padding:10px 12px;background:var(--bg);border:1px solid var(--stroke);border-radius:6px;color:var(--fg-secondary)}:where([data-mod=mail]) .doi-gio{display:flex;align-items:center;gap:6px;flex:0 0 auto}:where([data-mod=mail]) .doi-gio input{font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--stroke-strong);border-radius:4px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .pop-wrap{position:relative;display:inline-flex}:where([data-mod=mail]) .pop{position:absolute;top:calc(100% + 4px);z-index:50;min-width:190px;padding:4px;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.18);color:var(--fg)}:where([data-mod=mail]) .pop-left{left:0}:where([data-mod=mail]) .pop-right{right:0}:where([data-mod=mail]) .pop.pop-up{top:auto;bottom:calc(100% + 4px)}:where([data-mod=mail]) .pop button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;background:none;border-radius:3px;font-size:14px;text-align:left;color:var(--fg)}:where([data-mod=mail]) .pop button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .pop button.danger{color:var(--danger)}:where([data-mod=mail]) .pop-sep{height:1px;background:var(--stroke);margin:4px 0}:where([data-mod=mail]) .pop.pop-ctx{top:auto;left:auto}:where([data-mod=mail]) .pop-trong{display:block;padding:7px 10px;font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .pop-head{padding:10px;border-bottom:1px solid var(--stroke);margin-bottom:4px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}:where([data-mod=mail]) .pop-head strong{font-size:14px;color:var(--fg)}:where([data-mod=mail]) .cty{display:flex;align-items:center;gap:8px;margin-top:6px}:where([data-mod=mail]) .cty-dau{width:22px;height:22px;flex:0 0 auto;background:var(--fg);-webkit-mask:var(--cty-logo) no-repeat center /contain;mask:var(--cty-logo) no-repeat center /contain}:where([data-mod=mail]) .cty-ten{font-size:12.5px;font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .pop-head span{font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .overlay{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.4);display:grid;place-items:center;padding:24px}:where([data-mod=mail]) .modal{width:100%;max-width:480px;max-height:88vh;background:var(--surface);border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.3);display:flex;flex-direction:column}:where([data-mod=mail]) .modal.wide{max-width:760px}:where([data-mod=mail]) .modal-hdr{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .modal-hdr strong{flex:1 1 auto;font-size:15px}:where([data-mod=mail]) .modal-body{padding:18px;overflow-y:auto}:where([data-mod=mail]) .modal-foot{display:flex;align-items:center;gap:8px;padding:14px 0 0;margin-top:18px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .modal>.modal-foot{padding:14px 18px 18px;margin-top:0}:where([data-mod=mail]) .lbl{display:block;font-size:13px;font-weight:600;margin:14px 0 4px}:where([data-mod=mail]) .lbl:first-child{margin-top:0}:where([data-mod=mail]) .inp{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--stroke-strong);border-radius:3px;font-size:14px;font-family:inherit;color:var(--fg);background:var(--surface)}:where([data-mod=mail]) .inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}:where([data-mod=mail]) .inp:disabled{background:var(--bg);color:var(--fg-tertiary)}:where([data-mod=mail]) textarea.inp{resize:vertical;line-height:1.6}:where([data-mod=mail]) .chk-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:10px 0}:where([data-mod=mail]) .chk-row input{width:15px;height:15px;accent-color:var(--brand);flex:0 0 auto}:where([data-mod=mail]) .chk-row code{flex:0 0 auto}:where([data-mod=mail]) .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}:where([data-mod=mail]) .btn-ghost{height:32px;padding:0 14px;border:1px solid var(--stroke-strong);border-radius:4px;background:var(--surface);font-size:14px;color:var(--fg)}:where([data-mod=mail]) .btn-ghost:hover{background:var(--hover-bg)}:where([data-mod=mail]) .btn-ghost.danger{color:var(--danger);border-color:#f1bbbf}:where([data-mod=mail]) .linkish{background:none;border:0;color:var(--brand);font-size:12px;font-weight:600;padding:0 8px;flex:0 0 auto}:where([data-mod=mail]) .compose.min{height:auto}:where([data-mod=mail]) .compose.min .compose-hdr{cursor:pointer;border-bottom:0;border-radius:6px 6px 0 0}:where([data-mod=mail]) .compose-atts{padding:0 12px 8px;margin:0;flex:0 0 auto;max-height:90px;overflow-y:auto}:where([data-mod=mail]) .att-x{background:none;border:0;color:var(--fg-tertiary);padding:0 2px;font-size:12px}:where([data-mod=mail]) .att-x:hover{color:var(--danger)}:where([data-mod=mail]) .sig-hint{font-size:11px;color:var(--fg-tertiary);padding:0 12px 6px;flex:0 0 auto}:where([data-mod=mail]) .field{position:relative}:where([data-mod=mail]) .suggest{position:absolute;top:100%;left:44px;right:8px;z-index:55;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.18);padding:4px}:where([data-mod=mail]) .suggest button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:6px 10px;border:0;background:none;border-radius:3px;text-align:left}:where([data-mod=mail]) .suggest button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .suggest strong{font-size:13px;font-weight:600}:where([data-mod=mail]) .suggest span{font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .profile{display:flex;align-items:center;gap:16px;margin-bottom:24px}:where([data-mod=mail]) .profile .muted{margin:4px 0 0;color:var(--fg-secondary);font-size:13px}:where([data-mod=mail]) .kv{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;margin:0;font-size:14px}:where([data-mod=mail]) .kv dt{color:var(--fg-secondary);font-size:13px}:where([data-mod=mail]) .kv dd{margin:0;overflow-wrap:anywhere}:where([data-mod=mail]) .tag{display:inline-block;padding:1px 7px;border-radius:10px;background:#e8e8e8;color:var(--fg-secondary);font-size:11px;font-weight:600;white-space:nowrap}:where([data-mod=mail]) .tag.ok{background:#dff6dd;color:#0e700e}:where([data-mod=mail]) .tag.err{background:#fdf3f4;color:var(--danger)}:where([data-mod=mail]) .cal-wrap{flex:1 1 auto;display:flex;flex-direction:column;background:var(--surface);min-width:0;border-right:1px solid var(--stroke)}:where([data-mod=mail]) .cal-hdr{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .cal-hdr h2{margin:0;font-size:16px;font-weight:600;text-transform:capitalize;min-width:190px}:where([data-mod=mail]) .cal-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,minmax(0,1fr));min-height:0}:where([data-mod=mail]) .cal-wd{padding:6px;font-size:12px;font-weight:600;color:var(--fg-secondary);text-align:center;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .cal-day{border:0;border-right:1px solid #f3f2f1;border-bottom:1px solid #f3f2f1;background:var(--surface);padding:4px;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}:where([data-mod=mail]) .cal-day:hover{background:var(--hover-bg)}:where([data-mod=mail]) .cal-day.dim{background:#fbfbfb;color:var(--fg-tertiary)}:where([data-mod=mail]) .cal-day.sel{background:var(--sel-bg);box-shadow:inset 0 0 0 2px var(--brand)}:where([data-mod=mail]) .cal-num{font-size:12px;font-weight:600;align-self:flex-start;padding:1px 5px;border-radius:10px}:where([data-mod=mail]) .cal-day.today .cal-num{background:var(--brand);color:#fff}:where([data-mod=mail]) .cal-ev{font-size:11px;background:#e1efff;color:var(--brand);padding:1px 4px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}:where([data-mod=mail]) .cal-ev:hover{background:#cfe4fa}:where([data-mod=mail]) .cal-more{font-size:10px;color:var(--fg-secondary)}:where([data-mod=mail]) .cal-side{flex:0 0 300px;border-left:1px solid var(--stroke)}:where([data-mod=mail]) .ev-card{padding:10px 12px;border:1px solid var(--stroke);border-radius:4px;margin-bottom:8px;cursor:pointer}:where([data-mod=mail]) .ev-card:hover{background:var(--hover-bg)}:where([data-mod=mail]) .ev-time{font-size:12px;color:var(--brand);font-weight:600}:where([data-mod=mail]) .ev-title{font-size:14px;font-weight:600;margin:2px 0}:where([data-mod=mail]) .ev-meta{font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .settings{flex:1 1 auto;overflow-y:auto;background:var(--surface);min-width:0}:where([data-mod=mail]) .pane{max-width:780px;padding:24px 32px 60px}:where([data-mod=mail]) .pane h2{font-size:17px;margin:0 0 4px}:where([data-mod=mail]) .pane h3{font-size:14px;margin:24px 0 8px}:where([data-mod=mail]) .pane .hint{font-size:12px;color:var(--fg-secondary);margin:4px 0 10px}:where([data-mod=mail]) .pane-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .tbl{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px}:where([data-mod=mail]) .tbl td,:where([data-mod=mail]) .tbl th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--stroke);vertical-align:top}:where([data-mod=mail]) .tbl th{font-size:12px;color:var(--fg-secondary);font-weight:600}:where([data-mod=mail]) .tbl code{background:var(--bg);padding:1px 5px;border-radius:3px;font-size:12px}:where([data-mod=mail]) .tbl code.wrap{display:inline-block;max-width:340px;overflow-wrap:anywhere;white-space:normal}:where([data-mod=mail]) .tbl .hint{margin:0}:where([data-mod=mail]) .muted-row{opacity:.55}:where([data-mod=mail]) .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0 8px}:where([data-mod=mail]) .stat{padding:14px;border:1px solid var(--stroke);border-radius:6px;background:var(--bg)}:where([data-mod=mail]) .stat-v{font-size:24px;font-weight:600;line-height:1.1}:where([data-mod=mail]) .stat-l{font-size:12px;color:var(--fg-secondary);margin-top:2px}:where([data-mod=mail]) .secret{background:#1e1e1e;color:#6bd968;padding:12px 14px;border-radius:4px;font-size:12.5px;overflow-wrap:anywhere;white-space:pre-wrap;margin:12px 0}[data-mod=mail][data-density=compact] .row{padding-top:5px;padding-bottom:5px}[data-mod=mail][data-density=compact] .prev,[data-mod=mail][data-density=compact] .row-atts{display:none}:where([data-mod=mail]) .users-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}:where([data-mod=mail]) .users-search{max-width:280px}:where([data-mod=mail]) .users-tbl td{vertical-align:middle}:where([data-mod=mail]) .ucell{display:flex;align-items:center;gap:10px}:where([data-mod=mail]) .uname{font-weight:600;font-size:13px}:where([data-mod=mail]) .uactions{white-space:nowrap}:where([data-mod=mail]) .uactions .btn-ghost{height:26px;padding:0 8px;font-size:12px;margin-right:4px}:where([data-mod=mail]) .avatar.sm{width:28px;height:28px;font-size:11px}:where([data-mod=mail]) .fsearch{display:flex;align-items:center;gap:6px;margin:4px 8px 8px;padding:5px 9px;background:var(--hover-bg);border:1px solid transparent;border-radius:4px;color:var(--fg-secondary)}:where([data-mod=mail]) .fsearch:focus-within{border-color:var(--accent);background:var(--surface)}:where([data-mod=mail]) .fsearch input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:13px;color:var(--fg)}:where([data-mod=mail]) .fsearch.grow{margin:0;flex:1;max-width:380px}:where([data-mod=mail]) .fscroll{flex:1;overflow-y:auto;min-height:0}:where([data-mod=mail]) .fitem.sess{display:flex;align-items:center;gap:0;padding:0}:where([data-mod=mail]) .sess-open{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:7px 10px;border:0;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left}:where([data-mod=mail]) .sess-open .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .sess-acts{display:none;padding-right:6px;gap:2px}:where([data-mod=mail]) .fitem.sess.on .sess-acts,:where([data-mod=mail]) .fitem.sess:focus-within .sess-acts,:where([data-mod=mail]) .fitem.sess:hover .sess-acts{display:flex}:where([data-mod=mail]) .ai-note,:where([data-mod=mail]) .ai-warn{margin:4px 8px 8px;padding:7px 10px;border-radius:4px;font-size:11.5px;line-height:1.45}:where([data-mod=mail]) .ai-warn{background:#fde7e9;color:#a4262c}:where([data-mod=mail]) .ai-note{background:var(--hover-bg);color:var(--fg-secondary)}:where([data-mod=mail]) .ai-files{border-top:1px solid var(--stroke);padding-bottom:6px}:where([data-mod=mail]) .chat{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface);overflow:hidden}:where([data-mod=mail]) .chat.drag{outline:2px dashed var(--accent);outline-offset:-8px}:where([data-mod=mail]) .reader.ai-src:not(.open){display:none}:where([data-mod=mail]) .chat-box>*,:where([data-mod=mail]) .chat-scroll>*{max-width:880px;margin-left:auto;margin-right:auto}:where([data-mod=mail]) .chat-scroll{flex:1;overflow-y:auto;padding:20px 24px 8px;scroll-behavior:smooth}:where([data-mod=mail]) .bub{display:flex;gap:11px;margin-bottom:20px}:where([data-mod=mail]) .bub.me{justify-content:flex-end}:where([data-mod=mail]) .bub.me .bub-body{max-width:min(76%,620px);background:var(--accent);color:#fff;padding:9px 13px;border-radius:14px 14px 3px 14px}:where([data-mod=mail]) .bub.me .bub-body p{margin:0;white-space:pre-wrap}:where([data-mod=mail]) .bub-ico{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,var(--accent));color:#fff}:where([data-mod=mail]) .bub.ai .bub-body{flex:1;min-width:0;padding-top:2px}:where([data-mod=mail]) .tool-note{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:3px 9px;border-radius:11px;background:var(--hover-bg);color:var(--fg-secondary);font-size:11.5px}:where([data-mod=mail]) .typing{display:flex;gap:4px;padding:6px 0}:where([data-mod=mail]) .typing span{width:6px;height:6px;border-radius:50%;background:var(--fg-tertiary);animation:mail-blink 1.3s infinite}:where([data-mod=mail]) .typing span:nth-child(2){animation-delay:.18s}:where([data-mod=mail]) .typing span:nth-child(3){animation-delay:.36s}@keyframes mail-blink{0%,60%,to{opacity:.28}30%{opacity:1}}:where([data-mod=mail]) .md{font-size:14px;line-height:1.62;color:var(--fg)}:where([data-mod=mail]) .md>:first-child{margin-top:0}:where([data-mod=mail]) .md>:last-child{margin-bottom:0}:where([data-mod=mail]) .md p{margin:0 0 10px}:where([data-mod=mail]) .md h3,:where([data-mod=mail]) .md h4,:where([data-mod=mail]) .md h5,:where([data-mod=mail]) .md h6{margin:16px 0 8px;line-height:1.3}:where([data-mod=mail]) .md h3{font-size:16px}:where([data-mod=mail]) .md h4{font-size:14.5px}:where([data-mod=mail]) .md h5,:where([data-mod=mail]) .md h6{font-size:13.5px}:where([data-mod=mail]) .md ol,:where([data-mod=mail]) .md ul{margin:0 0 10px;padding-left:22px}:where([data-mod=mail]) .md li{margin:3px 0}:where([data-mod=mail]) .md blockquote{margin:0 0 10px;padding:2px 0 2px 12px;border-left:3px solid var(--stroke);color:var(--fg-secondary)}:where([data-mod=mail]) .md hr{border:0;border-top:1px solid var(--stroke);margin:14px 0}:where([data-mod=mail]) .md code{background:var(--hover-bg);padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}:where([data-mod=mail]) .md-pre{background:var(--hover-bg);padding:11px 13px;border-radius:5px;overflow-x:auto;margin:0 0 10px}:where([data-mod=mail]) .md-pre code{background:none;padding:0;font-size:12.5px}:where([data-mod=mail]) .md-table-wrap{overflow-x:auto;margin:0 0 12px}:where([data-mod=mail]) .md-table{border-collapse:collapse;font-size:13px;min-width:100%}:where([data-mod=mail]) .md-table td,:where([data-mod=mail]) .md-table th{border:1px solid var(--stroke);padding:6px 10px;text-align:left;white-space:nowrap}:where([data-mod=mail]) .md-table th{background:var(--hover-bg);font-weight:600}:where([data-mod=mail]) .cite-ref{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin:0 1px;border:0;border-radius:9px;cursor:pointer;vertical-align:1px;background:var(--accent);color:#fff;font:inherit;font-size:10.5px;font-weight:600;line-height:1}:where([data-mod=mail]) .cite-ref:hover{filter:brightness(1.12)}:where([data-mod=mail]) .srcs{margin-top:10px}:where([data-mod=mail]) .srcs-tog{display:inline-flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;padding:3px 0;font:inherit;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .srcs-tog:hover{color:var(--accent)}:where([data-mod=mail]) .srcs-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}:where([data-mod=mail]) .src{display:flex;align-items:flex-start;gap:9px;width:100%;padding:7px 10px;border:1px solid var(--stroke);border-radius:5px;background:var(--surface);cursor:pointer;text-align:left;font:inherit}:where([data-mod=mail]) .src:hover{background:var(--hover-bg);border-color:var(--accent)}:where([data-mod=mail]) .src-n{flex:0 0 18px;height:18px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600}:where([data-mod=mail]) .src-main{min-width:0;flex:1}:where([data-mod=mail]) .src-sub{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .src-meta{display:block;font-size:11px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .src-text{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:13px;line-height:1.6;margin:0}:where([data-mod=mail]) .draft-card{margin:12px 0;border:1px solid var(--stroke);border-radius:6px;background:var(--hover-bg);overflow:hidden}:where([data-mod=mail]) .draft-hd{display:flex;align-items:center;gap:7px;padding:9px 13px;border-bottom:1px solid var(--stroke);background:var(--surface);font-size:13px;font-weight:600}:where([data-mod=mail]) .draft-card .kv{margin:11px 13px}:where([data-mod=mail]) .draft-card .sm{margin:11px 13px}:where([data-mod=mail]) .draft-body{margin:0 13px 11px;padding:11px;border-radius:4px;background:var(--surface);border:1px solid var(--stroke);white-space:pre-wrap;word-break:break-word;font:inherit;font-size:13px;line-height:1.6;max-height:320px;overflow-y:auto}:where([data-mod=mail]) .draft-body>:last-child{margin-bottom:0!important}:where([data-mod=mail]) .bub-acts,:where([data-mod=mail]) .draft-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center}:where([data-mod=mail]) .draft-foot{padding:0 13px 12px}:where([data-mod=mail]) .sent-ok{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:#dff6dd;color:#0e700e;font-size:12.5px;font-weight:600}:where([data-mod=mail]) .bub-acts{margin-top:10px;opacity:0;transition:opacity .12s}:where([data-mod=mail]) .bub.ai:focus-within .bub-acts,:where([data-mod=mail]) .bub.ai:hover .bub-acts{opacity:1}:where([data-mod=mail]) .chat-box{border-top:1px solid var(--stroke);padding:10px 24px 12px}:where([data-mod=mail]) .chat-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}:where([data-mod=mail]) .chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:11px;background:var(--hover-bg);color:var(--fg-secondary);font-size:11.5px}:where([data-mod=mail]) .chat-row{display:flex;align-items:flex-end;gap:7px;border:1px solid var(--stroke);border-radius:8px;padding:5px 6px 5px 4px;background:var(--surface)}:where([data-mod=mail]) .chat-row:focus-within{border-color:var(--accent)}:where([data-mod=mail]) .chat-ta{flex:1;min-width:0;border:0;outline:none;resize:none;background:none;font:inherit;font-size:14px;line-height:1.55;color:var(--fg);padding:7px 4px;max-height:160px}:where([data-mod=mail]) .send.stop{background:var(--fg-secondary)}:where([data-mod=mail]) .chat-hint{margin:7px 2px 0;font-size:11px;color:var(--fg-tertiary);line-height:1.4}:where([data-mod=mail]) .ai-welcome{max-width:600px;margin:8vh auto 0;text-align:center}:where([data-mod=mail]) .ai-hero{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,var(--accent))}:where([data-mod=mail]) .ai-welcome h2{margin:0 0 8px;font-size:20px}:where([data-mod=mail]) .ai-welcome .muted{font-size:13.5px;line-height:1.6}:where([data-mod=mail]) .ai-ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:8px;margin-top:22px;text-align:left}:where([data-mod=mail]) .idea{text-align:left;padding:11px 13px;border:1px solid var(--stroke);border-radius:6px;background:var(--surface);cursor:pointer;font:inherit;font-size:13px;color:var(--fg);line-height:1.45}:where([data-mod=mail]) .idea:hover{background:var(--hover-bg);border-color:var(--accent)}:where([data-mod=mail]) .org-wrap{padding:4px 2px 20px;min-width:0}:where([data-mod=mail]) .org-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}:where([data-mod=mail]) .org,:where([data-mod=mail]) .org ul{list-style:none;margin:0;padding:0}:where([data-mod=mail]) .org ul{margin-left:19px;padding-left:17px;border-left:1px solid var(--stroke)}:where([data-mod=mail]) .org-li{position:relative}:where([data-mod=mail]) .org ul>.org-li:before{content:"";position:absolute;left:-17px;top:21px;width:13px;height:1px;background:var(--stroke)}:where([data-mod=mail]) .org-card{display:flex;align-items:center;gap:10px;padding:7px 10px;margin:3px 0;border-radius:5px;border:1px solid transparent}:where([data-mod=mail]) .org-card:hover{background:var(--hover-bg)}:where([data-mod=mail]) .org-card.me{background:var(--hover-bg);border-color:var(--accent)}:where([data-mod=mail]) .org-main{min-width:0;flex:1}:where([data-mod=mail]) .org-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;font-weight:600}:where([data-mod=mail]) .org-sub{font-size:11.5px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .org-mail{display:block;color:var(--fg-secondary);text-decoration:none}:where([data-mod=mail]) .org-mail:hover{color:var(--accent);text-decoration:underline}:where([data-mod=mail]) .org-vis{color:var(--accent);display:flex}:where([data-mod=mail]) .tag.adm{background:#e6d9f5;color:#5b2d8e}:where([data-mod=mail]) .list.wide{flex:1;min-width:0;max-width:none}:where([data-mod=mail]) .list.wide .rows{padding:0 16px}:where([data-mod=mail]) .att-view{position:fixed;inset:0;z-index:135;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.55)}:where([data-mod=mail]) .att-box{display:flex;flex-direction:column;width:min(1080px,100%);height:min(88vh,100%);background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.3)}:where([data-mod=mail]) .att-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--stroke);background:var(--bg);flex:0 0 auto}:where([data-mod=mail]) .att-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}:where([data-mod=mail]) .att-hd .gap{flex:1}:where([data-mod=mail]) .att-body{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column}:where([data-mod=mail]) .att-img{max-width:100%;max-height:100%;margin:auto;object-fit:contain}:where([data-mod=mail]) .att-frame{flex:1;width:100%;border:0;min-height:400px}:where([data-mod=mail]) .att-text{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit;font-size:13px;line-height:1.6}:where([data-mod=mail]) .att-none{margin:auto;text-align:center;color:var(--fg-secondary);max-width:420px}:where([data-mod=mail]) .att-none p{margin:12px 0 16px}:where([data-mod=mail]) .row-btns{display:flex;gap:8px;justify-content:center}:where([data-mod=mail]) .att-box.max{width:100%;height:100%}:where([data-mod=mail]) .att-kind{font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 6px;border-radius:4px;background:var(--sel-bg);color:var(--brand);flex:0 0 auto}:where([data-mod=mail]) .att-nav{display:flex;align-items:center;gap:2px;flex:0 0 auto}:where([data-mod=mail]) .att-zoom{display:flex;align-items:center;gap:2px;flex:0 0 auto}:where([data-mod=mail]) .att-load{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px}:where([data-mod=mail]) .att-bar{width:220px;height:4px;border-radius:2px;background:var(--stroke);overflow:hidden}:where([data-mod=mail]) .att-bar span{display:block;height:100%;background:var(--brand);transition:width .15s linear}:where([data-mod=mail]) .att-img-wrap{flex:1;min-height:0;overflow:auto;display:grid;place-items:center}:where([data-mod=mail]) .att-media{flex:1;min-height:0;width:100%;max-height:100%;background:#000;border-radius:6px}:where([data-mod=mail]) .att-audio{margin:auto;text-align:center;color:var(--fg-secondary);display:flex;flex-direction:column;align-items:center;gap:10px}:where([data-mod=mail]) .att-audio-name{margin:0;font-weight:600;color:var(--fg);word-break:break-all}:where([data-mod=mail]) .att-audio audio{width:min(420px,80vw)}:where([data-mod=mail]) .pv-doc{flex:1;min-height:0;display:flex;justify-content:center}:where([data-mod=mail]) .pv-page{width:100%;max-width:800px;padding:8px 4px;font-size:14px;line-height:1.65;color:var(--fg)}:where([data-mod=mail]) .pv-page img{max-width:100%;height:auto}:where([data-mod=mail]) .pv-page table{border-collapse:collapse;margin:12px 0;width:100%}:where([data-mod=mail]) .pv-page td,:where([data-mod=mail]) .pv-page th{border:1px solid var(--stroke-strong);padding:6px 8px}:where([data-mod=mail]) .pv-page h1,:where([data-mod=mail]) .pv-page h2,:where([data-mod=mail]) .pv-page h3{margin:18px 0 8px;line-height:1.3}:where([data-mod=mail]) .pv-page p{margin:0 0 10px}:where([data-mod=mail]) .pv-page a{color:var(--brand)}:where([data-mod=mail]) .pv-sheet{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}:where([data-mod=mail]) .pv-tabs{display:flex;gap:4px;flex-wrap:wrap;flex:0 0 auto}:where([data-mod=mail]) .pv-tabs button{border:1px solid var(--stroke-strong);border-radius:6px 6px 0 0;background:var(--bg);color:var(--fg-secondary);font:inherit;font-size:12.5px;padding:5px 12px}:where([data-mod=mail]) .pv-tabs button.on{background:var(--surface);color:var(--brand);border-bottom-color:var(--surface);font-weight:600}:where([data-mod=mail]) .pv-grid-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--stroke)}:where([data-mod=mail]) .pv-grid{border-collapse:separate;border-spacing:0;font-size:12.5px}:where([data-mod=mail]) .pv-grid td,:where([data-mod=mail]) .pv-grid th{border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:3px 8px;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .pv-grid thead th{position:sticky;top:0;z-index:2;background:var(--bg);color:var(--fg-tertiary);font-weight:600}:where([data-mod=mail]) .pv-grid .pv-rownum{position:sticky;left:0;z-index:1;background:var(--bg);color:var(--fg-tertiary);font-weight:500;text-align:right}:where([data-mod=mail]) .pv-grid .pv-corner{position:sticky;left:0;z-index:3;background:var(--bg)}:where([data-mod=mail]) .pv-grid td.num{text-align:right;font-variant-numeric:tabular-nums}:where([data-mod=mail]) .pv-grid tbody tr:hover td{background:var(--hover-bg)}:where([data-mod=mail]) .pv-slides{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}:where([data-mod=mail]) .pv-slide-wrap{margin:0;position:relative}:where([data-mod=mail]) .pv-slide{position:relative;transform-origin:top left;background:#fff;color:#1a1a1a;border:1px solid var(--stroke-strong);border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}:where([data-mod=mail]) .pv-slide-wrap figcaption{margin-top:6px;font-size:12px;color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .pv-tb{position:absolute;overflow:hidden;display:flex;flex-direction:column;justify-content:center}:where([data-mod=mail]) .pv-tb p{margin:0 0 .35em;line-height:1.25}:where([data-mod=mail]) .pv-tb p.bul{padding-left:.9em;text-indent:-.9em}:where([data-mod=mail]) .pv-tb p.bul:before{content:"•";padding-right:.35em}:where([data-mod=mail]) .pv-pic{position:absolute;object-fit:contain}:where([data-mod=mail]) .pv-zip{flex:1;min-height:0;display:flex;flex-direction:column}:where([data-mod=mail]) .pv-zip-list{list-style:none;margin:0;padding:0;overflow:auto}:where([data-mod=mail]) .pv-zip-list li{display:flex;align-items:center;gap:10px;padding:5px 4px;border-bottom:1px solid var(--stroke);font-size:13px}:where([data-mod=mail]) .pv-zip-list li>:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .pv-zip-open{border:0;background:none;color:var(--brand);font:inherit;text-align:left;padding:0;text-decoration:underline;text-underline-offset:2px}:where([data-mod=mail]) .pv-note{margin:8px 0 0;font-size:12px;color:var(--fg-tertiary);flex:0 0 auto}:where([data-mod=mail]) button.att{font:inherit;cursor:pointer;text-align:left;border:1px solid var(--stroke);background:var(--surface);color:var(--fg)}:where([data-mod=mail]) button.att:hover{background:var(--hover-bg);border-color:var(--accent)}:where([data-mod=mail]) .cmdbar .grow{flex:1}:where([data-mod=mail]) .cmd.ai-btn{color:var(--accent);font-weight:600}:where([data-mod=mail]) .cmd.ai-btn:hover{background:var(--sel-bg)}:where([data-mod=mail]) .cmd.ai-btn.on{background:var(--sel-bg)}:where([data-mod=mail]) .mai{position:absolute;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;width:400px;max-width:calc(100% - 32px);height:min(560px,calc(100% - 80px));background:var(--surface);border:1px solid var(--stroke-strong);border-radius:10px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.22)}:where([data-mod=mail]) .reader{position:relative}:where([data-mod=mail]) .mai-hd{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 10px 9px 12px;border-bottom:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .mai-ico{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,var(--accent))}:where([data-mod=mail]) .mai-tt{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.25}:where([data-mod=mail]) .mai-tt strong{font-size:13px}:where([data-mod=mail]) .mai-tt .sm{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .mai-body{flex:1;min-height:0;overflow-y:auto;padding:12px}:where([data-mod=mail]) .mai-empty{padding:6px 2px}:where([data-mod=mail]) .mai-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}:where([data-mod=mail]) .idea.sm{padding:6px 10px;font-size:12px}:where([data-mod=mail]) .mai-msg{margin-bottom:12px;font-size:13.5px}:where([data-mod=mail]) .mai-msg.user{margin-left:28px;padding:7px 11px;border-radius:12px 12px 3px 12px;background:var(--accent);color:#fff}:where([data-mod=mail]) .mai-msg.user p{margin:0;white-space:pre-wrap}:where([data-mod=mail]) .mai-msg.assistant .md{font-size:13.5px}:where([data-mod=mail]) .mai-foot{flex:0 0 auto;display:flex;align-items:flex-end;gap:6px;padding:8px;border-top:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .mai-input{flex:1;min-width:0;resize:none;max-height:110px;padding:7px 10px;border:1px solid var(--stroke-strong);border-radius:6px;font:inherit;font-size:13px;line-height:1.5;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .mai-input:focus{outline:none;border-color:var(--accent)}:where([data-mod=mail]) .mai-foot .send{flex:0 0 auto;padding:0 11px;height:32px}:where([data-mod=mail]) .msg-content{position:relative}:where([data-mod=mail]) .selbar{position:absolute;z-index:30;display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:8px;background:#242424;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3);animation:mail-selbar-in .12s ease-out}@keyframes mail-selbar-in{0%{opacity:0;transform:translateY(4px)}}:where([data-mod=mail]) .selbar-ai{display:flex;align-items:center;gap:5px;padding:4px 9px;border:0;border-radius:5px;cursor:pointer;background:none;color:#fff;font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap}:where([data-mod=mail]) .selbar-ai:hover{background:rgba(255,255,255,.16)}:where([data-mod=mail]) .selbar-hop{display:flex;align-items:center;gap:5px;border:0;border-radius:5px;cursor:pointer;background:none;color:#fff;font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:inset 1px 0 0 rgba(255,255,255,.22);margin-left:3px;padding:4px 9px 4px 12px}:where([data-mod=mail]) .selbar-hop:hover{background:rgba(255,255,255,.16)}:where([data-mod=mail]) .selbar-sep{width:1px;height:18px;background:rgba(255,255,255,.22);margin:0 3px}:where([data-mod=mail]) .selbar-mau{width:18px;height:18px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.18);padding:0}:where([data-mod=mail]) .selbar-mau:hover{transform:scale(1.16)}:where([data-mod=mail]) .selbar-ic{display:grid;place-items:center;width:26px;height:24px;border:0;border-radius:5px;background:none;color:#fff;cursor:pointer}:where([data-mod=mail]) .selbar-ic:hover{background:rgba(255,255,255,.16)}:where([data-mod=mail]) mark.hl{padding:1px 0;border-radius:2px;background:#fff3a3;color:inherit}:where([data-mod=mail]) mark.hl-yellow{background:#fff3a3}:where([data-mod=mail]) mark.hl-green{background:#b7f0c4}:where([data-mod=mail]) mark.hl-blue{background:#bcdcff}:where([data-mod=mail]) mark.hl-pink{background:#ffc7de}:where([data-mod=mail]) mark.hl-orange{background:#ffd4a8}:where([data-mod=mail]) .hl-list{margin:16px 0 0;padding:10px 12px;border:1px solid var(--stroke);border-radius:6px;background:var(--bg)}:where([data-mod=mail]) .hl-list-hd{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fg-secondary);margin-bottom:8px}:where([data-mod=mail]) .hl-item{display:flex;align-items:center;gap:8px;padding:5px 8px;margin-bottom:4px;border-radius:4px;border-left:3px solid transparent;background:var(--surface)}:where([data-mod=mail]) .hl-item.hl-yellow{border-left-color:#f2d024}:where([data-mod=mail]) .hl-item.hl-green{border-left-color:#4cc26a}:where([data-mod=mail]) .hl-item.hl-blue{border-left-color:#4a9bf0}:where([data-mod=mail]) .hl-item.hl-pink{border-left-color:#ef6ba8}:where([data-mod=mail]) .hl-item.hl-orange{border-left-color:#f0973a}:where([data-mod=mail]) .hl-txt{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .cmd.icon-only{padding:0 9px}:where([data-mod=mail]) .ev-card .draft-hd.ok{background:#dff6dd;color:#0e700e}:where([data-mod=mail]) .ev-form{padding:0 13px 4px}:where([data-mod=mail]) .ev-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}:where([data-mod=mail]) .cal-wrap{position:relative}:where([data-mod=mail]) .mai.calai{right:20px;bottom:20px}:where([data-mod=mail]) .fitem.ai-row{color:var(--accent);font-weight:600}:where([data-mod=mail]) .fitem.ai-row.on{background:var(--sel-bg)}@container mail (max-width: 1020px) and (min-width: 841px){:where([data-mod=mail]) .shell{--folder-w:200px;--list-w:300px}}@container mail (max-width: 840px){:where([data-mod=mail]) .shell{--folder-w:0px;--list-w:320px}:where([data-mod=mail]) .folders{display:none}}@container mail (max-width: 800px){:where([data-mod=mail]) .shell{--list-w:280px}}@media (max-width:767px){:where([data-mod=mail]) .list-wrap{flex:1 1 auto;width:auto;min-width:0}:where([data-mod=mail]) .list{flex:1 1 auto;width:auto;min-width:0;border-right:0}:where([data-mod=mail]) .reader{display:none}:where([data-mod=mail]) .reader.open{display:flex;position:fixed;inset:var(--header-h) 0 0 0;z-index:25;border-left:0}:where([data-mod=mail]) .cmd.back{display:grid;place-items:center}:where([data-mod=mail]) .compose{position:fixed;inset:0;width:auto;max-width:none;height:auto;max-height:none;border:0;border-radius:0}:where([data-mod=mail]) .compose-hdr{border-radius:0}:where([data-mod=mail]) .cmd,:where([data-mod=mail]) .fitem,:where([data-mod=mail]) .newmail{min-height:40px}:where([data-mod=mail]) .icon-btn,:where([data-mod=mail]) .star{min-width:36px;min-height:36px}:where([data-mod=mail]) .reader-body{padding:16px}:where([data-mod=mail]) .msg-hdr-to{padding-left:0}:where([data-mod=mail]) .reader h1{font-size:18px}:where([data-mod=mail]) .msg-date{display:none}:where([data-mod=mail]) .cmdbar{overflow-x:auto;flex-wrap:nowrap}:where([data-mod=mail]) .cmdbar .cmd{flex:0 0 auto}:where([data-mod=mail]) .pane{padding:16px}:where([data-mod=mail]) .tbl{display:block;overflow-x:auto;white-space:nowrap}:where([data-mod=mail]) .stats{grid-template-columns:repeat(2,1fr)}:where([data-mod=mail]) .uactions .btn-ghost{margin-bottom:4px}:where([data-mod=mail]) .cal-grid{font-size:11px}:where([data-mod=mail]) .cal-ev{font-size:9px}:where([data-mod=mail]) .modal{max-height:92vh}:where([data-mod=mail]) .row2{grid-template-columns:1fr}}@container mail (max-width: 420px){:where([data-mod=mail]) .row{padding-left:8px;gap:8px}:where([data-mod=mail]) .avatar{width:28px;height:28px;font-size:11px}}@media (max-width:767px){:where([data-mod=mail]) .cal-wrap,:where([data-mod=mail]) .settings{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .users-bar{flex-direction:column;align-items:stretch}:where([data-mod=mail]) .users-search{max-width:none}}@media (max-width:767px){:where([data-mod=mail]) .chat{flex:1 1 auto;width:auto;min-width:0}:where([data-mod=mail]) .chat-scroll{padding:14px 14px 6px}:where([data-mod=mail]) .chat-box{padding:8px 12px 10px}:where([data-mod=mail]) .bub.me .bub-body{max-width:86%}:where([data-mod=mail]) .bub-acts{opacity:1}:where([data-mod=mail]) .bub-acts .cmd{min-height:34px}:where([data-mod=mail]) .ai-welcome{margin-top:4vh}:where([data-mod=mail]) .ai-ideas{grid-template-columns:1fr}:where([data-mod=mail]) .org ul{margin-left:11px;padding-left:11px}:where([data-mod=mail]) .org ul>.org-li:before{left:-11px;width:8px}:where([data-mod=mail]) .org-bar{gap:8px}:where([data-mod=mail]) .fsearch.grow{max-width:none}:where([data-mod=mail]) .list.wide .rows{padding:0 8px}}@media (max-width:767px){:where([data-mod=mail]) .att-view{padding:0}:where([data-mod=mail]) .att-box{width:100%;height:100%;border-radius:0}:where([data-mod=mail]) .att-hd{flex-wrap:wrap;row-gap:4px}:where([data-mod=mail]) .att-hd .sep{flex-basis:100%;height:0}:where([data-mod=mail]) .att-body{padding:10px}:where([data-mod=mail]) .att-frame{min-height:60vh}}@media (max-width:767px){:where([data-mod=mail]) .mai{right:8px;left:8px;bottom:8px;top:56px;width:auto;max-width:none;height:auto}:where([data-mod=mail]) .cmdbar .grow{display:none}:where([data-mod=mail]) .cmd.ai-btn{position:sticky;right:0;background:var(--surface)}:where([data-mod=mail]) .cmdbar .cmd-t{display:none}:where([data-mod=mail]) .cmdbar .sep{display:none}:where([data-mod=mail]) .cmdbar{padding-right:56px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}}@media (max-width:767px){:where([data-mod=mail]) .selbar{padding:3px 4px;gap:2px}:where([data-mod=mail]) .selbar-ai span,:where([data-mod=mail]) .selbar-hop span{display:none}:where([data-mod=mail]) .selbar-mau{width:22px;height:22px}}@media (max-width:767px){:where([data-mod=mail]) .mai.calai{right:8px;left:8px;bottom:8px;top:56px;width:auto;height:auto}}:where([data-mod=mail]) .rail-btn{width:60px;min-height:52px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0}:where([data-mod=mail]) .rail-label{font-size:10.5px;line-height:1;font-weight:600}:where([data-mod=mail]) .rail-more{min-height:28px;color:var(--fg-tertiary)}:where([data-mod=mail]) .rail-more:hover{color:var(--fg-secondary)}:where([data-mod=mail]) .api-guide{margin-top:24px;padding:14px 16px;border:1px solid var(--stroke);border-radius:10px;background:var(--bg)}:where([data-mod=mail]) .api-guide-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}:where([data-mod=mail]) .api-guide-hd h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}:where([data-mod=mail]) .btn-ghost.sm{padding:3px 8px;font-size:12px;display:inline-flex;align-items:center;gap:5px}:where([data-mod=mail]) .api-sec{border-top:1px solid var(--stroke)}:where([data-mod=mail]) .api-sec summary{padding:9px 2px;cursor:pointer;font-size:13.5px;font-weight:500;list-style:none;display:flex;align-items:center;gap:8px}:where([data-mod=mail]) .api-sec summary::-webkit-details-marker{display:none}:where([data-mod=mail]) .api-sec summary:before{content:"▸";color:var(--fg-tertiary);transition:transform .15s ease}:where([data-mod=mail]) .api-sec[open] summary:before{transform:rotate(90deg)}:where([data-mod=mail]) .api-sec summary:hover{color:var(--brand)}:where([data-mod=mail]) .api-sec-body{padding:2px 0 14px 18px}:where([data-mod=mail]) .api-sec-body .hint{margin:0 0 10px}:where([data-mod=mail]) .api-sec-body .tbl{margin-top:0}:where([data-mod=mail]) .api-snip{margin:0 0 12px;border:1px solid var(--stroke);border-radius:8px;overflow:hidden;background:var(--surface)}:where([data-mod=mail]) .api-snip-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 5px 10px;background:var(--bg);border-bottom:1px solid var(--stroke);font-size:12px;font-weight:600;color:var(--fg-secondary)}:where([data-mod=mail]) .api-snip pre{margin:0;padding:10px 12px;overflow-x:auto;font-size:12.5px;line-height:1.55}:where([data-mod=mail]) .api-snip code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}:where([data-mod=mail]) .api-snip+.hint{margin-top:-6px}:where([data-mod=mail]) .api-list{margin:0;padding-left:18px;font-size:13px;line-height:1.65}:where([data-mod=mail]) .api-list li{margin-bottom:6px}:where([data-mod=mail]) .undo-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:65;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#323130;color:#fff;font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.32);animation:mail-undo-in .18s ease-out}@keyframes mail-undo-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}:where([data-mod=mail]) .undo-bar button{border:0;background:none;color:#7cc0ff;font:inherit;font-weight:600;padding:2px 4px;border-radius:4px}:where([data-mod=mail]) .undo-bar button:hover{background:rgba(255,255,255,.14)}:where([data-mod=mail]) .undo-bar button:disabled{color:rgba(255,255,255,.5)}:where([data-mod=mail]) .lich-gui{position:absolute;bottom:calc(100% + 8px);left:8px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:12px;border-radius:8px;background:var(--surface);border:1px solid var(--stroke);box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:13px}:where([data-mod=mail]) .lich-gui input{font:inherit;padding:5px 8px;border:1px solid var(--stroke-strong);border-radius:4px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .lich-gui .hint{grid-column:1/-1;margin:0}:where([data-mod=mail]) .compose-foot{position:relative}:where([data-mod=mail]) .ns-pane{width:288px;flex:0 0 288px;display:flex;flex-direction:column;border-left:1px solid var(--stroke);background:var(--bg);overflow-y:auto}:where([data-mod=mail]) .ns-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--stroke);position:sticky;top:0;background:var(--bg);z-index:1}:where([data-mod=mail]) .ns-hd strong{display:flex;align-items:center;gap:7px;font-size:13.5px}:where([data-mod=mail]) .ns-sec{padding:12px}:where([data-mod=mail]) .ns-sec+.ns-sec{border-top:1px solid var(--stroke)}:where([data-mod=mail]) .ns-sec h4{margin:0 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-tertiary);display:flex;align-items:center;justify-content:space-between}:where([data-mod=mail]) .ns-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}:where([data-mod=mail]) .ns-list button{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:6px;background:none;color:var(--fg);font:inherit;font-size:13px;text-align:left}:where([data-mod=mail]) .ns-list button:hover:not(:disabled){background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .ns-list button:disabled{opacity:.4;cursor:default}:where([data-mod=mail]) .ns-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ns-dem{font-size:11px;color:var(--fg-tertiary);background:var(--surface);border-radius:10px;padding:1px 6px}:where([data-mod=mail]) .ns-so{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:var(--sel-bg);color:var(--brand);font-size:11px;font-weight:600}:where([data-mod=mail]) .ns-buoc-list button{align-items:flex-start}:where([data-mod=mail]) .ns-buoc-list .ns-label{white-space:normal;line-height:1.4}:where([data-mod=mail]) .ns-thu{margin:0 0 8px;font-size:12px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;border-left:2px solid var(--stroke-strong)}:where([data-mod=mail]) .ns-trang{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .ns-trang button{border:1px solid var(--stroke-strong);background:var(--surface);color:var(--fg-secondary);border-radius:4px;width:24px;height:24px;display:grid;place-items:center}:where([data-mod=mail]) .ns-trang button:disabled{opacity:.35}:where([data-mod=mail]) .ai-ve{display:flex;align-items:center;gap:7px;width:100%;margin:0 0 8px;padding:8px 10px;border:1px solid var(--stroke);border-radius:8px;background:var(--surface);color:var(--fg-secondary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}:where([data-mod=mail]) .ai-ve:hover{background:var(--sel-bg);border-color:var(--stroke-strong);color:var(--fg)}:where([data-mod=mail]) .ai-ve span{flex:1 1 auto;text-align:left}:where([data-mod=mail]) .ns-mo{align-self:flex-start;display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 8px;border:1px solid var(--stroke);border-right:0;border-radius:8px 0 0 8px;background:var(--surface);color:var(--brand);font:inherit;font-size:12px;font-weight:600;writing-mode:vertical-rl}:where([data-mod=mail]) .ns-mo:hover{background:var(--sel-bg)}@container mail (max-width: 1220px){:where([data-mod=mail]) .ns-pane{display:none}:where([data-mod=mail]) .ns-mo{display:none}}:where([data-mod=mail]) .crash{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg);overflow:auto}:where([data-mod=mail]) .crash-box{max-width:620px;width:100%;background:var(--surface);border:1px solid var(--stroke);border-radius:10px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.14)}:where([data-mod=mail]) .crash-box h1{margin:0 0 8px;font-size:19px}:where([data-mod=mail]) .crash-box p{margin:0 0 16px;color:var(--fg-secondary);font-size:14px;line-height:1.6}:where([data-mod=mail]) .crash-acts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}:where([data-mod=mail]) .crash-err{margin:0;padding:10px 12px;max-height:220px;overflow:auto;background:var(--bg);border:1px solid var(--stroke);border-radius:6px;font-size:11.5px;line-height:1.5;color:var(--fg-tertiary);white-space:pre-wrap;word-break:break-word}:where([data-mod=mail]) .fitem{display:flex;align-items:center;gap:10px}:where([data-mod=mail]) .fitem .nm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .fitem .ct{flex:0 0 auto;margin-left:auto;min-width:2.6em;text-align:right;font-size:12px}:where([data-mod=mail]) .fitem-row{display:flex;align-items:center}:where([data-mod=mail]) .fitem-row .fitem-act{flex:0 0 26px}:where([data-mod=mail]) .fdrawer-btn{display:none}:where([data-mod=mail]) .fdrawer-bg{display:none}@container mail (max-width: 840px){:where([data-mod=mail]) .fdrawer-btn{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border:0;border-radius:6px;background:none;color:var(--fg-secondary)}:where([data-mod=mail]) .fdrawer-btn:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .folders.open{display:flex;position:fixed;left:0;top:var(--header-h);bottom:0;width:min(280px,84vw);z-index:45;box-shadow:4px 0 24px rgba(0,0,0,.28);animation:mail-fdrawer-in .16s ease-out}@keyframes mail-fdrawer-in{0%{transform:translateX(-100%)}to{transform:none}}:where([data-mod=mail]) .fdrawer-bg{display:block;position:fixed;inset:var(--header-h) 0 0 0;z-index:44;background:rgba(0,0,0,.35)}}@media (max-width:767px){:where([data-mod=mail]) .lich-gui{position:fixed;left:8px;right:8px;bottom:76px;grid-template-columns:1fr 1fr}:where([data-mod=mail]) .lich-gui label{grid-column:1/-1}:where([data-mod=mail]) .lich-gui input{grid-column:1/-1}:where([data-mod=mail]) .undo-bar{left:8px;right:8px;transform:none;bottom:12px}@keyframes mail-undo-in{0%{opacity:0}to{opacity:1}}:where([data-mod=mail]) .cv-body{padding:4px 10px 12px}:where([data-mod=mail]) .cv-hd{padding:8px 10px;gap:8px}:where([data-mod=mail]) .cv-den{display:none}:where([data-mod=mail]) .cv-item{border-radius:8px}:where([data-mod=mail]) .api-guide{padding:10px}:where([data-mod=mail]) .api-sec-body{padding-left:8px}:where([data-mod=mail]) .api-snip pre{font-size:11.5px}:where([data-mod=mail]) .fitem .ct{min-width:2.2em}:where([data-mod=mail]) .rail-cfg{width:min(214px,90vw)}}@container mail (max-width: 420px){:where([data-mod=mail]) .cmdbar .cmd{padding:0 8px}:where([data-mod=mail]) .cv-luc{display:none}:where([data-mod=mail]) .list-title h2{font-size:14px}}@media (max-width:767px){:where([data-mod=mail]) .rail-dock,:where([data-mod=mail]) .rail-dock[data-side=bottom],:where([data-mod=mail]) .rail-dock[data-side=left],:where([data-mod=mail]) .rail-dock[data-side=right],:where([data-mod=mail]) .rail-dock[data-side=top]{flex-direction:row;align-items:flex-end;justify-content:center;padding:0;inset:auto 0 0 0}:where([data-mod=mail]) .rail-dock .rail-slot{width:100%}:where([data-mod=mail]) .rail-dock .rail,:where([data-mod=mail]) .rail-dock[data-side=left] .rail,:where([data-mod=mail]) .rail-dock[data-side=right] .rail{flex-direction:row;width:100%;justify-content:space-around;border-radius:14px 14px 0 0;border-bottom:0;padding:4px 2px calc(4px + env(safe-area-inset-bottom, 0px))}:where([data-mod=mail]) .rail-btn{width:auto;flex:1 1 0;min-height:46px}:where([data-mod=mail]) .rail-label{font-size:9.5px}:where([data-mod=mail]) .rail-more,:where([data-mod=mail]) .rail-sep,:where([data-mod=mail]) .rail-tab{display:none}:where([data-mod=mail]) .rail-dock[data-shown="0"] .rail{transform:none;opacity:1;visibility:visible}:where([data-mod=mail]) .rail-dock[data-shown="0"] .rail-slot{pointer-events:auto}[data-mod=mail]{--rail-h:0px}:where([data-mod=mail]) .list.wide .rows,:where([data-mod=mail]) .rows{padding-bottom:calc(var(--rail-h) + 6px)}:where([data-mod=mail]) .reader-body{padding-bottom:calc(var(--rail-h) + 10px)}:where([data-mod=mail]) .undo-bar{bottom:calc(var(--rail-h) + 12px)}:where([data-mod=mail]) .chat-box{padding-bottom:calc(10px + var(--rail-h))}:where([data-mod=mail]) .cal-wrap{padding-bottom:var(--rail-h)}:where([data-mod=mail]) .pane{padding-bottom:calc(24px + var(--rail-h))}:where([data-mod=mail]) .dt-ds,:where([data-mod=mail]) .gy-list,:where([data-mod=mail]) .the-ds{max-height:40vh}}[data-mod=mail]{--nhip:140ms;--duong-cong:cubic-bezier(.2,0,.2,1)}:where([data-mod=mail]) .fitem-row{position:relative;padding-right:30px}:where([data-mod=mail]) .fitem-row .fitem{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .fitem-act{position:absolute;right:2px;top:50%;transform:translateY(-50%);flex:none}:where([data-mod=mail]) .fitem .ct{min-width:3.2em;font-variant-numeric:tabular-nums;letter-spacing:.01em}:where([data-mod=mail]) .att,:where([data-mod=mail]) .cmd,:where([data-mod=mail]) .cv-hd,:where([data-mod=mail]) .fgroup-add,:where([data-mod=mail]) .fitem,:where([data-mod=mail]) .fitem-act,:where([data-mod=mail]) .icon-btn,:where([data-mod=mail]) .ns-list button,:where([data-mod=mail]) .pv-tabs button,:where([data-mod=mail]) .rail-btn,:where([data-mod=mail]) .row,:where([data-mod=mail]) .sb-chip,:where([data-mod=mail]) .sb-ic{transition:background-color var(--nhip) var(--duong-cong),color var(--nhip) var(--duong-cong),box-shadow var(--nhip) var(--duong-cong)}:where([data-mod=mail]) .fgroup-add:hover,:where([data-mod=mail]) .fitem-act:hover,:where([data-mod=mail]) .fitem:hover{background:var(--hover-bg)}:where([data-mod=mail]) .fitem:active{background:var(--stroke)}:where([data-mod=mail]) .cmd:focus-visible,:where([data-mod=mail]) .fitem:focus-visible,:where([data-mod=mail]) .icon-btn:focus-visible,:where([data-mod=mail]) .newmail:focus-visible,:where([data-mod=mail]) .rail-btn:focus-visible,:where([data-mod=mail]) .row:focus-visible,:where([data-mod=mail]) .sb-ic:focus-visible,:where([data-mod=mail]) .send:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:where([data-mod=mail]) .fitem.on{background:var(--sel-bg);color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}:where([data-mod=mail]) .fitem.on .ct{color:var(--brand)}:where([data-mod=mail]) .fitem .nm{font-weight:400}:where([data-mod=mail]) .fitem.on .nm{font-weight:600}:where([data-mod=mail]) .row.on,:where([data-mod=mail]) .row.selected{box-shadow:inset 3px 0 0 var(--brand)}:where([data-mod=mail]) .row:hover{background:var(--hover-bg)}:where([data-mod=mail]) .att:hover{background:var(--hover-bg)}:where([data-mod=mail]) .sb{position:relative;flex:1 1 auto;max-width:760px;margin:0 auto}:where([data-mod=mail]) .sb-box{display:flex;align-items:center;gap:6px;min-height:34px;padding:3px 6px 3px 10px;border-radius:6px;background:rgba(255,255,255,.18);flex-wrap:nowrap}:where([data-mod=mail]) .sb-box:focus-within{background:#fff}:where([data-mod=mail]) .tim-sang:focus-within .sb{max-width:none}:where([data-mod=mail]) .sb-box>svg{color:#fff;opacity:.85;flex:0 0 auto}:where([data-mod=mail]) .sb-box:focus-within>svg{color:var(--fg-secondary);opacity:1}:where([data-mod=mail]) .sb-box input{flex:1 1 90px;min-width:72px;height:28px;border:0;background:none;outline:none;font:inherit;font-size:14px;color:#fff}:where([data-mod=mail]) .sb-box input::placeholder{color:rgba(255,255,255,.8)}:where([data-mod=mail]) .sb-box:focus-within input{color:var(--fg)}:where([data-mod=mail]) .sb-box:focus-within input::placeholder{color:var(--fg-tertiary)}:where([data-mod=mail]) .sb-box input[type=search]::-webkit-search-cancel-button,:where([data-mod=mail]) .sb-box input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}:where([data-mod=mail]) .sb-chips{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}:where([data-mod=mail]) .sb-chips::-webkit-scrollbar{display:none}:where([data-mod=mail]) .sb-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 6px 2px 8px;border:0;border-radius:4px;background:rgba(255,255,255,.3);color:#fff;font:inherit;font-size:12px;max-width:210px;flex:0 0 auto;overflow:hidden}:where([data-mod=mail]) .sb-chip>svg{flex:0 0 auto}:where([data-mod=mail]) .sb-chip-k{flex:0 0 auto}:where([data-mod=mail]) .sb-chip-v{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .sb-box:focus-within .sb-chip{background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .sb-chip:hover{background:rgba(255,255,255,.45)}:where([data-mod=mail]) .sb-box:focus-within .sb-chip:hover{background:#d4e7fb}:where([data-mod=mail]) .sb-chip-k{opacity:.75;font-size:11px}:where([data-mod=mail]) .sb-ic{width:28px;height:28px;flex:0 0 auto;position:relative;display:grid;place-items:center;border:0;border-radius:4px;background:none;color:#fff}:where([data-mod=mail]) .sb-box:focus-within .sb-ic{color:var(--fg-secondary)}:where([data-mod=mail]) .sb-ic:hover{background:rgba(255,255,255,.22)}:where([data-mod=mail]) .sb-box:focus-within .sb-ic:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .sb-ic.on{color:var(--brand);background:#fff}:where([data-mod=mail]) .sb-ic:disabled{opacity:.45}:where([data-mod=mail]) .sb-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:55;background:var(--surface);border:1px solid var(--stroke);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.22);color:var(--fg)}:where([data-mod=mail]) .sb-suggest{padding:6px;display:flex;flex-direction:column;gap:2px;overflow:hidden}:where([data-mod=mail]) .sb-suggest button{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:7px 9px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;color:var(--fg);text-align:left}:where([data-mod=mail]) .sb-suggest button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .sb-suggest button>svg{flex:0 0 auto}:where([data-mod=mail]) .sb-suggest button strong{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .sb-suggest button span{flex:0 1 auto;min-width:0;color:var(--fg-tertiary);font-size:12px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .sb-quick{color:var(--brand)!important;font-size:12.5px!important}:where([data-mod=mail]) .sb-day-du{display:flex;align-items:flex-start;gap:8px;padding:8px 9px;margin-bottom:2px;border-bottom:1px solid var(--stroke);font-size:13px;color:var(--fg);overflow-wrap:anywhere;line-height:1.45}:where([data-mod=mail]) .sb-day-du>svg{flex:0 0 auto;margin-top:2px;color:var(--fg-tertiary)}:where([data-mod=mail]) .tim-nhung .sb-pv{max-width:96px}:where([data-mod=mail]) .sb-pv{flex:0 0 auto;max-width:140px;border:0;background:transparent;color:#fff;font:inherit;font-size:12px;padding:2px 4px;border-radius:6px;cursor:pointer;opacity:.9}:where([data-mod=mail]) .sb-box:focus-within .sb-pv{color:var(--fg-secondary)}:where([data-mod=mail]) .sb-pv:hover{background:rgba(255,255,255,.18)}:where([data-mod=mail]) .sb-box:focus-within .sb-pv:hover{background:var(--hover-bg)}:where([data-mod=mail]) .sb-pv option{color:var(--fg);background:var(--surface)}:where([data-mod=mail]) mark.tk{background:#ffe89a;color:#1f1f1f;border-radius:2px;padding:0 1px;box-decoration-break:clone}:where([data-mod=mail]) .row.on mark.tk,:where([data-mod=mail]) .row:hover mark.tk{background:#ffd75e}:where([data-mod=mail]) .xep-theo{display:inline-flex;gap:2px;margin-left:6px}:where([data-mod=mail]) .xep-theo button{padding:3px 9px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;font-size:12px;color:var(--fg-secondary);cursor:pointer;white-space:nowrap}:where([data-mod=mail]) .xep-theo button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .xep-theo button.on{background:var(--sel-bg);color:var(--brand);font-weight:600}:where([data-mod=mail]) .tag.ai{display:inline-flex;align-items:center;gap:4px;background:var(--sel-bg);color:var(--brand)}@container mail (max-width: 800px){:where([data-mod=mail]) .sb{max-width:none}:where([data-mod=mail]) .sb-chip{max-width:130px}:where([data-mod=mail]) .sb-pv{max-width:92px}:where([data-mod=mail]) .xep-theo{display:none}}:where([data-mod=mail]) .gy{position:relative;width:100%}:where([data-mod=mail]) .gy-wrap{position:relative}:where([data-mod=mail]) .gy-o{position:relative;display:flex}:where([data-mod=mail]) .gy-o>input{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .gy input,:where([data-mod=mail]) .gy-ghost{width:100%;height:32px;padding:0 10px;font:inherit;font-size:13.5px;line-height:32px;border:1px solid var(--stroke-strong);border-radius:6px;box-sizing:border-box}:where([data-mod=mail]) .gy-wrap{background:var(--surface);border-radius:6px}:where([data-mod=mail]) .gy input{position:relative;color:var(--fg);outline:none;background:transparent!important}:where([data-mod=mail]) .gy input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--sel-bg)}:where([data-mod=mail]) .gy-ghost{position:absolute;inset:0;border-color:transparent;display:flex;align-items:center;pointer-events:none;white-space:pre;overflow:hidden;background:transparent}:where([data-mod=mail]) .gy-ghost-typed{color:transparent}:where([data-mod=mail]) .gy-ghost-rest{color:var(--fg-tertiary)}:where([data-mod=mail]) .gy-tab{margin-left:8px;padding:1px 5px;border-radius:3px;border:1px solid var(--stroke-strong);background:var(--bg);font-size:10px;font-family:inherit;color:var(--fg-tertiary)}:where([data-mod=mail]) .gy-wrap.gy-nhieu{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 0 4px 10px}:where([data-mod=mail]) .gy-nhieu .gy-ghost,:where([data-mod=mail]) .gy-nhieu input{padding:0}:where([data-mod=mail]) .gy-nhieu .gy-o{flex:1 1 120px;min-width:90px}:where([data-mod=mail]) .gy-vien{display:inline-flex;align-items:center;gap:1px;max-width:100%;height:24px;padding:0 3px 0 10px;border-radius:13px;background:var(--sel-bg);color:var(--fg);font-size:12.5px;line-height:1;animation:mail-gy-vien-vao .16s ease-out}@keyframes mail-gy-vien-vao{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .gy-vien{animation:none}}:where([data-mod=mail]) .gy-vien-ten{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .gy-vien-bo{flex:none;width:16px;height:16px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--fg-tertiary);cursor:pointer;font:inherit;font-size:13px;line-height:1}:where([data-mod=mail]) .gy-vien-bo:hover{background:rgba(0,0,0,.12);color:var(--fg)}[data-mod=mail][data-theme=dark] .gy-vien-bo:hover{background:rgba(255,255,255,.16)}:where([data-mod=mail]) .gy-vien.hong{background:#fdeaec;color:var(--danger)}[data-mod=mail][data-theme=dark] .gy-vien.hong{background:#3b1f23}:where([data-mod=mail]) .gy-vien.hong .gy-vien-bo{color:inherit}:where([data-mod=mail]) .gy-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--stroke);border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.18);max-height:240px;overflow-y:auto}:where([data-mod=mail]) .gy-list button{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 9px;border:0;border-radius:5px;background:none;font:inherit;font-size:13px;color:var(--fg);text-align:left}:where([data-mod=mail]) .gy-list button.on{background:var(--sel-bg)}:where([data-mod=mail]) .gy-list button.on strong{color:var(--brand)}:where([data-mod=mail]) .gy-txt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1 1 auto}:where([data-mod=mail]) .gy-txt strong{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .gy-txt span{color:var(--fg-tertiary);font-size:11.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .gy-tick{flex:0 0 auto;width:15px;height:15px;border-radius:3px;border:1px solid var(--stroke-strong);background:var(--surface)}:where([data-mod=mail]) .gy-tick.on{background:var(--brand);border-color:var(--brand);display:grid;place-items:center}:where([data-mod=mail]) .gy-tick.on:after{content:"✓";color:#fff;font-size:11px;line-height:1}:where([data-mod=mail]) .field .gy-wrap{background:transparent}:where([data-mod=mail]) .field .gy input,:where([data-mod=mail]) .field .gy-ghost{border:0;border-radius:0;height:30px;line-height:30px}:where([data-mod=mail]) .field .gy input:focus{box-shadow:none}:where([data-mod=mail]) .field:has(.gy-nhieu){min-height:36px}:where([data-mod=mail]) .field .gy-ghost{background:transparent}:where([data-mod=mail]) .reader-bar{position:absolute;top:0;left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--brand),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:mail-reader-bar 1s linear infinite}@keyframes mail-reader-bar{0%{background-position:-40% 0}to{background-position:140% 0}}:where([data-mod=mail]) .reader.busy .reader-body{opacity:.55}:where([data-mod=mail]) .reader-body{transition:opacity .12s var(--duong-cong)}:where([data-mod=mail]) .reader-body{animation:mail-thu-vao .18s var(--duong-cong)}@keyframes mail-thu-vao{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .folders.open,:where([data-mod=mail]) .reader-body,:where([data-mod=mail]) .undo-bar{animation:none}:where([data-mod=mail]) .reader-bar{animation-duration:3s}}:where([data-mod=mail]) .ns-pane{width:374px;flex:0 0 374px;overflow:hidden}:where([data-mod=mail]) .ns-pane .ns-sec:not(.ns-buoc){flex:0 1 auto;overflow-y:auto;min-height:0}:where([data-mod=mail]) .ns-buoc{flex:0 0 50%;min-height:0;display:flex;flex-direction:column;overflow:hidden}:where([data-mod=mail]) .ns-buoc .ns-list{flex:1 1 auto;min-height:0;overflow-y:auto}:where([data-mod=mail]) .ns-buoc .ns-thu,:where([data-mod=mail]) .ns-buoc h4{flex:0 0 auto}@container mail (max-width: 1340px){:where([data-mod=mail]) .ns-pane{width:320px;flex:0 0 320px}}:where([data-mod=mail]) .gl{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0}:where([data-mod=mail]) .gl-chat{margin:0 14px 8px;max-height:132px;overflow-y:auto}:where([data-mod=mail]) .gl-o{position:relative;margin:0;width:96px;display:flex;flex-direction:column;gap:4px}:where([data-mod=mail]) .gl-mo{display:grid;place-items:center;width:96px;height:72px;padding:0;border:1px solid var(--stroke);border-radius:8px;background:var(--bg);overflow:hidden;cursor:pointer}:where([data-mod=mail]) .gl-anh .gl-mo{background:#0e1725}:where([data-mod=mail]) .gl-mo img{width:100%;height:100%;object-fit:cover;display:block}:where([data-mod=mail]) .gl-ico{color:var(--fg-tertiary)}:where([data-mod=mail]) .gl-o.bad .gl-mo{border-color:var(--danger)}:where([data-mod=mail]) .gl-o figcaption{display:flex;flex-direction:column;line-height:1.25}:where([data-mod=mail]) .gl-ten{font-size:11px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .gl-co{font-size:10.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .dk-the{--dk-mau:var(--fg-tertiary);--dk-nen:var(--bg);position:relative;flex:0 1 268px;min-width:0;display:flex;align-items:stretch;border:1px solid var(--stroke);border-radius:10px;background:var(--surface);overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}:where([data-mod=mail]) .dk-the:hover{border-color:var(--stroke-strong);box-shadow:0 2px 10px rgba(0,0,0,.08)}:where([data-mod=mail]) .dk-the:focus-within{border-color:var(--brand)}:where([data-mod=mail]) .dk-mo{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 6px 7px 7px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}:where([data-mod=mail]) .dk-mo:hover{background:var(--hover-bg)}:where([data-mod=mail]) .dk-o{flex:0 0 auto;width:52px;height:44px;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:var(--dk-nen);color:var(--dk-mau)}:where([data-mod=mail]) .dk-o img{width:100%;height:100%;object-fit:cover;display:block}:where([data-mod=mail]) .dk-duoi{font-size:11px;font-weight:700;letter-spacing:.03em}:where([data-mod=mail]) .dk-chu{min-width:0;display:flex;flex-direction:column;gap:2px}:where([data-mod=mail]) .dk-ten{font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .dk-meta{font-size:11.5px;color:var(--fg-tertiary);white-space:nowrap}:where([data-mod=mail]) .dk-tai{flex:0 0 auto;width:36px;display:grid;place-items:center;border:0;border-left:1px solid var(--stroke);background:none;color:var(--fg-tertiary);cursor:pointer}:where([data-mod=mail]) .dk-tai:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .dk-x{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--fg);color:var(--surface);opacity:0;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}:where([data-mod=mail]) .dk-the:hover .dk-x,:where([data-mod=mail]) .dk-x:focus-visible{opacity:1}:where([data-mod=mail]) .dk-the[data-kind=pdf]{--dk-mau:#c4314b;--dk-nen:#fdebee}:where([data-mod=mail]) .dk-the[data-kind=sheet]{--dk-mau:#107c41;--dk-nen:#e6f4ec}:where([data-mod=mail]) .dk-the[data-kind=docx],:where([data-mod=mail]) .dk-the[data-kind=legacy]{--dk-mau:#185abd;--dk-nen:#e8f0fd}:where([data-mod=mail]) .dk-the[data-kind=slides]{--dk-mau:#c43e1c;--dk-nen:#fdeee9}:where([data-mod=mail]) .dk-the[data-kind=image]{--dk-mau:#8764b8;--dk-nen:#f2ecfa}:where([data-mod=mail]) .dk-the[data-kind=zip]{--dk-mau:#986f0b;--dk-nen:#fbf3e0}:where([data-mod=mail]) .dk-the[data-kind=video]{--dk-mau:#0f6cbd;--dk-nen:#e7f1fb}:where([data-mod=mail]) .dk-the[data-kind=audio]{--dk-mau:#0a7c86;--dk-nen:#e2f3f4}[data-mod=mail][data-theme=dark] .dk-the[data-kind=pdf]{--dk-nen:#3a1a20}[data-mod=mail][data-theme=dark] .dk-the[data-kind=sheet]{--dk-nen:#14301f}[data-mod=mail][data-theme=dark] .dk-the[data-kind=docx],[data-mod=mail][data-theme=dark] .dk-the[data-kind=legacy]{--dk-nen:#16233c}[data-mod=mail][data-theme=dark] .dk-the[data-kind=slides]{--dk-nen:#3a1d13}[data-mod=mail][data-theme=dark] .dk-the[data-kind=image]{--dk-nen:#271f38}[data-mod=mail][data-theme=dark] .dk-the[data-kind=zip]{--dk-nen:#322709}[data-mod=mail][data-theme=dark] .dk-the[data-kind=video]{--dk-nen:#12263a}[data-mod=mail][data-theme=dark] .dk-the[data-kind=audio]{--dk-nen:#0f2c2e}[data-mod=mail][data-theme=dark] .dk-the:hover{box-shadow:0 2px 10px rgba(0,0,0,.5)}@container mail (max-width: 560px){:where([data-mod=mail]) .dk-the{flex:1 1 100%}}:where([data-mod=mail]) .gl-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--fg);color:#fff;opacity:0;box-shadow:0 1px 4px rgba(0,0,0,.3)}:where([data-mod=mail]) .gl-o:hover .gl-x,:where([data-mod=mail]) .gl-x:focus-visible{opacity:1}:where([data-mod=mail]) .gl-tai,:where([data-mod=mail]) .gl-tai .gl-mo{justify-content:center;align-items:center}:where([data-mod=mail]) .gl-tai{height:72px;display:grid;place-items:center;border:1px dashed var(--stroke-strong);border-radius:8px}:where([data-mod=mail]) .spin{width:13px;height:13px;flex:0 0 auto;display:inline-block;border:2px solid;border-right:2px solid transparent;border-radius:50%;opacity:.8;animation:mail-spin .6s linear infinite}@keyframes mail-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .spin{animation-duration:2s}}:where([data-mod=mail]) .compose.keo{outline:2px dashed var(--brand);outline-offset:-6px}:where([data-mod=mail]) .compose-keo{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(255,255,255,.86);color:var(--brand);font-weight:600;font-size:14px;pointer-events:none}[data-mod=mail][data-theme=dark] .compose-keo{background:rgba(24,33,49,.9)}@media (max-width:767px){:where([data-mod=mail]) .gl-mo,:where([data-mod=mail]) .gl-o{width:78px}:where([data-mod=mail]) .gl-mo{height:60px}}:where([data-mod=mail]) .tde-dau{display:inline-flex;align-items:center;vertical-align:-2px;margin-right:5px;color:var(--fg-tertiary);flex:none}:where([data-mod=mail]) .row.unread .tde-dau{color:var(--brand)}:where([data-mod=mail]) .subj{display:flex;align-items:center;min-width:0}:where([data-mod=mail]) .tde-chu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .reader-body h1 .tde-chu{overflow:visible;white-space:normal}:where([data-mod=mail]) .reader-body h1{display:flex;align-items:baseline}:where([data-mod=mail]) .reader-body h1 .tde-dau{vertical-align:baseline}:where([data-mod=mail]) .qt-nut{display:inline-flex;align-items:center;gap:7px;margin:10px 0 2px;padding:2px 9px;border:1px solid var(--stroke-strong);border-radius:11px;background:var(--hover-bg);color:var(--fg-secondary);font:inherit;font-size:12px;line-height:18px;cursor:pointer}:where([data-mod=mail]) .qt-nut:hover{background:var(--stroke);color:var(--fg)}:where([data-mod=mail]) .qt-nut:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:where([data-mod=mail]) .qt-cham{font-weight:700;letter-spacing:1px;line-height:12px}:where([data-mod=mail]) .qt-chu{display:none}:where([data-mod=mail]) .qt-nut.on .qt-chu,:where([data-mod=mail]) .qt-nut:focus-visible .qt-chu,:where([data-mod=mail]) .qt-nut:hover .qt-chu{display:inline}:where([data-mod=mail]) .qt-cu,:where([data-mod=mail]) .qt-hien .gmail_quote,:where([data-mod=mail]) .qt-hien [id^=divRplyFwdMsg],:where([data-mod=mail]) .qt-hien blockquote{margin-top:8px;padding-left:12px;border-left:2px solid var(--stroke-strong);color:var(--fg-secondary)}:where([data-mod=mail]) .qt-cu{white-space:pre-wrap;font-family:inherit;font-size:13px}:where([data-mod=mail]) .qt-cu,:where([data-mod=mail]) .qt-hien{overflow-wrap:anywhere}:where([data-mod=mail]) .mai-nhanh{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .mai-nhanh .cmd.on{background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .tt{margin:10px 0 14px;padding:12px 14px;border:1px solid var(--stroke);border-radius:10px;background:var(--surface)}:where([data-mod=mail]) .tt-cho,:where([data-mod=mail]) .tt-loi{display:flex;align-items:center;gap:8px;font-size:13px}:where([data-mod=mail]) .tt-loi{color:var(--danger)}:where([data-mod=mail]) .tt-hd{display:flex;align-items:center;justify-content:space-between}:where([data-mod=mail]) .tt-hd strong{display:flex;align-items:center;gap:6px;font-size:13px}:where([data-mod=mail]) .tt-tong{margin:8px 0 10px;font-size:13.5px;line-height:1.55}:where([data-mod=mail]) .tt-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}:where([data-mod=mail]) .tt-y{display:flex;gap:8px;align-items:flex-start;padding:6px 9px;border-radius:7px;font-size:13px;line-height:1.5;border-left:3px solid transparent}:where([data-mod=mail]) .tt-muc{display:inline-flex;padding-top:2px;flex:none}:where([data-mod=mail]) .tt-cham{width:5px;height:5px;margin:4px 3px;border-radius:50%;background:currentColor;opacity:.5}:where([data-mod=mail]) .tt-cao{border-left-color:var(--danger);background:rgba(197,15,31,.06);color:var(--fg);font-weight:600}:where([data-mod=mail]) .tt-cao .tt-muc{color:var(--danger)}:where([data-mod=mail]) .tt-vua{border-left-color:var(--brand);background:var(--sel-bg)}:where([data-mod=mail]) .tt-vua .tt-muc{color:var(--brand)}:where([data-mod=mail]) .tt-thap{color:var(--fg-secondary)}:where([data-mod=mail]) .tt-tep{margin-top:12px;border-top:1px dashed var(--stroke);padding-top:10px}:where([data-mod=mail]) .tt-tep-hd{display:flex;align-items:center;gap:5px;margin-bottom:7px;font-size:11.5px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .tt-tep-m{margin-bottom:8px;padding-left:9px;border-left:2px solid var(--brand)}:where([data-mod=mail]) .tt-tep-m:last-child{margin-bottom:0}:where([data-mod=mail]) .tt-tep-m.cho{border-left-color:var(--stroke-strong)}:where([data-mod=mail]) .tt-tep-ten{font-size:12px;font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .tt-tep-y{font-size:12.5px;line-height:1.5;color:var(--fg-secondary)}:where([data-mod=mail]) .tt-tep-m.cho .tt-tep-y{font-style:italic;color:var(--fg-tertiary)}:where([data-mod=mail]) .tt-han{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--danger)}:where([data-mod=mail]) .tt-hoi{margin-top:12px;border-top:1px dashed var(--stroke);padding-top:10px}:where([data-mod=mail]) .tt-hoi-hd{font-size:11.5px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}:where([data-mod=mail]) .tt-hoi .idea{display:block;width:100%;text-align:left;margin-bottom:5px}:where([data-mod=mail]) .nn{margin-top:10px;padding:12px;border:1px solid var(--brand);border-radius:10px;background:var(--surface)}:where([data-mod=mail]) .nn-hd{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--brand)}:where([data-mod=mail]) .nn-o{display:flex;align-items:center;gap:8px;margin-bottom:7px}:where([data-mod=mail]) .nn-o>span{flex:none;width:46px;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .nn-o input{flex:1;min-width:0;height:30px;padding:0 8px;font:inherit;font-size:13px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .nn-than{width:100%;margin-top:4px;padding:9px;font:inherit;font-size:13px;line-height:1.55;resize:vertical;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .nn-o input:focus,:where([data-mod=mail]) .nn-than:focus{outline:2px solid var(--accent);outline-offset:-1px}:where([data-mod=mail]) .nn-nut{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}:where([data-mod=mail]) .cmd.primary{background:var(--brand-fill,var(--brand));color:#fff;border-color:transparent}:where([data-mod=mail]) .cmd.primary:hover{background:var(--brand-hover)}:where([data-mod=mail]) .cmd.primary:disabled{opacity:.6}:where([data-mod=mail]) .nn-xong{display:flex;align-items:center;gap:7px;margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--sel-bg);color:var(--brand);font-size:13px}:where([data-mod=mail]) .tn-kep{max-height:210px;overflow:hidden;position:relative}:where([data-mod=mail]) .tn-kep.tn-day:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}:where([data-mod=mail]) .cv-me .tn-kep.tn-day:after{background:linear-gradient(to bottom,transparent,var(--sel-bg))}:where([data-mod=mail]) .cv-bung{flex:none;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--stroke-strong);border-radius:11px;background:var(--surface);color:var(--fg-secondary);font:inherit;font-size:11.5px;line-height:17px;cursor:pointer}:where([data-mod=mail]) .cv-bung:hover{background:var(--hover-bg);color:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .cv-cc{flex:none;display:flex;gap:1px;opacity:.45;transition:opacity .12s}:where([data-mod=mail]) .cv-cc:focus-within,:where([data-mod=mail]) .cv-item:hover .cv-cc{opacity:1}@media (hover:none){:where([data-mod=mail]) .cv-cc{opacity:1}}:where([data-mod=mail]) .cv-cc .ic{width:26px;height:26px}:where([data-mod=mail]) .cv-cc .ic:hover{color:var(--brand);background:var(--hover-bg)}:where([data-mod=mail]) .cv-body{padding:0 12px 10px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}:where([data-mod=mail]) .cv-body img{max-width:100%;height:auto}:where([data-mod=mail]) .cv-body pre{white-space:pre-wrap;font-family:inherit;margin:0}:where([data-mod=mail]) .cv-item.cv-het{max-width:94%}:where([data-mod=mail]) .cv-item.cv-gon{width:100%;border-radius:10px}:where([data-mod=mail]) .cv-hd.cv-hd-gon{padding:0 6px 0 0;gap:2px}:where([data-mod=mail]) .cv-item.cv-me .cv-hd.cv-hd-gon{padding:0 0 0 6px}:where([data-mod=mail]) .cv-gon-mo{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;background:none;cursor:pointer;font:inherit;color:var(--fg);text-align:left}:where([data-mod=mail]) .cv-gon-mo:hover{background:var(--hover-bg)}:where([data-mod=mail]) .cv-gon-mo:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}:where([data-mod=mail]) .cv-gon-mo>svg{flex:0 0 auto;color:var(--fg-tertiary)}:where([data-mod=mail]) .cv-hd-gon .avatar{width:22px;height:22px;font-size:9.5px;flex:0 0 auto}:where([data-mod=mail]) .cv-gon-ten{flex:0 1 auto;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .cv-gon-tom{flex:1 1 0;min-width:0;font-size:12.5px;color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .cv-item.cv-me .cv-gon-mo{flex-direction:row-reverse;text-align:right}@media (max-width:767px){:where([data-mod=mail]) .cv-gon-mo{padding:7px 6px;gap:6px}}:where([data-mod=mail]) .reader-body h1.h1-kep{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where([data-mod=mail]) .h1-them{display:inline-flex;align-items:center;gap:5px;margin:-6px 0 12px;padding:3px 10px;border:1px solid var(--stroke-strong);border-radius:999px;background:none;color:var(--fg-secondary);font:inherit;font-size:12px;line-height:18px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}:where([data-mod=mail]) .h1-them:hover{background:var(--hover-bg);color:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .h1-them:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-mod=mail].thu-rong .folders,[data-mod=mail].thu-rong .list-wrap{display:none}:where([data-mod=mail]) .reader-toan{position:fixed;inset:0;z-index:90;border-radius:0;border:0;background:var(--surface)}:where([data-mod=mail]) .reader-toan .reader-body{max-width:1100px;margin:0 auto;width:100%}@keyframes mail-thu-bay{0%{transform:none;opacity:1}55%{transform:translate(14px,-14px) rotate(12deg);opacity:0}56%{transform:translate(-10px,10px);opacity:0}to{transform:none;opacity:1}}:where([data-mod=mail]) .send-bay .spin{animation-duration:.6s}:where([data-mod=mail]) .send-bay svg{animation:mail-thu-bay .75s ease-in-out infinite}:where([data-mod=mail]) .send-xong{background:#107c10;border-color:#107c10;color:#fff;animation:mail-xong-nay .34s ease-out}@keyframes mail-xong-nay{0%{transform:scale(.94)}55%{transform:scale(1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .send-bay svg,:where([data-mod=mail]) .send-xong{animation:none}}:where([data-mod=mail]) .cv-item.cv-moi{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset,0 1px 6px rgba(15,108,189,.14)}:where([data-mod=mail]) .xd-the{padding:0 16px 10px}:where([data-mod=mail]) .xd-nen{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);padding:24px}:where([data-mod=mail]) .xd{display:flex;flex-direction:column;width:min(1240px,100%);height:min(880px,100%);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.3)}:where([data-mod=mail]) .xd-hd{display:flex;align-items:center;gap:12px;flex:none;padding:12px 16px;border-bottom:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .xd-hd-main{flex:1;min-width:0}:where([data-mod=mail]) .xd-tt{font-size:15px;font-weight:600;line-height:1.35}:where([data-mod=mail]) .xd-ai{font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .xd-luc{font-size:12px;color:var(--fg-tertiary);flex:none}:where([data-mod=mail]) .xd-than{flex:1;display:flex;min-height:0}:where([data-mod=mail]) .xd-trai{flex:1 1 auto;min-width:0;overflow-y:auto;padding:18px 22px}:where([data-mod=mail]) .xd-phai{flex:0 0 340px;overflow-y:auto;padding:14px;border-left:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .xd-moi{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.65;margin:0}:where([data-mod=mail]) .xd-html{font-size:14px;line-height:1.6;overflow-wrap:anywhere}:where([data-mod=mail]) .xd-html img{max-width:100%;height:auto}:where([data-mod=mail]) .xd-bao{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 11px;border-radius:7px;background:var(--sel-bg);color:var(--brand);font-size:12.5px}:where([data-mod=mail]) .xd-cu{margin-top:22px;border-top:1px solid var(--stroke);padding-top:12px}:where([data-mod=mail]) .xd-cu-hd{font-size:11.5px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}:where([data-mod=mail]) .xd-tang{border:1px solid var(--stroke);border-radius:8px;margin-bottom:6px}:where([data-mod=mail]) .xd-tang.mo{border-color:var(--stroke-strong)}:where([data-mod=mail]) .xd-tang-hd{width:100%;display:flex;align-items:center;gap:7px;padding:8px 11px;border:0;background:none;text-align:left;font:inherit;font-size:12.5px;color:var(--fg);cursor:pointer}:where([data-mod=mail]) .xd-tang-hd:hover{background:var(--hover-bg)}:where([data-mod=mail]) .xd-tang-nhan{font-weight:600;flex:none}:where([data-mod=mail]) .xd-tang-tom{color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .xd-tang-than{margin:0;padding:4px 12px 12px 30px;white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.6;color:var(--fg-secondary)}@container mail (max-width: 840px){:where([data-mod=mail]) .xd-nen{padding:0}:where([data-mod=mail]) .xd{width:100%;height:100%;border-radius:0}:where([data-mod=mail]) .xd-than{flex-direction:column-reverse}:where([data-mod=mail]) .xd-phai{flex:none;border-left:0;border-bottom:1px solid var(--stroke)}}:where([data-mod=mail]) .dt{position:relative;display:inline-flex;flex:none}:where([data-mod=mail]) .dt .cmd.sm{border-radius:11px 0 0 11px}:where([data-mod=mail]) .dt-mui{border-radius:0 11px 11px 0;margin-left:-1px;padding:0 5px}:where([data-mod=mail]) .dt-bang{position:absolute;top:calc(100% + 4px);right:0;z-index:60;width:210px;padding:6px;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.16)}:where([data-mod=mail]) .dt-loc{width:100%;height:28px;padding:0 8px;margin-bottom:4px;font:inherit;font-size:12.5px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .dt-ds{max-height:240px;overflow-y:auto}:where([data-mod=mail]) .dt-muc{width:100%;padding:6px 8px;border:0;border-radius:5px;background:none;text-align:left;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}:where([data-mod=mail]) .dt-muc:hover{background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .dt-trong{padding:8px;font-size:12.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .tdn{flex:none;border-top:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .tdn-hd{width:100%;display:flex;align-items:center;gap:6px;padding:8px 12px;border:0;background:none;text-align:left;font:inherit;font-size:12.5px;color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .tdn-hd:hover{color:var(--brand)}:where([data-mod=mail]) .tdn-than{margin:0;padding:0 12px 12px 30px;max-height:220px;overflow-y:auto;white-space:pre-wrap;font-family:inherit;font-size:12.5px;line-height:1.55;color:var(--fg-tertiary)}:where([data-mod=mail]) .ctl{flex:none;display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--stroke);background:var(--bg)}:where([data-mod=mail]) .ctl button{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--stroke-strong);border-radius:13px;background:var(--surface);color:var(--fg-secondary);font:inherit;font-size:12.5px;cursor:pointer}:where([data-mod=mail]) .ctl button:hover{border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .ctl button.on{background:var(--sel-bg);border-color:var(--brand);color:var(--brand);font-weight:600}@media (max-width:767px){:where([data-mod=mail]) .mai{position:fixed;inset:0;z-index:130;width:100%;max-width:none;height:100%;border:0;border-radius:0}:where([data-mod=mail]) .mai-body{padding:12px}:where([data-mod=mail]) .mai-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}[data-mod=mail].dang-chat .fab,[data-mod=mail].dang-chat .rail-dock,[data-mod=mail].dang-chat .undo{display:none}[data-mod=mail].dang-chat{overflow:hidden}}@media (max-width:767px){:where([data-mod=mail]) .compose{top:0;left:0;right:0;bottom:0;border-left:0}:where([data-mod=mail]) .compose.min{top:auto;left:8px;right:8px;width:auto;bottom:max(8px,var(--aiv-day));transform:translateY(calc(var(--min-i, 0) * -46px));border-radius:10px;border-bottom:1px solid var(--stroke-strong);box-shadow:0 6px 20px rgba(0,0,0,.18)}:where([data-mod=mail]) .compose.min .compose-hdr{border-radius:10px}}:where([data-mod=mail]) .the{position:relative;display:inline-flex;flex:none}:where([data-mod=mail]) .the-bang{position:absolute;top:calc(100% + 4px);right:0;z-index:70;width:236px;padding:6px;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.16)}:where([data-mod=mail]) .the-loc{width:100%;height:30px;padding:0 9px;margin-bottom:4px;font:inherit;font-size:13px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .the-ds{max-height:280px;overflow-y:auto}:where([data-mod=mail]) .the-muc{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border:0;border-radius:6px;background:none;text-align:left;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}:where([data-mod=mail]) .the-muc:hover{background:var(--hover-bg)}:where([data-mod=mail]) .the-muc.on{background:var(--sel-bg);font-weight:600}:where([data-mod=mail]) .the-ten{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .the-tao{color:var(--brand)}:where([data-mod=mail]) .the-goiy-hd,:where([data-mod=mail]) .the-trong{padding:8px;font-size:12px;color:var(--fg-tertiary)}:where([data-mod=mail]) .the-ql{width:100%;margin-top:4px;padding:8px;border:0;border-top:1px solid var(--stroke);background:none;font:inherit;font-size:12.5px;color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .the-ql:hover{color:var(--brand)}:where([data-mod=mail]) .the-cham{width:11px;height:11px;border-radius:3px;flex:none}:where([data-mod=mail]) .the-hang{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}:where([data-mod=mail]) .the-hang-doc{margin:0 0 14px}:where([data-mod=mail]) .the-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:9px;font-size:11px;line-height:16px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .the-chip button{display:inline-flex;padding:0;border:0;background:none;color:inherit;opacity:.6;cursor:pointer}:where([data-mod=mail]) .the-chip button:hover{opacity:1}:where([data-mod=mail]) .the-red{background:#fde7e9;color:#a4262c}:where([data-mod=mail]) .the-pink{background:#fde7f3;color:#b4009e}:where([data-mod=mail]) .the-orange{background:#fdeee3;color:#ca5010}:where([data-mod=mail]) .the-amber{background:#fdf3e3;color:#986f0b}:where([data-mod=mail]) .the-green{background:#e3f7e7;color:#0b6a0b}:where([data-mod=mail]) .the-blue{background:#e5f1fb;color:#005a9e}:where([data-mod=mail]) .the-purple{background:#f0e8fb;color:#5c2e91}:where([data-mod=mail]) .the-gray{background:#eeeeee;color:#4a4a4a}:where([data-mod=mail]) span.the-cham.the-red{background:#d13438}:where([data-mod=mail]) span.the-cham.the-pink{background:#e3008c}:where([data-mod=mail]) span.the-cham.the-orange{background:#ca5010}:where([data-mod=mail]) span.the-cham.the-amber{background:#eaa300}:where([data-mod=mail]) span.the-cham.the-green{background:#107c10}:where([data-mod=mail]) span.the-cham.the-blue{background:#0078d4}:where([data-mod=mail]) span.the-cham.the-purple{background:#8764b8}:where([data-mod=mail]) span.the-cham.the-gray{background:#8a8886}:where([data-mod=mail]) .the-ico{display:grid;place-items:center;flex:none;background:none}:where([data-mod=mail]) .the-ico.the-red{color:#d13438}:where([data-mod=mail]) .the-ico.the-pink{color:#e3008c}:where([data-mod=mail]) .the-ico.the-orange{color:#ca5010}:where([data-mod=mail]) .the-ico.the-amber{color:#eaa300}:where([data-mod=mail]) .the-ico.the-green{color:#107c10}:where([data-mod=mail]) .the-ico.the-blue{color:#0078d4}:where([data-mod=mail]) .the-ico.the-purple{color:#8764b8}:where([data-mod=mail]) .the-ico.the-gray{color:#8a8886}[data-mod=mail][data-theme=dark] .the-chip{filter:brightness(.92) saturate(1.1)}:where([data-mod=mail]) .anh-chan{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:8px 11px;border-radius:7px;background:var(--hover-bg);border:1px solid var(--stroke);font-size:12.5px;color:var(--fg-secondary)}:where([data-mod=mail]) .rd-tab{display:flex;align-items:center;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--stroke);padding-bottom:8px}:where([data-mod=mail]) .rd-tab button{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid transparent;border-radius:14px;background:none;color:var(--fg-secondary);font:inherit;font-size:13px;cursor:pointer}:where([data-mod=mail]) .rd-tab button:hover{background:var(--hover-bg);color:var(--fg)}:where([data-mod=mail]) .rd-tab button.on{background:var(--sel-bg);border-color:var(--brand);color:var(--brand);font-weight:600}:where([data-mod=mail]) .rd-tab-phu{margin-left:auto;font-size:11.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .lts{position:relative;padding-left:22px}:where([data-mod=mail]) .lts:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:var(--stroke)}:where([data-mod=mail]) .lts-cho,:where([data-mod=mail]) .lts-loi{padding:24px;text-align:center}:where([data-mod=mail]) .lts-loi{color:var(--danger)}:where([data-mod=mail]) .lts-nut{position:relative;margin-bottom:12px;padding:12px 14px;border:1px solid var(--stroke);border-radius:10px;background:var(--surface)}:where([data-mod=mail]) .lts-cham{position:absolute;left:-22px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--stroke-strong)}:where([data-mod=mail]) .lts-nut.cua-toi .lts-cham{border-color:var(--brand)}:where([data-mod=mail]) .lts-nut.moi{border-color:var(--brand);background:var(--sel-bg);box-shadow:0 0 0 1px var(--brand) inset}:where([data-mod=mail]) .lts-nut.moi .lts-cham{background:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .lts-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}:where([data-mod=mail]) .lts-luc{font-size:11.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .lts-ai{font-size:13px}:where([data-mod=mail]) .lts-nhan{padding:0 7px;border-radius:8px;background:var(--brand);color:#fff;font-size:10.5px;line-height:16px;font-weight:600}:where([data-mod=mail]) .lts-tt{display:block;margin:4px 0 6px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--fg);text-align:left;cursor:pointer}:where([data-mod=mail]) .lts-tt:hover{color:var(--brand);text-decoration:underline}:where([data-mod=mail]) .lts-tong{margin:0 0 8px;font-size:13px;line-height:1.55;color:var(--fg-secondary)}:where([data-mod=mail]) .lts-hoi{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:12.5px;color:var(--brand)}:where([data-mod=mail]) .lts-tl{margin-top:10px}:where([data-mod=mail]) .vm{margin-top:10px;padding:10px;border:1px solid var(--brand);border-radius:8px;background:var(--surface)}:where([data-mod=mail]) .vm-cho,:where([data-mod=mail]) .vm-loi{display:flex;align-items:center;gap:8px;font-size:13px}:where([data-mod=mail]) .vm-loi{color:var(--danger)}:where([data-mod=mail]) .vm-hd{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--brand)}:where([data-mod=mail]) .vm-hd .ic{margin-left:auto}:where([data-mod=mail]) .vm-than{width:100%;padding:9px;font:inherit;font-size:13px;line-height:1.55;resize:vertical;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .vm-nut{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}:where([data-mod=mail]) .tq{max-width:720px}:where([data-mod=mail]) .settings>.tq{padding:24px 32px 60px}@media (max-width:767px){:where([data-mod=mail]) .settings>.tq{padding:16px 16px calc(24px + var(--rail-h))}}:where([data-mod=mail]) .tq-popup{max-width:none}:where([data-mod=mail]) .tq-popup .tq-them{margin-top:12px}:where([data-mod=mail]) .tq-popup .tq-dong:first-of-type{margin-top:4px}:where([data-mod=mail]) .tq-them{display:flex;align-items:center;gap:10px;margin:14px 0 18px;flex-wrap:wrap}:where([data-mod=mail]) .tq-them .inp{flex:1 1 200px}:where([data-mod=mail]) .tq-mau{display:flex;gap:4px}:where([data-mod=mail]) .tq-o{width:22px;height:22px;border-radius:5px;border:2px solid transparent;cursor:pointer;padding:0}:where([data-mod=mail]) .tq-o.on{border-color:var(--fg)}:where([data-mod=mail]) .tq-dong{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--stroke);border-radius:8px;margin-bottom:6px;background:var(--surface)}:where([data-mod=mail]) .tq-sua{flex-wrap:wrap}:where([data-mod=mail]) .tq-sua .inp{flex:1 1 160px}:where([data-mod=mail]) .tq-ten{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .tq-dem{font-size:12px;color:var(--fg-tertiary)}:where([data-mod=mail]) .ic.danger:hover{color:var(--danger)}:where([data-mod=mail]) .tq-nut{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}@media (min-width:768px){[data-mod=mail][data-layout=gmail] .list-wrap{flex:1 1 auto;width:auto;min-width:0}[data-mod=mail][data-layout=gmail] .list{flex:1 1 auto;width:auto;min-width:0;border-right:0}[data-mod=mail][data-layout=gmail] .reader{display:none}[data-mod=mail][data-layout=gmail] .reader.open{display:flex;position:fixed;inset:var(--header-h) 0 0 var(--folder-w);z-index:25;border-left:0}[data-mod=mail][data-layout=gmail] .cmd.back{display:grid;place-items:center}[data-mod=mail][data-layout=gmail] .row{align-items:center;gap:10px;min-height:40px;padding:0 14px 0 10px}[data-mod=mail][data-layout=gmail] .row .avatar{display:none}[data-mod=mail][data-layout=gmail] .row-icons{order:1;flex-direction:row;gap:8px;flex:0 0 44px;width:44px;justify-content:flex-start}[data-mod=mail][data-layout=gmail] .row-main{order:2;display:flex;align-items:center;gap:8px;min-width:0}[data-mod=mail][data-layout=gmail] .row-line{display:contents}[data-mod=mail][data-layout=gmail] .sender{flex:0 0 200px;width:200px;font-size:13.5px}[data-mod=mail][data-layout=gmail] .subj{flex:0 1 auto;min-width:0;margin-top:0;font-size:13.5px}[data-mod=mail][data-layout=gmail] .prev{flex:1 1 auto;min-width:0;margin-top:0}[data-mod=mail][data-layout=gmail] .prev:before{content:"– "}[data-mod=mail][data-layout=gmail] .when{order:9;margin-left:auto;padding-left:12px;white-space:nowrap}[data-mod=mail][data-layout=gmail] .row-atts,[data-mod=mail][data-layout=gmail] .the-hang{display:none}[data-mod=mail][data-layout=gmail] .row-err{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-mod=mail][data-layout=gmail] .compose:not(.min){top:auto;left:auto;right:24px;bottom:0;width:540px;max-width:calc(100vw - 48px);height:560px;max-height:calc(100vh - var(--header-h) - 12px);border:1px solid var(--stroke-strong);border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 8px 32px rgba(0,0,0,.22)}[data-mod=mail][data-layout=gmail].soan-mo .compose.min{transform:translateX(-564px)}}:where([data-mod=mail]) .lay-open{margin-top:auto;position:sticky;bottom:-8px;display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 8px;margin-bottom:-8px;border:0;border-top:1px solid var(--stroke);border-radius:0;background:var(--bg);color:var(--fg-secondary);font-size:13px;text-align:left}:where([data-mod=mail]) .lay-open:hover{background:#ebebeb;color:var(--fg)}[data-mod=mail][data-theme=dark] .lay-open:hover{background:var(--hover-bg)}:where([data-mod=mail]) .xt-goi-y{margin:0 0 14px}:where([data-mod=mail]) .xt-nhom{margin:0 0 8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-tertiary)}:where([data-mod=mail]) .xt-hang{display:flex;gap:12px;margin-bottom:20px}:where([data-mod=mail]) .xt-hang:last-child{margin-bottom:0}:where([data-mod=mail]) .xt-the-chon{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border:1px solid var(--stroke);border-radius:8px;background:var(--surface);text-align:left;font:inherit}:where([data-mod=mail]) .xt-the-chon:hover{border-color:var(--stroke-strong)}:where([data-mod=mail]) .xt-the-chon.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}:where([data-mod=mail]) .xt-ten{font-size:13.5px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .xt-the-chon.on .xt-ten{color:var(--brand)}:where([data-mod=mail]) .xt-mo{font-size:11.5px;line-height:1.5;color:var(--fg-tertiary)}:where([data-mod=mail]) .xt{display:flex;gap:3px;width:100%;height:78px;padding:5px;background:var(--bg);border:1px solid var(--stroke);border-radius:5px;overflow:hidden}:where([data-mod=mail]) .xt-cot{border-radius:3px;background:var(--stroke-strong)}:where([data-mod=mail]) .xt-tm{flex:0 0 16px}:where([data-mod=mail]) .xt-ds,:where([data-mod=mail]) .xt-rong{background:var(--surface);border:1px solid var(--stroke);display:flex;flex-direction:column;gap:3px;padding:3px}:where([data-mod=mail]) .xt-ds{flex:0 0 28px}:where([data-mod=mail]) .xt-ds i{display:block;height:9px;border-radius:2px;background:var(--stroke-strong)}:where([data-mod=mail]) .xt-doc{flex:1 1 auto;background:var(--sel-bg)}:where([data-mod=mail]) .xt-rong{flex:1 1 auto}:where([data-mod=mail]) .xt-rong i{display:block;height:5px;border-radius:2px;background:var(--stroke-strong)}:where([data-mod=mail]) .xt-ht{flex-direction:column;justify-content:center;gap:6px;padding:8px}:where([data-mod=mail]) .xt-ht i{display:block;height:15px;border-radius:5px;background:var(--stroke-strong)}:where([data-mod=mail]) .xt-bong i:first-child{width:66%}:where([data-mod=mail]) .xt-bong i:nth-child(2){width:58%;margin-left:auto;background:var(--brand);opacity:.55}:where([data-mod=mail]) .xt-bong i:nth-child(3){width:74%}:where([data-mod=mail]) .xt-the i{width:100%;border-radius:3px}:where([data-mod=mail]) .xt-the-chon:hover .xt-cot,:where([data-mod=mail]) .xt-the-chon:hover .xt-ds i,:where([data-mod=mail]) .xt-the-chon:hover .xt-ht i,:where([data-mod=mail]) .xt-the-chon:hover .xt-rong i{animation:mail-xt-vao .45s ease both}:where([data-mod=mail]) .xt-the-chon:hover .xt i:nth-child(2),:where([data-mod=mail]) .xt-the-chon:hover .xt-cot:nth-child(2){animation-delay:.07s}:where([data-mod=mail]) .xt-the-chon:hover .xt i:nth-child(3),:where([data-mod=mail]) .xt-the-chon:hover .xt-cot:nth-child(3){animation-delay:.14s}:where([data-mod=mail]) .xt-the-chon:hover .xt i:nth-child(4){animation-delay:.21s}:where([data-mod=mail]) .xt-the-chon:hover .xt i:nth-child(5){animation-delay:.28s}@keyframes mail-xt-vao{0%{opacity:.2;transform:translateX(-9px)}to{opacity:1;transform:none}}:where([data-mod=mail]) .xt-the-chon:hover .xt-bong i:nth-child(2){animation-name:mail-xt-vao-phai}@keyframes mail-xt-vao-phai{0%{opacity:.2;transform:translateX(9px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .xt-the-chon:hover .xt i,:where([data-mod=mail]) .xt-the-chon:hover .xt-cot{animation:none}}@container (max-width: 520px){:where([data-mod=mail]) .xt-hang{flex-direction:column}}:where([data-mod=mail]) .modal-body{container-type:inline-size}[data-mod=mail][data-conv=the] .cv{gap:8px}[data-mod=mail][data-conv=the] .cv-item,[data-mod=mail][data-conv=the] .cv-item.cv-dang-doc,[data-mod=mail][data-conv=the] .cv-item.cv-me{max-width:100%;align-self:stretch;border-radius:8px;border:1px solid var(--stroke);background:var(--surface)}[data-mod=mail][data-conv=the] .cv-item.cv-dang-doc{box-shadow:inset 3px 0 0 var(--brand)}[data-mod=mail][data-conv=the] .cv-item.cv-dang-doc.cv-don{box-shadow:none;border-color:transparent;border-radius:0}[data-mod=mail][data-conv=the] .cv-item.cv-me .cv-gon-mo,[data-mod=mail][data-conv=the] .cv-item.cv-me .cv-hd,[data-mod=mail][data-conv=the] .cv-item.cv-me .msg-hdr{flex-direction:row;text-align:left}[data-mod=mail][data-conv=the] .cv-item.cv-me .cv-who{text-align:left}[data-mod=mail][data-conv=the] .cv-item.cv-me .cv-hd.cv-hd-gon{padding:0 6px 0 0}[data-mod=mail][data-conv=the] .cv-item.cv-me .msg-to-hang{flex-direction:row}[data-mod=mail][data-conv=the] .cv-item.cv-me .msg-to-ds{justify-content:flex-start}[data-mod=mail][data-conv=the] .cv-me .tn-kep.tn-day:after{background:linear-gradient(to bottom,transparent,var(--surface))}:where([data-mod=mail]) .tn,:where([data-mod=mail]) .xd-html{overflow-x:auto;overscroll-behavior-x:contain}:where([data-mod=mail]) .tn-kep{overflow-y:hidden}:where([data-mod=mail]) .cv-body>*,:where([data-mod=mail]) .tn>*,:where([data-mod=mail]) .xd-html>*{max-width:100%}:where([data-mod=mail]) .cv-body table,:where([data-mod=mail]) .msg-content table,:where([data-mod=mail]) .xd-html table{max-width:100%}:where([data-mod=mail]) .cv-body img,:where([data-mod=mail]) .msg-content img,:where([data-mod=mail]) .xd-html img{max-width:100%;height:auto;max-height:280px;object-fit:contain;object-position:left center}:where([data-mod=mail]) .cv-body img.anh-cao,:where([data-mod=mail]) .msg-content img.anh-cao,:where([data-mod=mail]) .xd-html img.anh-cao{cursor:zoom-in}:where([data-mod=mail]) .cv-body img.anh-to,:where([data-mod=mail]) .msg-content img.anh-to,:where([data-mod=mail]) .xd-html img.anh-to{max-height:none;cursor:zoom-out}:where([data-mod=mail]) .cv-body a,:where([data-mod=mail]) .msg-content a,:where([data-mod=mail]) .xd-html a{overflow-wrap:anywhere}@media (hover:none){:where([data-mod=mail]) .bub-acts,:where([data-mod=mail]) .fitem-act,:where([data-mod=mail]) .gl-x,:where([data-mod=mail]) .row-chk{opacity:1}}@media (hover:none){@container mail (max-width: 840px){:where([data-mod=mail]) .cmd,:where([data-mod=mail]) .fdrawer-btn,:where([data-mod=mail]) .fitem-act,:where([data-mod=mail]) .icon-btn,:where([data-mod=mail]) .star{min-width:44px;min-height:44px}:where([data-mod=mail]) .fitem,:where([data-mod=mail]) .newmail{min-height:44px}:where([data-mod=mail]) .row-chk{min-width:34px;min-height:40px}:where([data-mod=mail]) .chk input{width:18px;height:18px}}}@media (max-width:767px){:where([data-mod=mail]) .row{min-height:72px;padding-top:10px;padding-bottom:10px}:where([data-mod=mail]) .sender{font-size:15px}:where([data-mod=mail]) .subj{font-size:13.5px}:where([data-mod=mail]) .prev{font-size:12.5px}}@media (hover:none){@container mail (min-width: 480px){:where([data-mod=mail]) .row-chk{min-width:44px}}}@media (max-width:767px){:where([data-mod=mail]) .compose{bottom:auto;height:100vh;height:100dvh}:where([data-mod=mail]) .compose-foot{position:sticky;bottom:0;z-index:2;background:var(--surface);border-top:1px solid var(--stroke);padding-bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px;overflow-x:auto;flex-wrap:nowrap;padding-left:8px;padding-right:8px}:where([data-mod=mail]) .compose-foot .btn-chu span{display:none}:where([data-mod=mail]) .compose-foot .btn-chu{padding:0 8px;min-width:32px;height:32px;justify-content:center;flex:0 0 auto}:where([data-mod=mail]) .compose-foot .note{display:none}}@media (max-width:767px){:where([data-mod=mail]) .msg-date{display:block;font-size:12px;color:var(--fg-tertiary)}:where([data-mod=mail]) .msg-hdr-cc{margin-left:0;align-self:stretch;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:6px}:where([data-mod=mail]) .msg-luc{flex-direction:row;align-items:baseline;gap:6px}:where([data-mod=mail]) .msg-luc-ngay{font-size:12px}:where([data-mod=mail]) .reader h1{overflow-wrap:anywhere}}@container mail (max-width: 360px){:where([data-mod=mail]) .row{padding-left:6px;gap:7px}:where([data-mod=mail]) .row-att{max-width:130px}:where([data-mod=mail]) .gl-mo,:where([data-mod=mail]) .gl-o{width:84px}:where([data-mod=mail]) .bulkbar{gap:4px;padding:4px 6px}:where([data-mod=mail]) .bulkbar .cmd.sm span{display:none}}:where([data-mod=mail]) .att{max-width:100%;min-width:0}:where([data-mod=mail]) .att-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}:where([data-mod=mail]) .skel-list{padding:0}:where([data-mod=mail]) .skel-row{display:flex;gap:10px;padding:12px 12px 12px 10px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .skel-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}:where([data-mod=mail]) .skel-reader{padding:20px 32px}:where([data-mod=mail]) .skel{background:var(--stroke);border-radius:4px;animation:mail-skel-tho 1.4s ease-in-out infinite}:where([data-mod=mail]) .skel-avatar{width:32px;height:32px;border-radius:50%;flex:0 0 auto}:where([data-mod=mail]) .skel-line{height:11px}:where([data-mod=mail]) .skel-line.w40{width:40%}:where([data-mod=mail]) .skel-line.w60{width:60%}:where([data-mod=mail]) .skel-line.w70{width:70%}:where([data-mod=mail]) .skel-line.w85{width:85%}:where([data-mod=mail]) .skel-line.w100{width:100%}@keyframes mail-skel-tho{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .skel{animation:none}}@media (max-width:767px){:where([data-mod=mail]) .skel-reader{padding:16px}}:where([data-mod=mail]) .list-wrap{position:relative}:where([data-mod=mail]) .tn-bung{margin-top:10px}@media (max-width:767px){:where([data-mod=mail]) .sb-box input{min-width:56px}:where([data-mod=mail]) .sb-box input::placeholder{font-size:13px}}@media (max-width:767px){:where([data-mod=mail]) .row .subj{display:flex;align-items:flex-start}:where([data-mod=mail]) .row .tde-chu{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:where([data-mod=mail]) .row .tde-dau{margin-top:2px}}@container mail (max-width: 480px){:where([data-mod=mail]) .row{padding-left:6px;gap:8px}:where([data-mod=mail]) .row-chk{min-width:30px}:where([data-mod=mail]) .avatar{width:32px;height:32px;font-size:12px}:where([data-mod=mail]) .row-icons{gap:10px}:where([data-mod=mail]) .row-att{max-width:150px}:where([data-mod=mail]) .when{font-size:11.5px}}:where([data-mod=mail]) .mnav{display:none}@container mail (max-width: 1020px){:where([data-mod=mail]) .mnav{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:6px 10px;border-bottom:1px solid var(--stroke);background:var(--surface);position:sticky;top:0;z-index:6}:where([data-mod=mail]) .mnav-ten{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:767px){:where([data-mod=mail]) .cmdbar .pop{position:fixed;left:8px;right:8px;bottom:8px;top:auto;min-width:0;max-height:60vh;overflow-y:auto;padding:6px;border-radius:10px;box-shadow:0 -8px 30px rgba(0,0,0,.3)}:where([data-mod=mail]) .cmdbar .pop button{min-height:42px}}@media (max-width:767px){:where([data-mod=mail]) .ev-form .row2{grid-template-columns:1fr}}@media (max-width:767px){:where([data-mod=mail]) .rte-toolbar{left:8px!important;right:8px;max-width:calc(100vw - 16px);transform:translateY(calc(-100% - 10px));margin-left:0!important}:where([data-mod=mail]) .rte-select{max-width:40vw}}:where([data-mod=mail]) .pivots{flex-wrap:wrap;row-gap:4px}:where([data-mod=mail]) .sig-hd{flex-wrap:wrap;row-gap:8px}@media (max-width:767px){:where([data-mod=mail]) .sig-name{max-width:none;flex:1 1 100%}:where([data-mod=mail]) .sig-hd .grow{display:none}:where([data-mod=mail]) .sig-card-foot{flex-wrap:wrap;row-gap:6px}}@media (max-width:767px){:where([data-mod=mail]) .kv{grid-template-columns:1fr;gap:2px 0}:where([data-mod=mail]) .kv dt{margin-top:8px}:where([data-mod=mail]) .kv dt:first-child{margin-top:0}}:where([data-mod=mail]) .tln{display:none}@container mail (max-width: 1020px){:where([data-mod=mail]) .rail-dock{display:none}:where([data-mod=mail]) .shell{--tln-day:88px;--tln-cd:56px;--tln-muc:46px}:where([data-mod=mail]) .tln{display:block;position:fixed;right:16px;bottom:calc(var(--tln-day) + env(safe-area-inset-bottom, 0px));width:var(--tln-cd);height:var(--tln-cd);z-index:29}:where([data-mod=mail]) .tln-nut{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:50%;padding:0;color:#fff;background:transparent;box-shadow:0 8px 24px rgba(15,108,189,.34);transition:transform .22s var(--duong-cong),box-shadow .22s var(--duong-cong)}:where([data-mod=mail]) .tln-nut:active{transform:scale(.92)}:where([data-mod=mail]) .tln.mo .tln-nut{box-shadow:0 10px 30px rgba(15,108,189,.42)}:where([data-mod=mail]) .tln-ico,:where([data-mod=mail]) .tln-x{grid-area:1/1}:where([data-mod=mail]) .tln-ico{display:grid;place-items:center;transition:transform .22s var(--duong-cong),opacity .16s linear}:where([data-mod=mail]) .tln.mo .tln-ico{transform:rotate(135deg) scale(.6);opacity:0}:where([data-mod=mail]) .tln-x{position:relative;width:20px;height:20px;opacity:0;transform:rotate(-135deg);transition:transform .22s var(--duong-cong),opacity .16s linear}:where([data-mod=mail]) .tln-x:after,:where([data-mod=mail]) .tln-x:before{content:"";position:absolute;inset:50% 0 auto 0;height:2px;border-radius:2px;background:currentColor}:where([data-mod=mail]) .tln-x:after{transform:rotate(90deg)}:where([data-mod=mail]) .tln.mo .tln-x{opacity:1;transform:rotate(0deg)}:where([data-mod=mail]) .tln-nen{position:fixed;inset:0;z-index:0;background:rgba(8,12,20,.38);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mail-tln-hien .18s ease-out}@keyframes mail-tln-hien{0%{opacity:0}to{opacity:1}}:where([data-mod=mail]) .tln-muc{position:absolute;z-index:1;right:calc((var(--tln-cd) - var(--tln-muc)) / 2);bottom:calc((var(--tln-cd) - var(--tln-muc)) / 2);display:grid;place-items:center;width:var(--tln-muc);height:var(--tln-muc);border:1px solid var(--stroke);border-radius:50%;padding:0;background:var(--surface);color:var(--fg-secondary);box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:transform .26s var(--duong-cong),opacity .18s linear}:where([data-mod=mail]) .tln.mo .tln-muc{opacity:1;pointer-events:auto}:where([data-mod=mail]) .tln-muc.chinh{color:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .tln-muc.on{background:var(--brand);border-color:var(--brand);color:#fff}:where([data-mod=mail]) .tln-muc:active{filter:brightness(.92)}:where([data-mod=mail]) .tln-nhan{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 9px;border-radius:999px;background:rgba(20,24,32,.88);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;max-width:44vw;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .tln-muc.tren .tln-nhan{left:auto;right:0;top:auto;bottom:calc(100% + 8px);transform:none}:where([data-mod=mail]) .tln-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;border:2px solid var(--surface);background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:13px;text-align:center}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .tln-ico,:where([data-mod=mail]) .tln-muc,:where([data-mod=mail]) .tln-nut,:where([data-mod=mail]) .tln-x{transition-duration:.01ms}:where([data-mod=mail]) .tln-nen{animation:none}}@container mail (max-width: 360px){:where([data-mod=mail]) .shell{--tln-cd:50px;--tln-muc:42px}:where([data-mod=mail]) .tln{right:12px}}:where([data-mod=mail]) .ov-trong-cung{max-width:1180px;padding:22px 26px 40px}:where([data-mod=mail]) .ov-chao h2{font-size:20px;margin:0 0 2px}:where([data-mod=mail]) .ov-chao .muted{font-size:13px;margin:0 0 18px}:where([data-mod=mail]) .ov-hang-the{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;margin-bottom:18px}:where([data-mod=mail]) .ov-the{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:13px 15px;text-align:left;border:1px solid var(--stroke);border-radius:12px;background:var(--surface);color:var(--fg);transition:border-color var(--nhip),box-shadow var(--nhip),transform var(--nhip)}:where([data-mod=mail]) .ov-the:hover{border-color:var(--stroke-strong);box-shadow:0 4px 14px rgba(0,0,0,.09)}:where([data-mod=mail]) .ov-the:active{transform:translateY(1px)}:where([data-mod=mail]) .ov-the-ic{color:var(--fg-tertiary);margin-bottom:6px}:where([data-mod=mail]) .ov-the-so{font-size:26px;font-weight:700;line-height:1.1}:where([data-mod=mail]) .ov-the-nhan{font-size:13px;font-weight:600;color:var(--fg-secondary)}:where([data-mod=mail]) .ov-the-phu{font-size:11px;color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-the-xanh .ov-the-ic,:where([data-mod=mail]) .ov-the-xanh .ov-the-so{color:var(--brand)}:where([data-mod=mail]) .ov-luoi{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}:where([data-mod=mail]) .ov-phai,:where([data-mod=mail]) .ov-trai{display:flex;flex-direction:column;gap:16px;min-width:0}:where([data-mod=mail]) .ov-khoi{border:1px solid var(--stroke);border-radius:12px;background:var(--surface);overflow:hidden}:where([data-mod=mail]) .ov-khoi-hd{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--stroke);color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-khoi-hd h3{flex:1;margin:0;font-size:13.5px;font-weight:700;color:var(--fg)}:where([data-mod=mail]) .ov-trong{padding:18px 15px;margin:0;font-size:13px;text-align:center}:where([data-mod=mail]) .ov-otp{margin:12px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,rgba(124,92,255,.1),rgba(10,132,255,.1));border:1px solid var(--brand)}:where([data-mod=mail]) .ov-otp-tren{display:flex;align-items:baseline;gap:8px;font-size:12px}:where([data-mod=mail]) .ov-otp-nguon{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-otp-han{color:var(--danger);font-weight:600;flex:0 0 auto}:where([data-mod=mail]) .ov-otp-ma{display:block;width:100%;margin:6px 0 10px;padding:0;border:0;background:none;color:var(--brand);font-size:34px;font-weight:800;line-height:1.1;text-align:center;letter-spacing:.16em;font-variant-numeric:tabular-nums}:where([data-mod=mail]) .ov-otp-duoi{display:flex;gap:6px;justify-content:center}:where([data-mod=mail]) .ov-xong{color:var(--ok,#0e700e)}:where([data-mod=mail]) .ov-ds,:where([data-mod=mail]) .ov-sk,:where([data-mod=mail]) .ov-tep,:where([data-mod=mail]) .ov-todo{list-style:none;margin:0;padding:0}:where([data-mod=mail]) .ov-ds li+li,:where([data-mod=mail]) .ov-sk li+li,:where([data-mod=mail]) .ov-tep li+li{border-top:1px solid var(--stroke)}:where([data-mod=mail]) .ov-ds>li>button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 15px;border:0;background:none;color:var(--fg);text-align:left}:where([data-mod=mail]) .ov-ds>li>button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .ov-ds-giua{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .ov-ds-tren{display:flex;align-items:baseline;gap:8px}:where([data-mod=mail]) .ov-ds-tren b{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-ds-luc{flex:0 0 auto;font-size:11.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-ds-cd{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-ds-cd svg{color:#eaa300;vertical-align:-2px;margin-right:4px}:where([data-mod=mail]) .ov-ds-tt{font-size:12px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-ds-cham{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--brand)}:where([data-mod=mail]) .ov-ds>li>button{position:relative}:where([data-mod=mail]) .ov-the-nho{flex:0 0 auto;align-self:center;padding:2px 8px;border-radius:999px;background:var(--sel-bg);color:var(--brand);font-size:11px;font-weight:600}:where([data-mod=mail]) .ov-todo-rong{padding:14px 15px}:where([data-mod=mail]) .ov-todo-rong .muted{margin:0 0 10px;font-size:12.5px;line-height:1.55}:where([data-mod=mail]) .ov-todo li{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:10px 15px}:where([data-mod=mail]) .ov-todo li+li{border-top:1px solid var(--stroke)}:where([data-mod=mail]) .ov-todo-o{width:15px;height:15px;margin-top:2px;border-radius:4px;border:1.5px solid var(--stroke-strong)}:where([data-mod=mail]) .ov-todo-viec{font-size:13.5px;font-weight:600}:where([data-mod=mail]) .ov-todo-thu{grid-column:2;font-size:11.5px;color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-bd{padding:14px 15px 10px}:where([data-mod=mail]) .ov-bd-cot{display:flex;align-items:flex-end;gap:6px;height:104px}:where([data-mod=mail]) .ov-bd-ngay{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}:where([data-mod=mail]) .ov-bd-thanh{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center;gap:3px}:where([data-mod=mail]) .ov-bd-thanh span{width:9px;border-radius:3px 3px 0 0}:where([data-mod=mail]) .ov-bd-den{background:var(--brand)}:where([data-mod=mail]) .ov-bd-di{background:#9aa7b8}:where([data-mod=mail]) .ov-bd-nhan{flex:0 0 auto;font-size:10.5px;color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-bd-chu,:where([data-mod=mail]) .ov-dl-tach{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:11.5px;color:var(--fg-secondary)}:where([data-mod=mail]) .ov-cham{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:baseline}:where([data-mod=mail]) .ov-cham-den{background:var(--brand)}:where([data-mod=mail]) .ov-cham-di{background:#9aa7b8}:where([data-mod=mail]) .ov-sk li{display:flex;gap:10px;padding:10px 15px}:where([data-mod=mail]) .ov-sk-luc{flex:0 0 52px;font-size:12px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}:where([data-mod=mail]) .ov-sk-giua{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .ov-sk-giua b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-sk-giua .muted{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-chips{display:flex;flex-wrap:wrap;gap:6px;padding:13px 15px 4px}:where([data-mod=mail]) .ov-khoi .hint{padding:0 15px 12px;margin:6px 0 0}:where([data-mod=mail]) .ov-tep li{display:flex;align-items:center}:where([data-mod=mail]) .ov-tep>li>button{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 4px 10px 15px;border:0;background:none;color:var(--fg);text-align:left}:where([data-mod=mail]) .ov-tep>li>button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .ov-tep-ic{flex:0 0 auto;color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-tep-giua{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .ov-tep-giua .muted,:where([data-mod=mail]) .ov-tep-giua b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ov-tep-giua .muted{font-size:11.5px}:where([data-mod=mail]) .ov-tep-tai{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:7px;color:var(--fg-tertiary)}:where([data-mod=mail]) .ov-tep-tai:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .ov-dl-so{display:flex;align-items:baseline;gap:6px;padding:14px 15px 8px}:where([data-mod=mail]) .ov-dl-so b{font-size:19px}:where([data-mod=mail]) .ov-dl-so .muted{font-size:12.5px}:where([data-mod=mail]) .ov-dl-thanh{height:8px;margin:0 15px;border-radius:999px;background:var(--stroke);overflow:hidden}:where([data-mod=mail]) .ov-dl-thanh span{display:block;height:100%;background:var(--brand);border-radius:999px}:where([data-mod=mail]) .ov-loi{padding:24px;color:var(--danger)}@container mail (max-width: 1020px){:where([data-mod=mail]) .ov-luoi{grid-template-columns:1fr}:where([data-mod=mail]) .ov-trong-cung{padding:16px 16px 32px}}@media (max-width:767px){:where([data-mod=mail]) .ov-chao h2{font-size:18px}:where([data-mod=mail]) .ov-trong-cung{padding:12px 12px calc(28px + var(--rail-h))}:where([data-mod=mail]) .ov-hang-the{gap:8px}:where([data-mod=mail]) .ov-the{padding:11px 12px}:where([data-mod=mail]) .ov-the-so{font-size:22px}:where([data-mod=mail]) .ov-otp-ma{font-size:30px}}@container mail (max-width: 1020px){:where([data-mod=mail]) .tln-nut{transition:transform .22s var(--duong-cong),opacity .18s linear}[data-mod=mail][data-cuon=xuong] .tln:not(.mo) .tln-nut{transform:translateY(calc(var(--tln-day) + var(--tln-cd) + env(safe-area-inset-bottom, 0px) + 24px));opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .tln-nut{transition-duration:.01ms}}:where([data-mod=mail]) .row-thu-muc{display:inline-flex;align-items:center;gap:4px;margin:2px 0;padding:1px 7px 1px 5px;border:1px solid var(--stroke);border-radius:999px;background:var(--bg);color:var(--fg-secondary);font-size:10.5px;font-weight:600;line-height:1.5}:where([data-mod=mail]) .row-thu-muc svg{color:var(--fg-tertiary);flex:0 0 auto}:where([data-mod=mail]) .ct-hong{color:var(--danger)!important}:where([data-mod=mail]) .fitem.on .ct-hong{color:var(--danger)!important}:where([data-mod=mail]) .tep-goc{margin:0 14px 10px;padding:6px 11px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-2,rgba(127,127,127,.06))}:where([data-mod=mail]) .tep-goc-hd{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}:where([data-mod=mail]) .tep-goc-nhan{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2,#616161)}:where([data-mod=mail]) .tep-goc.mo .tep-goc-nhan{margin-bottom:7px}:where([data-mod=mail]) .tep-goc:not(.mo) .tep-goc-nhan{margin-bottom:0}:where([data-mod=mail]) .tep-goc-xem{font-size:11.5px;color:var(--brand);font-weight:500}:where([data-mod=mail]) .tep-goc-ds{display:flex;flex-wrap:wrap;gap:6px;align-items:center}:where([data-mod=mail]) .tep-goc-the{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:inherit;font-size:12.5px;cursor:pointer}:where([data-mod=mail]) .tep-goc-the:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}:where([data-mod=mail]) .tep-goc-the:disabled{opacity:.55;cursor:default}:where([data-mod=mail]) .tep-goc-ten{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}:where([data-mod=mail]) .tep-goc-co{flex:0 0 auto;color:var(--text-2,#757575);font-size:11.5px}:where([data-mod=mail]) .att-cb{display:flex;align-items:flex-start;gap:8px;margin:0 14px 10px;padding:8px 11px;border-radius:8px;border:1px solid;font-size:12.5px;line-height:1.5}:where([data-mod=mail]) .att-cb svg{flex:0 0 auto;margin-top:1px}:where([data-mod=mail]) .att-cb-vua{border-color:#e0b000;background:#fff8e1;color:#6d4c00}:where([data-mod=mail]) .att-cb-cao{border-color:var(--danger);background:#fde7e9;color:#a4262c}[data-mod=mail][data-theme=dark] .att-cb-vua{background:#2b2410;color:#f0cf7a}[data-mod=mail][data-theme=dark] .att-cb-cao{background:#2d1416;color:#f5a3ab}:where([data-mod=mail]) .nn-chan{display:flex;align-items:flex-start;gap:8px;margin:8px 14px 6px;padding:8px 11px;border:1px solid var(--danger);border-radius:8px;background:#fde7e9;color:#a4262c;font-size:12.5px;line-height:1.5}[data-mod=mail][data-theme=dark] .nn-chan{background:#2d1416;color:#f5a3ab}:where([data-mod=mail]) .nn-chan>svg{flex:0 0 auto;margin-top:2px}:where([data-mod=mail]) .nn-chan-than{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .nn-chan ul{list-style:none;margin:4px 0;padding:0}:where([data-mod=mail]) .nn-chan li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}:where([data-mod=mail]) .nn-chan-dc{font-weight:600;overflow-wrap:anywhere}:where([data-mod=mail]) .nn-chan-ly{opacity:.9}:where([data-mod=mail]) .nn-chan .lnk{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:12px;color:inherit;text-decoration:underline}:where([data-mod=mail]) .nn-chan-goi{display:block;opacity:.85}:where([data-mod=mail]) .compose>.att-cb,:where([data-mod=mail]) .compose>.compose-foot,:where([data-mod=mail]) .compose>.compose-hdr,:where([data-mod=mail]) .compose>.ctl,:where([data-mod=mail]) .compose>.field,:where([data-mod=mail]) .compose>.gl,:where([data-mod=mail]) .compose>.ngn,:where([data-mod=mail]) .compose>.nn-chan,:where([data-mod=mail]) .compose>.sig-hint,:where([data-mod=mail]) .compose>.tdn,:where([data-mod=mail]) .compose>.tep-goc{flex:0 0 auto}:where([data-mod=mail]) .compose:not(.min){overflow-y:auto}:where([data-mod=mail]) .compose-foot{position:sticky;bottom:0;z-index:2;background:var(--surface)}:where([data-mod=mail]) .compose .rte-wrap{min-height:120px}:where([data-mod=mail]) .compose>.gl{max-height:132px;overflow-y:auto}:where([data-mod=mail]) .compose>.tdn{max-height:30vh;overflow-y:auto}:where([data-mod=mail]) .compose>.field{max-height:108px;overflow-y:auto}:where([data-mod=mail]) .compose>.field:focus-within{max-height:none;overflow:visible}:where([data-mod=mail]) .tep-the{display:flex;align-items:stretch;border:1px solid var(--stroke);border-radius:8px;background:var(--surface);overflow:hidden;transition:border-color var(--nhip),box-shadow var(--nhip)}:where([data-mod=mail]) .tep-the:hover{border-color:var(--stroke-strong);box-shadow:0 2px 8px rgba(0,0,0,.08)}:where([data-mod=mail]) .tep-the-mo{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 4px 9px 11px;border:0;background:none;color:var(--fg);text-align:left}:where([data-mod=mail]) .tep-the-ic{flex:0 0 auto;display:grid;place-items:center;color:var(--fg-tertiary)}:where([data-mod=mail]) .tep-the-chu{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .tep-the-ten{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .tep-the-co{font-size:11.5px;color:var(--fg-secondary)}:where([data-mod=mail]) .tep-the-nut{flex:0 0 auto;width:34px;display:grid;place-items:center;border:0;border-left:1px solid var(--stroke);background:none;color:var(--fg-secondary)}:where([data-mod=mail]) .tep-the-nut:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .tep-the-nut[aria-expanded=true]{background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .tep-the[data-kind=pdf] .tep-the-ic{color:#c4314b}:where([data-mod=mail]) .tep-the[data-kind=sheet] .tep-the-ic{color:#107c41}:where([data-mod=mail]) .tep-the[data-kind=docx] .tep-the-ic,:where([data-mod=mail]) .tep-the[data-kind=legacy] .tep-the-ic{color:#185abd}:where([data-mod=mail]) .tep-the[data-kind=slides] .tep-the-ic{color:#c43e1c}:where([data-mod=mail]) .tep-the[data-kind=image] .tep-the-ic{color:#8764b8}:where([data-mod=mail]) .tep-the[data-kind=zip] .tep-the-ic{color:#986f0b}:where([data-mod=mail]) .tep-menu{position:fixed;z-index:140;min-width:186px;padding:4px;background:var(--surface);color:var(--fg);border:1px solid var(--stroke-strong);border-radius:8px;box-shadow:0 8px 26px rgba(0,0,0,.22)}:where([data-mod=mail]) .tep-menu a,:where([data-mod=mail]) .tep-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:5px;background:none;color:var(--fg);font:inherit;font-size:13px;text-align:left;text-decoration:none}:where([data-mod=mail]) .tep-menu a:hover,:where([data-mod=mail]) .tep-menu button:hover{background:var(--hover-bg)}:where([data-mod=mail]) .tep-menu .danger{color:var(--danger)}:where([data-mod=mail]) .tep-menu svg{flex:0 0 auto;color:var(--fg-tertiary)}:where([data-mod=mail]) .tep-menu .danger svg{color:var(--danger)}:where([data-mod=mail]) .compose>.gl-the{max-height:172px}:where([data-mod=mail]) .gl-the{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;margin:8px 14px 10px;padding-bottom:10px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .gl-the:empty{display:none}:where([data-mod=mail]) .gl-the>.tep-the{min-width:0}:where([data-mod=mail]) .compose>.att-cb{margin-top:-4px}:where([data-mod=mail]) .gl-the>.gl-o.gl-tai{width:auto;height:auto;min-height:52px;border:1px dashed var(--stroke-strong);border-radius:8px;background:var(--bg)}:where([data-mod=mail]) .ai-boc{position:relative;display:inline-flex;flex:0 0 auto}:where([data-mod=mail]) .ai-nut{color:var(--brand)}:where([data-mod=mail]) .ai-nut.on,:where([data-mod=mail]) .ai-nut:hover:not(:disabled){background:var(--sel-bg);border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .ai-nen{display:none}:where([data-mod=mail]) .ai-vo{position:absolute;bottom:calc(100% + 8px);right:0;z-index:60;animation:mail-ai-vao .16s cubic-bezier(.2,.7,.3,1)}:where([data-mod=mail]) .ai-vo.di{animation:mail-ai-ra .13s ease-in forwards}@keyframes mail-ai-vao{0%{opacity:0;transform:translateY(6px)}}@keyframes mail-ai-ra{to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ai-vo,:where([data-mod=mail]) .ai-vo.di{animation:none}}:where([data-mod=mail]) .ai-bang{width:376px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--stroke);box-shadow:0 12px 32px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.05);text-align:left;max-height:calc(100vh - var(--header-h) - 72px);overflow-y:auto}:where([data-mod=mail]) .ai-hd{display:flex;align-items:center;gap:10px}:where([data-mod=mail]) .ai-hd strong{flex:1 1 auto;font-size:15px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .ai-hd-ic{width:32px;height:32px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--sel-bg);color:var(--brand)}:where([data-mod=mail]) .ai-muc{display:flex;flex-direction:column;gap:7px}:where([data-mod=mail]) .ai-muc-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}:where([data-mod=mail]) .ai-nhan{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .ai-nhan svg{color:var(--brand)}:where([data-mod=mail]) .ai-mach{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where([data-mod=mail]) .ai-lien{display:flex;align-items:center;gap:4px;flex:0 0 auto;border:0;background:none;padding:2px;color:var(--brand);font-size:12px;font-weight:600}:where([data-mod=mail]) .ai-lien:hover:not(:disabled){text-decoration:underline}:where([data-mod=mail]) .ai-lien:disabled{color:var(--fg-tertiary)}:where([data-mod=mail]) .ai-vung-nhap{position:relative;display:flex}:where([data-mod=mail]) .ai-vung-nhap textarea{width:100%;height:96px;resize:vertical;padding:9px 10px 22px;border-radius:9px;border:1px solid var(--stroke-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:13px;line-height:1.5;transition:border-color .14s ease,box-shadow .14s ease}:where([data-mod=mail]) .ai-vung-nhap textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}:where([data-mod=mail]) .ai-vung-nhap textarea.loi{border-color:var(--danger)}:where([data-mod=mail]) .ai-dem{position:absolute;right:10px;bottom:6px;font-size:11px;color:var(--fg-tertiary);pointer-events:none}:where([data-mod=mail]) .ai-loi{font-size:11.5px;color:var(--danger)}:where([data-mod=mail]) .ai-luoi{display:grid;grid-template-columns:1fr 1fr;gap:6px}:where([data-mod=mail]) .ai-luoi>:last-child:nth-child(odd){grid-column:1/-1}:where([data-mod=mail]) .ai-cot{display:flex;flex-direction:column;gap:5px}:where([data-mod=mail]) .ai-the{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 11px;border-radius:9px;border:1px solid var(--stroke);background:var(--surface);color:var(--fg);font-size:12.5px;text-align:left;white-space:nowrap;transition:background .12s ease,border-color .12s ease}:where([data-mod=mail]) .ai-the svg{flex:0 0 auto;color:var(--fg-tertiary)}:where([data-mod=mail]) .ai-the.luu:hover,:where([data-mod=mail]) .ai-the:hover:not(:disabled){background:var(--sel-bg);border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .ai-the:hover:not(:disabled) svg{color:var(--brand)}:where([data-mod=mail]) .ai-the.chon{background:var(--sel-bg);border-color:var(--brand);color:var(--brand);font-weight:600}:where([data-mod=mail]) .ai-the.chon svg{color:var(--brand)}:where([data-mod=mail]) .ai-the:disabled{opacity:.5}:where([data-mod=mail]) .ai-the.luu{height:32px;padding-right:4px;color:var(--fg-secondary)}:where([data-mod=mail]) .ai-the-chu{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}:where([data-mod=mail]) .ai-the-xoa{width:18px;height:18px;flex:0 0 auto;border:0;border-radius:50%;background:none;color:var(--fg-tertiary);font-size:14px;line-height:1;display:grid;place-items:center}:where([data-mod=mail]) .ai-the-xoa:hover{background:var(--stroke);color:var(--danger)}:where([data-mod=mail]) .ai-dat-ten{display:flex;align-items:center;gap:6px}:where([data-mod=mail]) .ai-dat-ten input{flex:1 1 auto;min-width:0;height:32px;padding:0 10px;border:1px solid var(--brand);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;font-size:12.5px}:where([data-mod=mail]) .ai-dat-ten input:focus{outline:none}:where([data-mod=mail]) .ai-dat-ten .ai-tao.nho{height:32px;flex:0 0 auto}:where([data-mod=mail]) .ai-vach{height:1px;background:var(--stroke);margin:1px 0}:where([data-mod=mail]) .ai-hang{display:flex;align-items:center;justify-content:space-between;gap:8px}:where([data-mod=mail]) .ai-hang select{flex:0 1 168px;height:32px;padding:0 8px;border:1px solid var(--stroke-strong);border-radius:8px;background:var(--surface);color:var(--fg);font-size:12.5px}:where([data-mod=mail]) .ai-tick{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg)}:where([data-mod=mail]) .ai-tick input{width:16px;height:16px;accent-color:var(--brand)}:where([data-mod=mail]) .ai-info{display:flex;color:var(--fg-tertiary);cursor:help}:where([data-mod=mail]) .ai-tao{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:13.5px;font-weight:600;transition:background .12s ease}:where([data-mod=mail]) .ai-tao:hover:not(:disabled){background:var(--brand-hover)}:where([data-mod=mail]) .ai-tao:active:not(:disabled){background:var(--brand-pressed)}:where([data-mod=mail]) .ai-tao:disabled{opacity:.45}:where([data-mod=mail]) .ai-tao.nho{width:auto;height:30px;padding:0 14px;font-size:12.5px}:where([data-mod=mail]) .ai-lap{display:inline-flex;animation:mail-ai-lap 1.1s ease-in-out infinite}@keyframes mail-ai-lap{50%{opacity:.35;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ai-lap{animation:none}}:where([data-mod=mail]) .ai-hoi{display:flex;flex-direction:column;gap:8px}:where([data-mod=mail]) .ai-hoi p{margin:0;font-size:12.5px;color:var(--fg);line-height:1.45}:where([data-mod=mail]) .ai-hoi-nut{display:flex;align-items:center;justify-content:flex-end;gap:8px}:where([data-mod=mail]) .ai-cho{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:text-bottom;background:var(--brand);animation:mail-ai-cho 1s step-end infinite}@keyframes mail-ai-cho{50%{opacity:0}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ai-cho{display:none}}:where([data-mod=mail]) .ai-hien{animation:mail-ai-hien .35s ease-out}@keyframes mail-ai-hien{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ai-hien{animation:none}}[data-mod=mail][data-theme=dark] .ai-nut.on,[data-mod=mail][data-theme=dark] .ai-nut:hover:not(:disabled){background:var(--sel-bg)}[data-mod=mail][data-theme=dark] .ai-bang{box-shadow:0 12px 32px rgba(0,0,0,.5);border-color:var(--stroke-strong)}[data-mod=mail][data-theme=dark] .ai-the-xoa:hover{background:var(--hover-bg)}@media (max-width:767px){:where([data-mod=mail]) .ai-nut-chu{display:none}:where([data-mod=mail]) .ai-nen{display:block;position:fixed;inset:0;z-index:59;background:rgba(0,0,0,.28);animation:mail-ai-mo .16s ease-out}:where([data-mod=mail]) .ai-nen.di{animation:mail-ai-tat .13s ease-in forwards}@keyframes mail-ai-mo{0%{opacity:0}}@keyframes mail-ai-tat{to{opacity:0}}:where([data-mod=mail]) .ai-vo{position:fixed;left:0;right:0;bottom:0;top:auto;animation:mail-ai-truot .18s cubic-bezier(.2,.7,.3,1)}:where([data-mod=mail]) .ai-vo.di{animation:mail-ai-truot-ra .13s ease-in forwards}@keyframes mail-ai-truot{0%{transform:translateY(16px);opacity:0}}@keyframes mail-ai-truot-ra{to{transform:translateY(10px);opacity:0}}:where([data-mod=mail]) .ai-bang{width:100%;max-width:none;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom));max-height:88vh;max-height:88dvh}}@container mail (max-width: 420px){:where([data-mod=mail]) .ai-luoi{grid-template-columns:1fr}}:where([data-mod=mail]) .xd-ai-tl{color:var(--brand);font-weight:600}:where([data-mod=mail]) .xd-ai-tl svg{color:var(--brand)}:where([data-mod=mail]) .tls-kq-dang{margin-top:6px;color:var(--fg-secondary)}:where([data-mod=mail]) .ai-cho-soan{display:flex;align-items:center;gap:8px;color:var(--fg-tertiary);font-size:13px;font-style:italic;animation:mail-ai-lap 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ai-cho-soan{animation:none}}:where([data-mod=mail]) .ngn{position:relative;border-bottom:1px solid var(--stroke);padding:0 12px}:where([data-mod=mail]) .ngn-hang{display:flex;align-items:flex-start;gap:8px;padding:4px 0;min-height:40px}:where([data-mod=mail]) .ngn-nhan{flex:0 0 58px;width:58px;padding-top:9px;font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .ngn-o{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 6px;min-height:32px;cursor:text;max-height:84px;overflow-y:auto;border:1px solid transparent;border-radius:8px;background:transparent;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}:where([data-mod=mail]) .ngn-o::-webkit-scrollbar{width:4px}:where([data-mod=mail]) .ngn-o::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:2px}:where([data-mod=mail]) .ngn-o:hover{border-color:var(--stroke)}:where([data-mod=mail]) .ngn-o.focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--sel-bg)}:where([data-mod=mail]) .ngn-o.loi{border-color:var(--danger);box-shadow:0 0 0 3px rgba(197,15,31,.12)}:where([data-mod=mail]) .ngn-nhap{flex:1 1 140px;min-width:120px;height:26px;padding:0 2px;border:0;outline:none;background:transparent;color:var(--fg);font:inherit;font-size:14px}:where([data-mod=mail]) .ngn-nhap::placeholder{color:var(--fg-tertiary)}:where([data-mod=mail]) .ngn-phu-tro{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding-top:5px}:where([data-mod=mail]) .ngn-ccbcc{flex:0 0 auto;font-size:13px;cursor:pointer}:where([data-mod=mail]) .ngn-dong-truong{flex:0 0 auto;width:24px;height:24px;margin-top:4px;border:0;border-radius:4px;background:none;color:var(--fg-tertiary);display:grid;place-items:center;cursor:pointer}:where([data-mod=mail]) .ngn-dong-truong:hover{background:var(--hover-bg);color:var(--fg)}:where([data-mod=mail]) .ngn-vien{display:inline-flex;align-items:center;gap:6px;max-width:100%;flex:0 0 auto;height:26px;padding:0 3px;border-radius:13px;background:var(--sel-bg);color:var(--fg);font-size:13px;line-height:1;animation:mail-nn-vien-vao .16s ease-out}@keyframes mail-nn-vien-vao{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .ngn-vien{animation:none}}:where([data-mod=mail]) .ngn-vien:hover{background:var(--hover-bg)}:where([data-mod=mail]) .ngn-o.focus .ngn-vien:hover{background:var(--sel-bg);filter:brightness(.97)}:where([data-mod=mail]) .ngn-vien .avatar{width:20px;height:20px;font-size:9px}:where([data-mod=mail]) .ngn-vien-ten{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}:where([data-mod=mail]) .ngn-vien-bo{flex:none;width:18px;height:18px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--fg-tertiary);cursor:pointer}:where([data-mod=mail]) .ngn-vien-bo:hover{background:rgba(0,0,0,.12);color:var(--fg)}[data-mod=mail][data-theme=dark] .ngn-vien-bo:hover{background:rgba(255,255,255,.16)}:where([data-mod=mail]) .ngn-vien.hong{background:#fdeaec;color:var(--danger)}[data-mod=mail][data-theme=dark] .ngn-vien.hong{background:#3b1f23}:where([data-mod=mail]) .ngn-vien.hong .ngn-vien-bo{color:inherit}:where([data-mod=mail]) .ngn-vien-canh{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}:where([data-mod=mail]) .ngn-vien-them,:where([data-mod=mail]) .ngn-vien-thu{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:13px;border:1px solid var(--stroke-strong);background:var(--surface);color:var(--brand);font:inherit;font-size:12px;font-weight:600;cursor:pointer;flex:0 0 auto;user-select:none;transition:background .12s ease,border-color .12s ease}:where([data-mod=mail]) .ngn-vien-them:hover,:where([data-mod=mail]) .ngn-vien-thu:hover{background:var(--sel-bg);border-color:var(--brand)}:where([data-mod=mail]) .ngn-so-an{font-weight:700}:where([data-mod=mail]) .ngn-loi-nhap{display:flex;align-items:center;gap:6px;padding:0 0 6px 78px;color:var(--danger);font-size:12.5px}:where([data-mod=mail]) .ngn-bang{position:absolute;z-index:60;top:100%;left:78px;right:8px;max-width:600px;margin-top:4px;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.14);overflow:hidden}[data-mod=mail][data-theme=dark] .ngn-bang{box-shadow:0 12px 32px rgba(0,0,0,.5)}:where([data-mod=mail]) .ngn-bang.len{top:auto;bottom:100%;margin:0 0 4px}:where([data-mod=mail]) .ngn-than{max-height:320px;overflow-y:auto;padding:6px 4px 4px}:where([data-mod=mail]) .ngn-tieu{padding:4px 10px 6px;font-size:12px;font-weight:600;color:var(--fg-secondary);letter-spacing:.01em}:where([data-mod=mail]) .ngn-ds{list-style:none;margin:0;padding:0}:where([data-mod=mail]) .ngn-tabs{display:flex;gap:2px;padding:0 6px 6px;margin-bottom:4px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .ngn-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:0;border-radius:5px;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .ngn-tab:hover{background:var(--hover-bg);color:var(--fg)}:where([data-mod=mail]) .ngn-tab.on{background:var(--hover-bg);color:var(--accent)}:where([data-mod=mail]) .ngn-tab-so{font-weight:500;font-size:11px;opacity:.75}:where([data-mod=mail]) .ngn-dong{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:none;font:inherit;color:var(--fg);text-align:left;cursor:pointer}:where([data-mod=mail]) .ngn-dong.sang{background:var(--sel-bg)}:where([data-mod=mail]) .ngn-dong .avatar{width:30px;height:30px;font-size:11px}:where([data-mod=mail]) .ngn-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .ngn-ten{font-size:14px;font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ngn-mail{font-size:12.5px;color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ngn-badge{flex:0 0 auto;padding:3px 9px;border-radius:6px;border:1px solid var(--stroke-strong);background:var(--surface);color:var(--brand);font-size:11.5px;line-height:1.4}:where([data-mod=mail]) .ngn-badge-moi{color:var(--fg-secondary)}:where([data-mod=mail]) .ngn-badge-hong{color:var(--warn,#b45309)}:where([data-mod=mail]) .ngn-tick{flex:0 0 auto;width:16px;height:16px;border-radius:4px;border:1px solid var(--stroke-strong);background:var(--surface)}:where([data-mod=mail]) .ngn-tick.on{background:var(--brand-fill,var(--brand));border-color:transparent;display:grid;place-items:center}:where([data-mod=mail]) .ngn-tick.on:after{content:"✓";color:#fff;font-size:11px;line-height:1}:where([data-mod=mail]) .ngn-trong{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;text-align:center;color:var(--fg-secondary);font-size:13px}:where([data-mod=mail]) .ngn-trong p{margin:0}:where([data-mod=mail]) .ngn-trong-tim{flex-direction:row;gap:8px;padding:16px}:where([data-mod=mail]) .ngn-goi{color:var(--fg-tertiary);font-size:12.5px}:where([data-mod=mail]) .ngn-dang-tim{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--fg-tertiary);font-size:12.5px}:where([data-mod=mail]) .ngn-dang-tim .spin{width:13px;height:13px}:where([data-mod=mail]) .ngn-trong .spin{width:15px;height:15px}:where([data-mod=mail]) .ngn-tatca{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:0;border-top:1px solid var(--stroke);background:none;color:var(--fg);font:inherit;font-size:13px;cursor:pointer}:where([data-mod=mail]) .ngn-tatca span{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .ngn-dong:hover,:where([data-mod=mail]) .ngn-tatca:hover{background:var(--hover-bg)}:where([data-mod=mail]) .ngn-dong.sang:hover{background:var(--sel-bg)}:where([data-mod=mail]) .compose>.ngn{flex:0 0 auto;overflow:visible}@media (max-width:767px){:where([data-mod=mail]) .ngn-nhan{flex-basis:40px;width:40px}:where([data-mod=mail]) .ngn-bang{left:8px;right:8px;max-width:none}:where([data-mod=mail]) .ngn-than{max-height:44vh}:where([data-mod=mail]) .ngn-loi-nhap{padding-left:60px}:where([data-mod=mail]) .ngn-vien{height:24px;font-size:12px;padding:0 4px;gap:4px}:where([data-mod=mail]) .ngn-vien .avatar{display:none}:where([data-mod=mail]) .ngn-vien-ten{max-width:130px}:where([data-mod=mail]) .ngn-vien-them,:where([data-mod=mail]) .ngn-vien-thu{height:24px;font-size:11.5px;padding:0 6px}:where([data-mod=mail]) .ngn-vien-them .ngn-chu-an{display:none}}:where([data-mod=mail]) .lq{margin-top:14px}:where([data-mod=mail]) .lq-dau{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:11.5px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .lq-dau .cmd{margin-left:auto;text-transform:none;letter-spacing:0}:where([data-mod=mail]) .lq-the{border:1px solid var(--stroke);border-radius:8px;margin-bottom:6px;background:var(--surface);overflow:hidden}:where([data-mod=mail]) .lq-the.mo{border-color:var(--stroke-strong)}:where([data-mod=mail]) .cv-me .lq-the{background:transparent}:where([data-mod=mail]) .lq-hd{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;background:none;text-align:left;font:inherit;font-size:12.5px;color:var(--fg);cursor:pointer}:where([data-mod=mail]) .lq-hd:hover{background:var(--hover-bg)}:where([data-mod=mail]) .lq-ai{font-weight:600;flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lq-tom{flex:1 1 auto;min-width:0;color:var(--fg-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .lq-luc{margin-left:auto;flex:none;padding-left:8px;color:var(--fg-tertiary);font-size:11.5px;white-space:nowrap}:where([data-mod=mail]) .lq-than{padding:2px 12px 12px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .lq-meta{margin:9px 0 11px;font-size:12px;line-height:1.55}:where([data-mod=mail]) .lq-dong{display:flex;gap:8px}:where([data-mod=mail]) .lq-nhan{flex:0 0 62px;color:var(--fg-tertiary)}:where([data-mod=mail]) .lq-gt{flex:1 1 auto;min-width:0;color:var(--fg-secondary);overflow-wrap:anywhere}:where([data-mod=mail]) .lq-nguoi{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;line-height:normal}:where([data-mod=mail]) .lq-dong-nguoi{align-items:flex-start}:where([data-mod=mail]) .lq-dong-nguoi .lq-nhan{padding-top:3px}:where([data-mod=mail]) .lq-la{color:var(--fg-tertiary);font-style:italic}:where([data-mod=mail]) .lq-trong{margin:0;color:var(--fg-tertiary);font-style:italic;font-size:12.5px}@media (max-width:767px){:where([data-mod=mail]) .lq-tom{display:none}:where([data-mod=mail]) .lq-ai{max-width:none}:where([data-mod=mail]) .lq-dong{display:block}:where([data-mod=mail]) .lq-nhan{display:block;font-size:11px}}:where([data-mod=mail]) .lq-dau-nut{width:100%;border:1px dashed var(--stroke-strong);border-radius:8px;background:none;padding:7px 10px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:600;color:var(--fg-tertiary);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .lq-dau-nut:hover{background:var(--hover-bg);color:var(--fg-secondary)}:where([data-mod=mail]) .tls-boc{position:relative;display:inline-flex}:where([data-mod=mail]) .rte-giu{position:fixed;z-index:55;pointer-events:none;border-radius:2px;background:color-mix(in srgb,var(--brand) 26%,transparent)}@supports not (background:color-mix(in srgb,red 50%,transparent)){:where([data-mod=mail]) .rte-giu{background:rgba(15,108,189,.26)}}:where([data-mod=mail]) .tls-nut{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;flex:0 0 auto;border:1px solid var(--stroke-strong);border-radius:7px;background:var(--surface);color:var(--brand);font:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer}:where([data-mod=mail]) .tls-nut:hover:not(:disabled){background:var(--sel-bg);border-color:var(--brand)}:where([data-mod=mail]) .tls-nut.on{background:var(--sel-bg);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}:where([data-mod=mail]) .tls-nut:disabled{opacity:.5;cursor:default}:where([data-mod=mail]) .tls-nut-chu{letter-spacing:.02em}:where([data-mod=mail]) .tls-nen{display:none}:where([data-mod=mail]) .tls-vo{position:absolute;z-index:80;text-align:left;animation:mail-tls-vao .16s cubic-bezier(.2,.7,.3,1)}:where([data-mod=mail]) .tls-vo{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}@keyframes mail-tls-vao{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .tls-vo{animation:none}}:where([data-mod=mail]) .tls-bang{width:384px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:10px;padding:13px;border-radius:12px;background:var(--surface);border:1px solid var(--stroke);box-shadow:0 12px 32px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.05);max-height:min(68vh,520px);overflow-y:auto;font-size:13px;color:var(--fg)}:where([data-mod=mail]) .tls-hd{display:flex;align-items:center;gap:7px}:where([data-mod=mail]) .tls-hd strong{flex:1;font-size:13.5px;font-weight:600}:where([data-mod=mail]) .tls-hd-ic{color:var(--brand);display:inline-flex}:where([data-mod=mail]) .tls-quay{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:5px;background:none;color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .tls-quay:hover{background:var(--hover-bg)}:where([data-mod=mail]) .tls-xem{margin:0;padding:6px 9px;border-radius:7px;background:var(--hover-bg);border-left:2px solid var(--brand);color:var(--fg-secondary);font-size:12px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .tls-luoi{display:grid;grid-template-columns:1fr 1fr;gap:6px}:where([data-mod=mail]) .tls-the{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 8px;text-align:center;border:1px solid var(--stroke-strong);border-radius:7px;background:var(--surface);color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer}:where([data-mod=mail]) .tls-the:hover{background:var(--sel-bg);border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .tls-the.tep{grid-column:1/-1;color:var(--brand);font-weight:600;border-style:dashed}:where([data-mod=mail]) .tls-muc{display:flex;flex-direction:column;gap:6px}:where([data-mod=mail]) .tls-muc-hd{display:flex;align-items:center;justify-content:space-between}:where([data-mod=mail]) .tls-nhan{font-size:11.5px;font-weight:600;color:var(--fg-secondary)}:where([data-mod=mail]) .tls-lien{border:0;background:none;padding:0;cursor:pointer;color:var(--brand);font:inherit;font-size:11.5px}:where([data-mod=mail]) .tls-lien:hover{text-decoration:underline}:where([data-mod=mail]) .tls-tep-ds{display:flex;flex-direction:column;gap:5px;max-height:168px;overflow-y:auto}:where([data-mod=mail]) .tls-tep{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--stroke);border-radius:8px;cursor:pointer}:where([data-mod=mail]) .tls-tep:hover{background:var(--hover-bg)}:where([data-mod=mail]) .tls-tep.chon{border-color:var(--brand);background:var(--sel-bg)}:where([data-mod=mail]) .tls-tep input{flex:0 0 auto;accent-color:var(--brand)}:where([data-mod=mail]) .tls-tep-loai{flex:0 0 auto;min-width:38px;padding:2px 5px;border-radius:4px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-align:center}:where([data-mod=mail]) .tls-tep-ten{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}:where([data-mod=mail]) .tls-tep-co{flex:0 0 auto;color:var(--fg-tertiary);font-size:11px}:where([data-mod=mail]) .tls-trong{margin:0;display:flex;align-items:center;gap:6px;color:var(--fg-secondary);font-size:12.5px}:where([data-mod=mail]) .tls-cho{margin:0;display:flex;align-items:center;gap:7px;color:var(--fg-secondary);font-size:12.5px;font-style:italic}:where([data-mod=mail]) .tls-lap{display:inline-flex;color:var(--brand);animation:mail-tls-lap 1.3s ease-in-out infinite}@keyframes mail-tls-lap{50%{opacity:.35;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .tls-lap{animation:none}}:where([data-mod=mail]) .tls-kq{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:9px;background:var(--hover-bg);border:1px solid var(--stroke)}:where([data-mod=mail]) .tls-kq-hd{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .tls-kq-hd .tls-lien{margin-left:auto;text-transform:none;letter-spacing:0}:where([data-mod=mail]) .tls-kq-than{white-space:pre-wrap;word-break:break-word;line-height:1.55;max-height:240px;overflow-y:auto;font-size:13px}:where([data-mod=mail]) .tls-kq-than>:last-child{margin-bottom:0!important}:where([data-mod=mail]) .tls-nguon{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:7px;border-top:1px dashed var(--stroke-strong);font-size:11.5px;color:var(--fg-secondary)}:where([data-mod=mail]) .tls-nguon-nhan{font-weight:600}:where([data-mod=mail]) .tls-nguon-tep{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:11px;background:var(--surface);border:1px solid var(--stroke-strong)}:where([data-mod=mail]) .tls-kq-nut{display:flex;gap:7px}:where([data-mod=mail]) .tls-chinh,:where([data-mod=mail]) .tls-phu{flex:1;min-height:30px;border-radius:7px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}:where([data-mod=mail]) .tls-phu{border:1px solid var(--stroke-strong);background:var(--surface);color:var(--fg)}:where([data-mod=mail]) .tls-phu:hover{background:var(--hover-bg)}:where([data-mod=mail]) .tls-chinh{border:1px solid transparent;background:var(--brand);color:#fff}:where([data-mod=mail]) .tls-chinh:hover{background:var(--brand-hover)}:where([data-mod=mail]) .tls-loi{margin:0;display:flex;align-items:flex-start;gap:6px;color:var(--danger);font-size:12px;line-height:1.45}:where([data-mod=mail]) .tls-nhap{position:relative;display:flex}:where([data-mod=mail]) .tls-nhap textarea{width:100%;min-height:58px;max-height:120px;resize:vertical;padding:8px 40px 8px 10px;border-radius:8px;border:1px solid var(--stroke-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:12.5px;line-height:1.45}:where([data-mod=mail]) .tls-nhap textarea:focus{outline:none;border-color:var(--brand)}:where([data-mod=mail]) .tls-nhap textarea:disabled{opacity:.6}:where([data-mod=mail]) .tls-gui{position:absolute;right:7px;bottom:7px;width:28px;height:28px;border:0;border-radius:50%;background:var(--brand);color:#fff;cursor:pointer;display:grid;place-items:center}:where([data-mod=mail]) .tls-gui:hover:not(:disabled){background:var(--brand-hover)}:where([data-mod=mail]) .tls-gui:disabled{opacity:.4;cursor:default}:where([data-mod=mail]) .ai-re{display:flex;flex-direction:column;gap:2px;margin-top:2px;padding-top:9px;border-top:1px dashed var(--stroke)}:where([data-mod=mail]) .ai-re-nut{display:flex;align-items:center;gap:7px;padding:6px 8px;border:0;border-radius:7px;background:none;color:var(--brand);font:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}:where([data-mod=mail]) .ai-re-nut:hover{background:var(--sel-bg)}@media (max-width:767px){:where([data-mod=mail]) .ai-vo .tls-bang{width:100%;max-width:none;max-height:76vh;border-radius:14px 14px 0 0}}:where([data-mod=mail]) .tls-lop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.28);animation:mail-tls-nen-vao .16s ease-out}@keyframes mail-tls-nen-vao{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .tls-lop{animation:none}}:where([data-mod=mail]) .tls-lop .tls-bang{width:440px;max-height:min(80vh,640px)}:where([data-mod=mail]) .tep-menu-vach{display:block;height:1px;margin:4px 6px;background:var(--stroke)}:where([data-mod=mail]) .att-noi{flex:1;min-height:0;display:flex}:where([data-mod=mail]) .att-noi>.att-body{flex:1;min-width:0}:where([data-mod=mail]) .att-ai{flex:0 0 384px;min-width:0;overflow-y:auto;padding:12px;background:var(--bg);border-left:1px solid var(--stroke)}:where([data-mod=mail]) .att-ai .tls-bang{width:100%;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}:where([data-mod=mail]) .dk-ai{flex:0 0 auto;width:36px;display:grid;place-items:center;border:0;border-left:1px solid var(--stroke);background:none;color:var(--brand);cursor:pointer}:where([data-mod=mail]) .dk-ai:hover{background:var(--sel-bg)}@container mail (max-width: 840px){:where([data-mod=mail]) .att-noi{flex-direction:column}:where([data-mod=mail]) .att-ai{flex:0 0 auto;max-height:58%;border-left:0;border-top:1px solid var(--stroke)}}[data-mod=mail][data-theme=dark] .tls-bang{box-shadow:0 12px 32px rgba(0,0,0,.5);border-color:var(--stroke-strong)}[data-mod=mail][data-theme=dark] .tls-chinh,[data-mod=mail][data-theme=dark] .tls-gui,[data-mod=mail][data-theme=dark] .tls-tep-loai{background:var(--brand-fill,var(--brand))}[data-mod=mail][data-theme=dark] .tls-chinh:hover,[data-mod=mail][data-theme=dark] .tls-gui:hover:not(:disabled){background:var(--brand);color:#fff}@container mail (max-width: 640px){:where([data-mod=mail]) .tls-nen{display:block;position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.3)}:where([data-mod=mail]) .tls-vo{position:fixed;inset:auto 0 0 0;top:auto;left:0;right:0;transform:none;margin-left:0!important;animation-name:mail-tls-truot}@keyframes mail-tls-truot{0%{transform:translateY(100%)}}:where([data-mod=mail]) .tls-bang{width:100%;max-width:none;max-height:76vh;border-radius:14px 14px 0 0;padding:14px}:where([data-mod=mail]) .tls-nut-chu{display:none}:where([data-mod=mail]) .tls-nut{padding:0 7px}}:where([data-mod=mail]) .cv-body a,:where([data-mod=mail]) .msg-content a,:where([data-mod=mail]) .tn a,:where([data-mod=mail]) .xd-html a,:where([data-mod=mail]) .xd-moi a,:where([data-mod=mail]) .xd-tang-than a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;overflow-wrap:anywhere;cursor:pointer}:where([data-mod=mail]) .cv-body a:hover,:where([data-mod=mail]) .msg-content a:hover,:where([data-mod=mail]) .tn a:hover,:where([data-mod=mail]) .xd-html a:hover,:where([data-mod=mail]) .xd-moi a:hover,:where([data-mod=mail]) .xd-tang-than a:hover{color:var(--brand-hover)}:where([data-mod=mail]) .lk-the{position:fixed;z-index:200;width:340px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--fg);border:1px solid var(--stroke-strong);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:10px 12px;font-size:12.5px;line-height:1.5;animation:mail-lk-vao .12s ease-out}[data-mod=mail][data-theme=dark] .lk-the{box-shadow:0 8px 24px rgba(0,0,0,.5)}@keyframes mail-lk-vao{0%{opacity:0;transform:translateY(-3px)}}:where([data-mod=mail]) .lk-the.tren{animation-name:mail-lk-vao-tren}@keyframes mail-lk-vao-tren{0%{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .lk-the{animation:none}}:where([data-mod=mail]) .lk-mien{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg);margin-bottom:3px}:where([data-mod=mail]) .lk-mien b{font-weight:600;overflow-wrap:anywhere}:where([data-mod=mail]) .lk-khoa{display:inline-flex;color:#107c10}[data-mod=mail][data-theme=dark] .lk-khoa{color:#6cc26c}:where([data-mod=mail]) .lk-url{font-size:11.5px;color:var(--fg-secondary);overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}:where([data-mod=mail]) .lk-canh{display:flex;align-items:flex-start;gap:6px;margin-top:7px;padding:6px 8px;border-radius:5px;background:var(--hover-bg);color:var(--fg-secondary)}:where([data-mod=mail]) .lk-canh svg{flex:0 0 auto;margin-top:1px}:where([data-mod=mail]) .lk-canh.nang{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-weight:500}:where([data-mod=mail]) .lk-nut{margin-top:8px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;font:inherit;font-size:12px;border:1px solid var(--stroke-strong);border-radius:5px;background:var(--bg);color:var(--fg);cursor:pointer}:where([data-mod=mail]) .lk-nut:hover:not(:disabled){background:var(--hover-bg)}:where([data-mod=mail]) .lk-nut:disabled{opacity:.7;cursor:default}:where([data-mod=mail]) .lk-loi{margin-top:8px;color:var(--fg-secondary);font-size:12px}:where([data-mod=mail]) .lk-xem{margin-top:9px;padding-top:9px;border-top:1px solid var(--stroke);display:flex;gap:9px}:where([data-mod=mail]) .lk-anh{flex:0 0 68px;width:68px;height:68px;object-fit:cover;border-radius:5px;background:var(--hover-bg)}:where([data-mod=mail]) .lk-xem-chu{min-width:0}:where([data-mod=mail]) .lk-tieu{font-weight:600;font-size:12.5px;color:var(--fg);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where([data-mod=mail]) .lk-mota{color:var(--fg-secondary);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:where([data-mod=mail]) .lk-trang{margin-top:3px;font-size:11px;color:var(--fg-tertiary)}@media (hover:none){:where([data-mod=mail]) .lk-the{display:none}}:where([data-mod=mail]) .tim-sang,:where([data-mod=mail]) .tim-sang>.sb{min-width:0}@media (max-width:767px){:where([data-mod=mail]) .sb-ic{width:40px;height:40px}:where([data-mod=mail]) .aah .pop-wrap>button{min-height:40px}:where([data-mod=mail]) .chk{position:relative}:where([data-mod=mail]) .chk:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}:where([data-mod=mail]) .moc-tg{min-height:40px}:where([data-mod=mail]) .fgroup-add{width:44px;height:44px;font-size:18px}:where([data-mod=mail]) .lay-open{height:44px;flex:0 0 auto;min-height:44px}:where([data-mod=mail]) .rd-tab button{min-height:40px}:where([data-mod=mail]) .aiqb-nut,:where([data-mod=mail]) .btn-chu,:where([data-mod=mail]) .btn-tl,:where([data-mod=mail]) .chip,:where([data-mod=mail]) .cmd,:where([data-mod=mail]) .cv-bung,:where([data-mod=mail]) .cv-gon-mo,:where([data-mod=mail]) .cv-tab button,:where([data-mod=mail]) .inp,:where([data-mod=mail]) .linkish,:where([data-mod=mail]) .send,:where([data-mod=mail]) select.inp{min-height:40px}:where([data-mod=mail]) .chip{padding-top:4px;padding-bottom:4px}:where([data-mod=mail]) .cv-cc .ic,:where([data-mod=mail]) .ic,:where([data-mod=mail]) .msg-hdr-nut .ic{min-width:40px;min-height:40px}:where([data-mod=mail]) .rte-btn{width:40px;height:40px}:where([data-mod=mail]) .rte-xo .rte-btn{width:40px}:where([data-mod=mail]) .rte-mui{width:26px;height:40px}:where([data-mod=mail]) .rte-hang-cc{justify-content:flex-start}:where([data-mod=mail]) .rte-select{height:40px}:where([data-mod=mail]) .rte-muc{padding:9px 8px}:where([data-mod=mail]) .rte-palette{grid-template-columns:repeat(6,28px)}:where([data-mod=mail]) .rte-palette button{width:28px;height:28px}:where([data-mod=mail]) .cb-luoi{grid-template-columns:repeat(10,22px)}:where([data-mod=mail]) .cb-luoi span{width:22px;height:22px}:where([data-mod=mail]) .cb-kieu button{width:30px;height:30px}:where([data-mod=mail]) .tls-nut{min-width:40px;min-height:40px}}@container mail (max-width: 1020px){:where([data-mod=mail]) .ai-list,:where([data-mod=mail]) .cv-list,:where([data-mod=mail]) .rows{padding-bottom:92px}}@media (max-width:767px){:where([data-mod=mail]) .cal-ev{min-width:0;max-width:100%}:where([data-mod=mail]) .cal-hdr{padding-left:8px;padding-right:8px;gap:4px}:where([data-mod=mail]) .cal-hdr h2{min-width:0;flex:1 1 auto;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .msg-content{overflow-x:auto}:where([data-mod=mail]) .msg-content table{overflow-wrap:normal;word-break:normal}}:where([data-mod=mail]) .hn-nut{position:fixed;z-index:60;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25)}:where([data-mod=mail]) .hn-nut:hover{filter:brightness(1.08)}:where([data-mod=mail]) .hn-nen{position:fixed;inset:0;z-index:59}:where([data-mod=mail]) .hn-bang{position:fixed;z-index:61;transform:translateX(-50%);width:344px;max-width:calc(100vw - 24px);padding:12px;border-radius:10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);box-shadow:0 10px 34px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:9px}:where([data-mod=mail]) .hn-dau{display:flex;align-items:center;gap:7px}:where([data-mod=mail]) .hn-dau strong{flex:1 1 auto;font-size:13.5px}:where([data-mod=mail]) .hn-dau>svg{color:var(--brand);flex:0 0 auto}:where([data-mod=mail]) .hn-x{border:0;background:none;color:var(--fg-secondary);cursor:pointer;padding:2px;display:flex}:where([data-mod=mail]) .hn-x:hover{color:var(--fg)}:where([data-mod=mail]) .hn-bang input{font:inherit;font-size:13px;color:var(--fg);padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg);min-width:0}:where([data-mod=mail]) .hn-bang input:focus{outline:none;border-color:var(--brand)}:where([data-mod=mail]) .hn-tieu-de{font-weight:600}:where([data-mod=mail]) .hn-gio{display:flex;align-items:center;gap:6px}:where([data-mod=mail]) .hn-gio>svg{color:var(--fg-secondary);flex:0 0 auto}:where([data-mod=mail]) .hn-gio input{flex:1 1 0;font-size:12px;padding:5px 6px}:where([data-mod=mail]) .hn-toi{color:var(--fg-tertiary);flex:0 0 auto;font-size:12px}:where([data-mod=mail]) .hn-nguoi{display:flex;flex-direction:column;gap:5px}:where([data-mod=mail]) .hn-nhan-hang{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .hn-nhan-hang>svg{color:var(--fg-tertiary)}:where([data-mod=mail]) .hn-dem{background:var(--sel-bg);color:var(--brand);font-weight:700;min-width:18px;text-align:center;border-radius:9px;padding:0 5px;font-size:11px}:where([data-mod=mail]) .hn-the-bao{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-height:104px;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:7px}:where([data-mod=mail]) .hn-the-bao .ngn-vien{height:24px;font-size:12px}:where([data-mod=mail]) .hn-the-bao .ngn-vien .avatar{width:18px;height:18px;font-size:8px}:where([data-mod=mail]) .hn-them{flex:1 1 110px;min-width:110px;border:0!important;padding:3px 4px!important;background:none!important}:where([data-mod=mail]) .hn-them:focus{outline:none}:where([data-mod=mail]) .hn-loi{font-size:12px;color:var(--danger,#c0392b)}:where([data-mod=mail]) .hn-xong{font-size:12px;color:var(--ok,#1e8e3e);display:flex;align-items:center;gap:5px}:where([data-mod=mail]) .hn-cuoi{display:flex;justify-content:flex-end;gap:8px;margin-top:1px}:where([data-mod=mail]) .hn-chinh,:where([data-mod=mail]) .hn-phu{font:inherit;font-size:12.5px;padding:6px 13px;border-radius:7px;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg)}:where([data-mod=mail]) .hn-phu:hover{background:var(--hover-bg)}:where([data-mod=mail]) .hn-chinh{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}:where([data-mod=mail]) .hn-chinh:hover{filter:brightness(1.06)}:where([data-mod=mail]) .hn-chinh:disabled{opacity:.6;cursor:default;filter:none}@container mail (max-width: 963.98px){:where([data-mod=mail]) .cmd,:where([data-mod=mail]) .fitem,:where([data-mod=mail]) .newmail{min-height:44px}:where([data-mod=mail]) .icon-btn,:where([data-mod=mail]) .star{min-width:44px;min-height:44px}:where([data-mod=mail]) [contenteditable]:not([contenteditable=false]),:where([data-mod=mail]) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),:where([data-mod=mail]) select,:where([data-mod=mail]) textarea{font-size:16px!important}:where([data-mod=mail]) .compose{padding-top:env(safe-area-inset-top,0)}:where([data-mod=mail]) .compose-foot{padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px))}:where([data-mod=mail]) .reader.open{padding-bottom:env(safe-area-inset-bottom,0)}:where([data-mod=mail]) .cv-bung,:where([data-mod=mail]) .moc-tg{min-height:44px}:where([data-mod=mail]) .cv-cc .ic,:where([data-mod=mail]) .ic,:where([data-mod=mail]) .msg-hdr-nut .ic{min-width:44px;min-height:44px}:where([data-mod=mail]) .aiqb-nut,:where([data-mod=mail]) .btn-tl,:where([data-mod=mail]) .pop-wrap>button{min-height:44px}:where([data-mod=mail]) .sb-ic{position:relative}:where([data-mod=mail]) .sb-ic:before{content:"";position:absolute;inset:-8px}:where([data-mod=mail]) .reader.open:has(.xd-nen){z-index:125}:where([data-mod=mail]) .xd-hd{flex-wrap:wrap;align-items:flex-start;row-gap:8px}:where([data-mod=mail]) .xd-hd-main{flex:1 1 200px}:where([data-mod=mail]) .xd-luc{flex:1 1 100%}:where([data-mod=mail]) .xd-hd-nut{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 100%}:where([data-mod=mail]) .xd-hd-nut>.ic:last-child{margin-left:auto}}@media (max-width:767.98px){:where([data-mod=mail]) .fdrawer-btn{min-width:44px;min-height:44px}:where([data-mod=mail]) .tim-sang .sb-box{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}}:where([data-mod=mail]) .lh-neo[role=button]{cursor:pointer}:where([data-mod=mail]) .lh-neo[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}:where([data-mod=mail]) .lh-neo[role=button]:hover{text-decoration:underline dotted var(--fg-tertiary)}:where([data-mod=mail]) .msg-to-the.lh-neo:hover{text-decoration:none;border-color:var(--brand);background:var(--sel-bg)}:where([data-mod=mail]) .lh-the{position:fixed;z-index:200;width:320px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--fg);border:1px solid var(--stroke-strong);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:12px;font-size:12.5px;line-height:1.5;animation:mail-lk-vao .12s ease-out}:where([data-mod=mail]) .lh-the.tren{animation-name:mail-lk-vao-tren}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .lh-the{animation:none}}:where([data-mod=mail]) .lh-dau{display:flex;align-items:flex-start;gap:10px}:where([data-mod=mail]) .lh-danh{min-width:0;display:flex;flex-direction:column;gap:1px}:where([data-mod=mail]) .lh-ten{font-size:15px;font-weight:600;color:var(--fg);line-height:1.3;overflow-wrap:anywhere}:where([data-mod=mail]) .lh-la-toi{margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--sel-bg);color:var(--brand);font-size:10.5px;font-weight:600;vertical-align:middle}:where([data-mod=mail]) .lh-mail{color:var(--brand);text-decoration:none;overflow-wrap:anywhere;font-size:12.5px}:where([data-mod=mail]) .lh-mail:hover{text-decoration:underline}:where([data-mod=mail]) .lh-chuc{color:var(--fg-secondary);font-size:12px;margin-top:2px}:where([data-mod=mail]) .lh-phu{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;color:var(--fg-secondary)}:where([data-mod=mail]) .lh-phu span{display:inline-flex;align-items:center;gap:5px;min-width:0}:where([data-mod=mail]) .lh-so{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--stroke);color:var(--fg-secondary)}:where([data-mod=mail]) .lh-nut{display:flex;align-items:center;gap:6px;margin-top:10px}:where([data-mod=mail]) .lh-chinh{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}:where([data-mod=mail]) .lh-chinh:hover{background:var(--brand-hover)}:where([data-mod=mail]) .lh-tron{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--stroke-strong);background:var(--bg);color:var(--fg-secondary);cursor:pointer}:where([data-mod=mail]) .lh-tron:hover:not(:disabled){background:var(--hover-bg);color:var(--brand);border-color:var(--brand)}:where([data-mod=mail]) .lh-tron:disabled{opacity:.6;cursor:default}:where([data-mod=mail]) .reader.an-di,[data-mod=mail][data-layout=gmail] .reader.an-di{display:none}:where([data-mod=mail]) .tab-phai{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 12px;border-bottom:1px solid var(--stroke);background:var(--surface)}:where([data-mod=mail]) .reader-top{display:flex;align-items:center;flex:0 0 auto;min-width:0;min-height:45px;border-bottom:1px solid var(--stroke);background:var(--surface)}:where([data-mod=mail]) .reader-top>.tab-phai{border-bottom:0;padding-right:10px}:where([data-mod=mail]) .reader-top>.cmdbar{flex:1 1 auto;min-width:0;border-bottom:0;border-left:1px solid var(--stroke);padding-left:8px}:where([data-mod=mail]) .tab-phai button{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid transparent;border-radius:14px;background:none;color:var(--fg-secondary);font:inherit;font-size:13px;cursor:pointer}:where([data-mod=mail]) .tab-phai button:hover{background:var(--hover-bg);color:var(--fg)}:where([data-mod=mail]) .tab-phai button.on{background:var(--sel-bg);border-color:var(--brand);color:var(--brand);font-weight:600}:where([data-mod=mail]) .reader.troly{background:var(--surface)}:where([data-mod=mail]) .troly-chat{min-height:0}:where([data-mod=mail]) .troly-dau{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 24px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .troly-ten{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .troly-ten svg{color:var(--brand)}:where([data-mod=mail]) .troly-nut{margin-left:auto;display:flex;align-items:center;gap:6px}:where([data-mod=mail]) .troly-nguon{margin-top:10px}:where([data-mod=mail]) .troly-nhap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:9px 11px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--bg)}:where([data-mod=mail]) .troly-nhap b{font-size:12.5px;min-width:0;overflow-wrap:anywhere}:where([data-mod=mail]) .troly-nhap .cmd{margin-left:auto}:where([data-mod=mail]) .troly-ls{min-width:300px;max-height:320px;overflow-y:auto}:where([data-mod=mail]) .troly-ls-o{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:3px;background:none;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}:where([data-mod=mail]) .troly-ls-o:hover{background:var(--hover-bg)}:where([data-mod=mail]) .troly-ls-o.on{background:var(--sel-bg);color:var(--brand);font-weight:600}:where([data-mod=mail]) .troly-ls-o svg{flex:0 0 auto;color:var(--fg-tertiary)}:where([data-mod=mail]) .troly-ls-o.on svg{color:var(--brand)}:where([data-mod=mail]) .troly-ls-ten{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-mod=mail]) .troly-ls-luc{flex:0 0 auto;font-size:11px;color:var(--fg-tertiary)}:where([data-mod=mail]) .troly-ls-trong{min-width:260px;padding:14px 12px;text-align:center;color:var(--fg-secondary);font-size:12.5px}:where([data-mod=mail]) .troly-ls-o{padding:0}:where([data-mod=mail]) .troly-ls-mo{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:7px 4px 7px 10px;border:0;background:none;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}:where([data-mod=mail]) .troly-ls-viec{display:none;flex:0 0 auto;gap:2px;padding-right:6px}:where([data-mod=mail]) .troly-ls-o.on .troly-ls-viec,:where([data-mod=mail]) .troly-ls-o:hover .troly-ls-viec{display:flex}:where([data-mod=mail]) .troly-ls-viec .ic{padding:4px;border-radius:4px;color:var(--fg-tertiary)}:where([data-mod=mail]) .troly-ls-viec .ic:hover{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .troly-ls-tim{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:4px;border-bottom:1px solid var(--stroke);color:var(--fg-tertiary)}:where([data-mod=mail]) .troly-ls-tim input{flex:1 1 auto;min-width:0;border:0;background:none;color:var(--fg);font:inherit;font-size:13px;outline:none}:where([data-mod=mail]) .cmd.sm.ic-only{padding-left:6px;padding-right:6px}:where([data-mod=mail]) .troly-nguon-phu{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;min-height:0;background:var(--surface);animation:mail-troly-nguon-len .16s ease-out}@keyframes mail-troly-nguon-len{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}:where([data-mod=mail]) .cmd.nguon-ve{display:inline-flex;align-items:center;gap:6px}:where([data-mod=mail]) .troly-nguon-phu .reader-body{flex:1 1 auto;min-height:0;overflow-y:auto}@media (min-width:768px){:where([data-mod=mail]) .reader.troly{position:relative}}@media (prefers-reduced-motion:reduce){:where([data-mod=mail]) .troly-nguon-phu{animation:none}}:where([data-mod=mail]) .ns-hang{display:flex;align-items:center;gap:8px;padding:6px 12px;border-top:1px solid var(--stroke);background:var(--hover-bg)}:where([data-mod=mail]) .ns-hang-nhan{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:11.5px;font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.02em}:where([data-mod=mail]) .ns-hang-ds{display:flex;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}:where([data-mod=mail]) .ns-hang-ds::-webkit-scrollbar{display:none}:where([data-mod=mail]) .ns-chip{flex:0 0 auto;max-width:240px;padding:5px 11px;border:1px solid var(--stroke);border-radius:999px;background:var(--surface);color:var(--fg);font:inherit;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}:where([data-mod=mail]) .ns-chip:hover{border-color:var(--brand);color:var(--brand)}:where([data-mod=mail]) .ns-hang>.ic{flex:0 0 auto;padding:4px;color:var(--fg-tertiary)}@container mail (max-width: 1020px){:where([data-mod=mail]) .ns-hang{padding-right:calc(var(--tln-cd, 56px) + 22px)}}:where([data-mod=mail]) .troly-ve{padding-left:6px;padding-right:6px;margin-right:2px}:where([data-mod=mail]) .troly-dt-btn{display:none}@media (max-width:767px){:where([data-mod=mail]) .troly-dt-btn{display:grid}}@media (min-width:768px){:where([data-mod=mail]) .troly-dt-btn{display:none!important}}@media (max-width:767px){:where([data-mod=mail]) .troly-ten{display:none}:where([data-mod=mail]) .troly-dau{padding:8px 12px}}[data-mod=mail]{--aiv-day:max(env(safe-area-inset-bottom,0px),var(--aiv-chrome-bottom,0px))}:where([data-mod=mail]) .lq-da-co{text-transform:none;letter-spacing:0;font-weight:500;margin-top:2px}:where([data-mod=mail]) .lq>.lq-da-co:first-child{margin-top:0}:where([data-mod=mail]) .don-sach{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--stroke);background:var(--hover-bg);font-size:13px;color:var(--fg-2,var(--fg))}:where([data-mod=mail]) .don-sach>svg{flex:0 0 auto;opacity:.75}:where([data-mod=mail]) .don-sach-nd{flex:1 1 220px;min-width:0}:where([data-mod=mail]) .don-sach .btn-ghost{flex:0 0 auto;height:28px;font-size:13px}:where([data-mod=mail]) .send.nguy-hiem{background:#c50f1f}:where([data-mod=mail]) .send.nguy-hiem:hover:not(:disabled){background:#a50d1a}:where([data-mod=mail]) .don-sach-hq{margin:0;font-size:14px;line-height:1.5}:where([data-mod=mail]) .don-sach-loi{margin:12px 0 0;font-size:13px;color:var(--danger)}:where([data-mod=mail]) .overlay>.modal{min-width:0}:where([data-mod=mail]) .modal-foot{flex-wrap:wrap}:where([data-mod=mail]) .modal-foot .ds-nut.send{white-space:normal;text-align:center;justify-content:center;height:auto;min-height:32px;padding:6px 16px}@media (max-width:767px){:where([data-mod=mail]) .ds-nut{min-height:40px}:where([data-mod=mail]) .don-sach .ds-nut{height:auto}:where([data-mod=mail]) .modal-foot .ds-nut.send{flex:1 1 160px}}:where([data-mod=mail]) .pv-dai{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 14px;border-bottom:1px solid var(--stroke);background:var(--hover-bg);font-size:13px;color:var(--fg-2,var(--fg))}:where([data-mod=mail]) .pv-dai>svg{flex:0 0 auto;opacity:.7}:where([data-mod=mail]) .pv-dai-nd{flex:0 1 auto;min-width:0}:where([data-mod=mail]) .pv-dai-nut{flex:0 0 auto;height:26px;padding:0 8px;font-size:13px;font-weight:600;color:var(--brand)}:where([data-mod=mail]) .pv-dai-nut:hover{text-decoration:underline}@media (max-width:767px){:where([data-mod=mail]) .pv-dai-nut{min-height:36px}}:where([data-mod=mail]) .inv{display:flex;gap:16px;align-items:flex-start;margin:4px 0 16px;padding:16px 18px;border:1px solid var(--stroke);border-left:4px solid var(--brand);border-radius:10px;background:var(--surface)}:where([data-mod=mail]) .inv-cancel{border-left-color:var(--danger)}:where([data-mod=mail]) .inv-tu-choi{border-left-color:var(--stroke-strong)}:where([data-mod=mail]) .inv-to{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--stroke);border-radius:8px;overflow:hidden;background:var(--bg);text-align:center}:where([data-mod=mail]) .inv-to-thang{align-self:stretch;padding:3px 0;background:var(--brand);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .inv-cancel .inv-to-thang{background:var(--danger)}:where([data-mod=mail]) .inv-to-ngay{font-size:26px;font-weight:700;line-height:1.15;padding-top:4px}:where([data-mod=mail]) .inv-to-thu{font-size:11px;color:var(--fg-secondary);padding-bottom:5px}:where([data-mod=mail]) .inv-than{flex:1 1 auto;min-width:0}:where([data-mod=mail]) .inv-nhan{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.03em}:where([data-mod=mail]) .inv-cancel .inv-nhan{color:var(--danger)}:where([data-mod=mail]) .inv-tieu{margin:3px 0 8px;font-size:16px;font-weight:600;overflow-wrap:anywhere}:where([data-mod=mail]) .inv-cancel .inv-tieu{text-decoration:line-through;color:var(--fg-secondary)}:where([data-mod=mail]) .inv-dong{display:flex;align-items:flex-start;gap:8px;margin:3px 0;font-size:13px;color:var(--fg-secondary);overflow-wrap:anywhere}:where([data-mod=mail]) .inv-dong svg{flex:0 0 auto;margin-top:2px}:where([data-mod=mail]) .inv-dong b{font-weight:600;color:var(--fg)}:where([data-mod=mail]) .inv-vao{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;text-decoration:none}:where([data-mod=mail]) .inv-vao:hover{background:var(--brand-hover)}:where([data-mod=mail]) .inv-bao{margin:12px 0 0;font-size:13px;color:var(--fg)}:where([data-mod=mail]) .inv-bao-huy{color:var(--danger);font-weight:600}:where([data-mod=mail]) .inv-rsvp{margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke)}:where([data-mod=mail]) .inv-rsvp .inv-bao{margin:0 0 8px}:where([data-mod=mail]) .inv-nut{display:flex;flex-wrap:wrap;gap:8px}:where([data-mod=mail]) .inv-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--stroke-strong);border-radius:6px;background:var(--surface);color:var(--fg);font:inherit;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}:where([data-mod=mail]) .inv-btn:hover:not(:disabled){background:var(--hover-bg)}:where([data-mod=mail]) .inv-btn:disabled{opacity:.6;cursor:default}:where([data-mod=mail]) .inv-btn-ok.on{background:#107c10;border-color:#107c10;color:#fff}:where([data-mod=mail]) .inv-btn-maybe.on{background:#f7e7c1;border-color:#c19c00;color:#6b5200}:where([data-mod=mail]) .inv-btn-no.on{background:var(--danger);border-color:var(--danger);color:#fff}[data-mod=mail][data-theme=dark] .inv-btn-maybe.on{background:#4a3f16;color:#f2d77a}@container mail (max-width: 520px){:where([data-mod=mail]) .inv{padding:12px;gap:12px}:where([data-mod=mail]) .inv-to{flex-basis:52px}:where([data-mod=mail]) .inv-btn{flex:1 1 0;justify-content:center;padding:0 8px}}:where([data-mod=mail]) .row-att.row-att-lich{color:var(--brand);border-color:var(--brand);background:var(--sel-bg)}:where([data-mod=mail]) .compose .note .gui-hong{color:var(--warn,#b45309)}:where([data-mod=mail]) .compose .note .gui-hong .lnk{background:none;border:0;padding:0;font:inherit;color:var(--acc,#2563eb);text-decoration:underline;cursor:pointer}:where([data-mod=mail]) .compose .note .gui-hong .lnk:disabled{opacity:.5;cursor:default}:where([data-mod=mail]) .rte-toolbar.rte-toolbar-dinh{position:static;transform:none;margin:0 0 6px;border-radius:6px;box-shadow:none;border:0;border-bottom:1px solid var(--stroke,#e3e6ea);padding:4px 2px 6px;width:auto;max-width:100%}:where([data-mod=mail]) .compose .rte-wrap{flex-direction:column}:where([data-mod=mail]) .compose .rte-wrap>.rte-toolbar-dinh{order:-1;flex:0 0 auto;z-index:auto}:where([data-mod=mail]) .rte-btn-tep{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}:where([data-mod=mail]) .qtl-form{padding:16px 20px;display:flex;flex-direction:column;gap:14px}:where([data-mod=mail]) .qtl-f{display:flex;flex-direction:column;gap:4px;max-width:520px}:where([data-mod=mail]) .qtl-f>span{font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .qtl-f-nho{max-width:220px}:where([data-mod=mail]) .qtl-f-nho .hint{font-style:normal;margin:2px 0 0}:where([data-mod=mail]) .qtl-cau{display:flex;flex-wrap:wrap;align-items:center;gap:8px}:where([data-mod=mail]) .qtl-cau .inp{width:auto}:where([data-mod=mail]) .qtl-tu{font-size:13px;color:var(--fg-secondary)}:where([data-mod=mail]) .qtl-gt{flex:1 1 220px;min-width:160px}:where([data-mod=mail]) .qtl-luu-y{margin:12px 20px 0;display:flex;align-items:flex-start;gap:6px}:where([data-mod=mail]) .qtl-luu-y svg{flex:none;margin-top:2px}:where([data-mod=mail]) .qtl-bang{width:calc(100% - 40px);margin:12px 20px;border-collapse:collapse}:where([data-mod=mail]) .qtl-bang th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--fg-secondary);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .qtl-bang td{padding:8px;border-bottom:1px solid var(--stroke);vertical-align:top}:where([data-mod=mail]) .qtl-bang .qtl-c-tt{width:84px}:where([data-mod=mail]) .qtl-bang .qtl-c-bat{width:48px;text-align:center}:where([data-mod=mail]) .qtl-bang .qtl-c-act{width:124px}:where([data-mod=mail]) .qtl-bang .qtl-c-act{display:flex;align-items:center;justify-content:flex-end;gap:6px}:where([data-mod=mail]) .qtl-tat{opacity:.55}:where([data-mod=mail]) .qtl-sap{display:flex;align-items:center;gap:2px}:where([data-mod=mail]) .qtl-so{font-size:12px;color:var(--fg-secondary);min-width:24px;text-align:center}:where([data-mod=mail]) .qtl-ten{font-size:13px;font-weight:600;padding:0}:where([data-mod=mail]) .qtl-dk{font-size:12px;color:var(--fg-secondary);margin-top:2px}:where([data-mod=mail]) .qtl-dk code{background:var(--stroke);border-radius:4px;padding:1px 5px;font-size:11.5px;word-break:break-all}:where([data-mod=mail]) .qtl-dich{display:inline-flex;align-items:center;gap:5px;font-size:12.5px}:where([data-mod=mail]) .qtl-hd2{margin-top:18px;position:static}:where([data-mod=mail]) .qtl-rong{margin:0 20px 20px}:where([data-mod=mail]) .qtl-tc{list-style:none;margin:8px 20px 24px;padding:0}:where([data-mod=mail]) .qtl-tc li{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--stroke);font-size:12.5px}:where([data-mod=mail]) .qtl-tc-addr{font-weight:600}:where([data-mod=mail]) .qtl-tc-ly{color:var(--fg-secondary);flex:1 1 200px}:where([data-mod=mail]) .qtl-tc-ngay{color:var(--fg-secondary);font-size:11.5px}@media (max-width:767px){:where([data-mod=mail]) .qtl-bang{width:calc(100% - 24px);margin:12px}:where([data-mod=mail]) .qtl-bang .qtl-c-act .linkish{display:none}:where([data-mod=mail]) .qtl-form,:where([data-mod=mail]) .qtl-luu-y{padding-left:12px;padding-right:12px;margin-left:0;margin-right:0}:where([data-mod=mail]) .qtl-rong,:where([data-mod=mail]) .qtl-tc{margin-left:12px;margin-right:12px}}:where([data-mod=mail]) .cal-views{display:flex;gap:2px}:where([data-mod=mail]) .cal-view-nut{flex:1 1 0;min-width:0;border:1px solid var(--stroke-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:12px;padding:4px 8px;cursor:pointer;white-space:nowrap}:where([data-mod=mail]) .cal-view-nut:first-child{border-radius:6px 0 0 6px}:where([data-mod=mail]) .cal-view-nut:last-child{border-radius:0 6px 6px 0}:where([data-mod=mail]) .cal-view-nut+.cal-view-nut{border-left:0}:where([data-mod=mail]) .cal-view-nut:hover{background:var(--hover,rgba(0,0,0,.04))}:where([data-mod=mail]) .cal-view-nut.on{background:var(--brand);border-color:var(--brand);color:#fff}:where([data-mod=mail]) .cal-views-nav{margin:2px 10px 6px}:where([data-mod=mail]) .cal-views-hdr{margin-left:auto}:where([data-mod=mail]) .cal-grid.cal-tuan{grid-template-rows:auto minmax(0,1fr)}:where([data-mod=mail]) .cal-grid.cal-ngay{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}:where([data-mod=mail]) .cal-grid.cal-ngay .cal-day,:where([data-mod=mail]) .cal-grid.cal-tuan .cal-day{justify-content:flex-start;overflow-y:auto}:where([data-mod=mail]) .cal-grid.cal-ngay .cal-num,:where([data-mod=mail]) .cal-grid.cal-tuan .cal-num{font-size:12px}:where([data-mod=mail]) .cal-grid.cal-ngay .cal-ev{font-size:13px;padding:4px 6px}:where([data-mod=mail]) .cal-ghi-chu{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:7px 12px;border-bottom:1px solid var(--stroke);font-size:12px;color:var(--fg-secondary)}:where([data-mod=mail]) .cal-ghi-chu svg{flex:none}:where([data-mod=mail]) .cal-ghi-chu .linkish{font-size:12px;display:inline-flex;align-items:center;gap:4px}@media (max-width:767px){:where([data-mod=mail]) .cal-views-hdr{display:none}}:where([data-mod=mail]) .bmt-bang{display:flex;gap:10px;align-items:flex-start;margin:14px 20px 0;padding:10px 12px;border:1px solid var(--stroke);border-radius:8px;font-size:12.5px;color:var(--fg-secondary);max-width:720px}:where([data-mod=mail]) .bmt-bang svg{flex:none;margin-top:2px}:where([data-mod=mail]) .bmt-bang p{margin:0 0 4px}:where([data-mod=mail]) .bmt-hd2{margin-top:16px;position:static}:where([data-mod=mail]) .bmt-hint{margin:8px 20px 0;max-width:720px}:where([data-mod=mail]) .bmt-ds{list-style:none;margin:10px 20px 8px;padding:0;max-width:720px}:where([data-mod=mail]) .bmt-ds li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--stroke)}:where([data-mod=mail]) .bmt-chinh{flex:1 1 200px;display:flex;align-items:center;gap:8px}:where([data-mod=mail]) .bmt-phu{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--fg-secondary)}:where([data-mod=mail]) .bmt-toi{border-left:3px solid var(--brand);padding-left:9px}:where([data-mod=mail]) .bmt-the{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--brand);color:#fff}:where([data-mod=mail]) .bmt-the-tat{background:var(--stroke-strong);color:var(--fg)}:where([data-mod=mail]) .bmt-cu li{opacity:.72}@media (max-width:767px){:where([data-mod=mail]) .bmt-bang,:where([data-mod=mail]) .bmt-ds,:where([data-mod=mail]) .bmt-hint{margin-left:12px;margin-right:12px}}:where([data-mod=mail]) .hop-thoai>.overlay{z-index:170}:where([data-mod=mail]) .hop-thoai-nd{white-space:pre-line;overflow-wrap:anywhere}:where([data-mod=mail]) .compose>.tieu-de-tran{flex:0 0 auto;margin:0;padding:2px 12px 6px;font-size:12px;font-style:normal;color:var(--warn,#b45309)}:where([data-mod=mail]) .tt-boc .aah{--aah-row-h:44px;--aah-toolbar-h:34px;--aah-pad-x:14px;--aah-ctl-h:32px}:where([data-mod=mail]) .tt-boc .aah__title{font-size:16px}:where([data-mod=mail]) .tt-boc .aah__icon{width:24px;height:24px}:where([data-mod=mail]) .tt-boc .tt-logo{width:22px;height:22px}:where([data-mod=mail]) .tt-boc .aah__row{gap:10px}:where([data-mod=mail]) .tt-boc .aah__search-form{max-width:480px}:where([data-mod=mail]) .tt-boc .tim-sang .sb-box{min-height:30px;padding-top:1px;padding-bottom:1px}:where([data-mod=mail]) .tt-boc .sb-box input{height:24px;font-size:13.5px}:where([data-mod=mail]) .tt-boc .aah-btn{font-size:13px;padding:0 12px}:where([data-mod=mail]) .tt-boc .aah__toolbar{gap:8px;border-top-color:var(--stroke)}:where([data-mod=mail]) .tt-boc .aah__toolbar-end{padding:0;flex-wrap:nowrap}:where([data-mod=mail]) .tt-boc .aah__toolbar .aah-btn{padding:0 10px}:where([data-mod=mail]) .tt-boc .aah-btn--has-icon:not(:has(.aah-btn__label)){padding:0;width:var(--aah-ctl-h)}:where([data-mod=mail]) .tt-boc .aah__toolbar-start{gap:4px;overflow:hidden}:where([data-mod=mail]) .tt-thumuc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--fg)}:where([data-mod=mail]) .tt-thumuc .tt-dem{font-size:12px;margin-left:6px}:where([data-mod=mail]) .tt-nut-thanh[aria-pressed=false]{color:var(--fg-tertiary)}:where([data-mod=mail]) .tl{display:flex;align-items:center;gap:2px;height:100%;min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:where([data-mod=mail]) .tl::-webkit-scrollbar{display:none}:where([data-mod=mail]) .tl .cmd{height:30px;padding:0 8px;font-size:13px;gap:5px;flex:0 0 auto}:where([data-mod=mail]) .tl-menu{padding:0 6px;width:32px;justify-content:center}:where([data-mod=mail]) .tl-new{height:30px;padding:0 12px;font-size:13px;font-weight:600;background:var(--brand-fill,var(--brand));color:#fff;border-radius:4px;gap:6px;flex:0 0 auto;white-space:nowrap}:where([data-mod=mail]) .tl-new:hover{background:var(--brand-hover)}:where([data-mod=mail]) .tl-new .cmd-t{color:#fff}:where([data-mod=mail]) .tl-btn.on{background:var(--hover-bg);color:var(--brand)}:where([data-mod=mail]) .tl-btn.on .cmd-t{color:var(--brand)}@media (min-width:768px){:where([data-mod=mail]) .tl{container-name:tl;container-type:inline-size}}@container tl (max-width: 1120px){:where([data-mod=mail]) .tl-2 .tl-t{display:none}}@container tl (max-width: 860px){:where([data-mod=mail]) .tl-t{display:none}:where([data-mod=mail]) .tl .sep{margin:0 3px}}@container tl (max-width: 560px){:where([data-mod=mail]) .tl .sep{display:none}:where([data-mod=mail]) .tl .cmd{padding:0 6px}}:where([data-mod=mail]) .folders{padding:6px}:where([data-mod=mail]) .fgroup{padding:6px 8px 2px;font-size:11.5px}:where([data-mod=mail]) .fitem{height:28px;font-size:13.5px}[data-mod=mail][data-folder-an] .folders{padding:0;border-right:0;overflow:hidden}:where([data-mod=mail]) .kc{position:relative;flex:0 0 0;width:0;z-index:8;outline:none}:where([data-mod=mail]) .kc:before{content:"";position:absolute;top:0;bottom:0;left:-5px;width:9px;cursor:col-resize;touch-action:none}:where([data-mod=mail]) .kc:after{content:"";position:absolute;top:0;bottom:0;left:-1px;width:3px;background:var(--brand);opacity:0;transition:opacity .12s ease;pointer-events:none}:where([data-mod=mail]) .kc:focus-visible:after,:where([data-mod=mail]) .kc:hover:after,[data-mod=mail].dang-keo-cot .kc:after{opacity:.55}[data-mod=mail].dang-keo-cot{cursor:col-resize;user-select:none}[data-mod=mail].dang-keo-cot iframe{pointer-events:none}@container mail (max-width: 840px){:where([data-mod=mail]) .kc-folder{display:none}}@media (max-width:767px){:where([data-mod=mail]) .kc{display:none}}[data-mod=mail].thu-rong .kc{display:none}