.smail-suite{display:flex;height:100vh;overflow:hidden;background:var(--paper)}.smail-suite>.suite-main{flex:1;min-width:0;min-height:0;display:flex}.suite-rail-wrap{flex:none}.suite-workspace{flex-direction:column}.suite-workspace,.suite-workspace-body,.suite-workspace-body>.suite-main{display:flex;flex:1;min-width:0;min-height:0}.suite-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);font-size:13px}.suite-status[role=alert]{color:var(--red)}.app-rail{width:76px;flex:none;height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 8px 12px;gap:4px;background:var(--surface-2);border-right:1px solid var(--line);z-index:5}.app-rail *{box-sizing:border-box}.app-rail .rail-logo{width:60px;height:34px;display:grid;place-items:center;margin-bottom:12px;flex:none;transition:transform .15s cubic-bezier(.22,1,.36,1)}.app-rail .rail-logo:hover{transform:translateY(-1px)}.app-rail .rail-logo-mark{display:block;width:58px;height:22px;background:var(--ink);-webkit-mask-image:url(/smail-logo.svg);mask-image:url(/smail-logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.app-rail .rail-apps{flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto}.app-rail .rail-apps,.app-rail .rail-foot{display:flex;gap:3px;width:100%;align-items:center}.app-rail .rail-foot{flex-direction:column;margin-top:auto;padding-top:6px}.app-rail .rail-app{position:relative;width:100%;max-width:60px;min-height:54px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-decoration:none;font-size:10.5px;font-weight:600;letter-spacing:-.01em;font-family:var(--font-sans);transition:background .14s,color .14s,transform .1s;border:none;background:none;cursor:pointer}.app-rail .rail-app span{line-height:1}.app-rail .rail-app:hover{background:var(--hover);color:var(--ink-2)}.app-rail .rail-app:active{transform:scale(.95)}.app-rail .rail-app.active{background:var(--sel);color:var(--brand)}.app-rail .rail-app.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--brand)}.app-rail .rail-app svg{width:21px;height:21px}.app-rail .rail-app:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-rail .rail-avatar{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;margin-top:4px;border:0;padding:0;cursor:pointer;font-family:inherit;box-shadow:0 0 0 0 transparent;transition:box-shadow var(--t-fast,.14s) var(--ease-out,ease-out),transform var(--t-fast,.14s) var(--ease-out,ease-out)}.app-rail .rail-avatar:hover{box-shadow:0 0 0 3px color-mix(in oklch,var(--ink,#000) 14%,transparent)}.app-rail .rail-avatar:active{transform:scale(.96)}.app-rail .rail-avatar:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring,#000)}.app-rail .rail-avatar.active,.app-rail .rail-avatar[data-state=open]{box-shadow:0 0 0 2px var(--surface,#fff),0 0 0 4px var(--ink,#000)}.rail-avatar-mini{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px}@media (max-width:720px){.app-rail{width:60px;padding:12px 6px 10px}.app-rail .rail-app span{display:none}.app-rail .rail-app{min-height:46px}}.suite-frame{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--paper)}.suite-frame>.smail-suite{flex:1;min-height:0;height:auto}.suite-frame>.smail-suite .app-rail{height:100%}.suite-banner{flex:none;display:flex;align-items:center;gap:10px;padding:6px 12px 6px 16px;background:var(--accent-soft);color:var(--accent-ink);border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.suite-banner-text{flex:1;min-width:0;line-height:1.35}.suite-banner-text b{font-weight:700;overflow-wrap:anywhere}.suite-banner-exit{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-md);background:var(--brand);color:var(--brand-ink);font-size:12.5px;font-weight:700}.suite-banner-exit:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (max-width:720px){.suite-banner{padding:6px 8px 6px 12px;font-size:12.5px;gap:8px}.suite-banner-by{display:none}.suite-banner-exit{padding:0 10px}}.smail-mail,.smail-suite,:root:has(.smail-suite){--font-sans:"Plus Jakarta Sans","Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--brand:oklch(0 0 0);--brand-press:oklch(0.25 0 0);--brand-ink:oklch(1 0 0);--brand-soft:oklch(0.92 0 0);--brand-softer:oklch(0.96 0 0);--accent:oklch(0.80 0.18 75);--accent-ink:oklch(0.50 0.15 62);--accent-soft:oklch(0.95 0.08 85);--paper:oklch(0.99 0 0);--surface:oklch(1 0 0);--surface-2:oklch(0.97 0 0);--ink:oklch(0 0 0);--ink-2:oklch(0.30 0 0);--muted:oklch(0.44 0 0);--faint:oklch(0.62 0 0);--line:oklch(0.92 0 0);--line-2:oklch(0.94 0 0);--hover:oklch(0.96 0 0);--sel:oklch(0.94 0 0);--green:oklch(0.56 0.19 150);--red:oklch(0.56 0.23 27);--draft:oklch(0.76 0.17 72);--draft-ink:oklch(0.54 0.15 65);--scrim:oklch(0.25 0.03 285);--shadow-sm:0 1px 2px oklch(0 0 0/0.05),0 1px 1px oklch(0 0 0/0.03);--shadow-md:0 6px 20px oklch(0 0 0/0.08),0 2px 6px oklch(0 0 0/0.05);--shadow-lg:0 22px 56px oklch(0 0 0/0.16),0 6px 16px oklch(0 0 0/0.09);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--bg:var(--paper);--text:var(--ink);--shadow:var(--shadow-md);--radius:var(--r-lg);--background:var(--paper);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--primary:var(--brand);--primary-foreground:var(--brand-ink);--secondary:var(--surface-2);--secondary-foreground:var(--ink);--muted-bg:var(--surface-2);--muted-foreground:var(--muted);--accent-bg:var(--surface-2);--accent-foreground:var(--ink);--destructive:var(--red);--destructive-foreground:oklch(0.99 0 0);--border:var(--line);--input:var(--line);--ring:var(--brand);--sidebar-background:var(--surface-2);--sidebar-foreground:var(--ink-2);--sidebar-primary:var(--brand);--sidebar-primary-foreground:var(--brand-ink);--sidebar-accent:var(--hover);--sidebar-accent-foreground:var(--ink);--sidebar-border:var(--line-2);--sidebar-ring:var(--brand);font-family:var(--font-sans);color:var(--ink);background:var(--paper)}:root[data-theme=dark]:has(.smail-suite),[data-theme=dark] .smail-mail,[data-theme=dark] .smail-suite{--brand:oklch(1 0 0);--brand-press:oklch(0.88 0 0);--brand-ink:oklch(0 0 0);--brand-soft:oklch(0.32 0 0);--brand-softer:oklch(0.25 0 0);--accent:oklch(0.82 0.17 78);--accent-ink:oklch(0.86 0.15 80);--accent-soft:oklch(0.36 0.09 70);--draft:oklch(0.82 0.16 80);--draft-ink:oklch(0.85 0.14 82);--green:oklch(0.75 0.20 150);--scrim:oklch(0 0 0);--paper:oklch(0 0 0);--surface:oklch(0.1400 0 0);--surface-2:oklch(0.1800 0 0);--ink:oklch(1 0 0);--ink-2:oklch(0.8500 0 0);--muted:oklch(0.7200 0 0);--faint:oklch(0.5000 0 0);--line:oklch(0.3200 0 0);--line-2:oklch(0.2600 0 0);--hover:oklch(0.2300 0 0);--sel:oklch(0.30 0 0);--red:oklch(0.70 0.22 25);--shadow-sm:0 1px 2px oklch(0 0 0/0.30);--shadow-md:0 8px 26px oklch(0 0 0/0.40);--shadow-lg:0 28px 64px oklch(0 0 0/0.55);--bg:var(--paper);--text:var(--ink);--background:var(--paper);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--primary:var(--brand);--primary-foreground:var(--brand-ink);--secondary:var(--surface-2);--secondary-foreground:var(--ink);--muted-bg:var(--surface-2);--muted-foreground:var(--muted);--accent-bg:var(--surface-2);--accent-foreground:var(--ink);--destructive:var(--red);--destructive-foreground:oklch(0 0 0);--border:var(--line-2);--input:var(--line);--ring:var(--brand)}