:root,html[data-theme=light]{--z-bg:#f6f9f8;--z-panel:#fff;--z-text:#18362f;--z-muted:#647a73;--z-line:#dce6e1;--z-accent:#147e66;--z-soft:#e4f2ec;--z-hover:#edf5f1}
html[data-theme=dark]{--z-bg:#0c141b;--z-panel:#152129;--z-text:#eaf2f4;--z-muted:#95aab6;--z-line:#283940;--z-accent:#60dec0;--z-soft:#17362f;--z-hover:#1b2c34}
body.zirix-connected{padding-top:64px;background:var(--z-bg);color:var(--z-text)}#zirix-global,#zirix-launcher{font:14px 'Segoe UI',system-ui,sans-serif;box-sizing:border-box;color:var(--z-text)}#zirix-global * ,#zirix-launcher *{box-sizing:border-box}#zirix-global{position:fixed;inset:0 0 auto;height:64px;z-index:200;background:var(--z-panel);border-bottom:1px solid var(--z-line);display:flex;align-items:center;gap:22px;padding:0 max(24px,calc((100vw - 1340px)/2));isolation:isolate}#zirix-global a,#zirix-launcher a{color:var(--z-text);text-decoration:none}#zirix-global button,#zirix-launcher button{border:0;font:inherit;cursor:pointer;color:var(--z-text);background:transparent;margin:0;min-height:38px;border-radius:9px;padding:8px 12px}#zirix-global button:hover,#zirix-global nav a:hover{background:var(--z-hover)}#zirix-global button:focus-visible,#zirix-global a:focus-visible,#zirix-launcher :focus-visible{outline:2px solid var(--z-accent);outline-offset:3px}#zirix-global .zg-brand{display:flex;align-items:center;gap:9px;letter-spacing:2.5px;font-size:20px;flex-shrink:0}#zirix-global .zg-brand img{display:block}#zirix-global .zg-current{border-left:1px solid var(--z-line);padding-left:20px;font-size:12px;color:var(--z-muted)}#zirix-global .zg-links{display:flex;align-items:center;gap:3px;margin:0 0 0 auto;overflow:visible}#zirix-global .zg-links a{padding:9px 12px;border-radius:8px;font-size:12px}#zirix-global .zg-actions{display:flex;align-items:center;gap:5px;margin-left:auto}#zirix-global .zg-launch{display:flex;align-items:center;gap:9px;font-size:12px;background:var(--z-soft);color:var(--z-accent)}#zirix-global svg,#zirix-launcher svg,[data-zirix-icon] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}#zirix-global [data-zirix-theme]{font-size:23px;width:40px;padding:0}
#zirix-launcher{position:fixed;inset:0;margin:auto;padding:26px;width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--z-panel);border:1px solid var(--z-line);border-radius:22px;box-shadow:0 28px 100px #001f2633}#zirix-launcher::backdrop{background:#071b2a80;backdrop-filter:blur(6px)}#zirix-launcher .zg-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#zirix-launcher h2{font-size:25px;letter-spacing:-.7px;margin:7px 0 0;color:var(--z-text)}#zirix-launcher .zg-kicker{font-size:9px;letter-spacing:2px;color:var(--z-muted)}#zirix-launcher .zg-close{font-size:27px}#zirix-launcher .zg-find{display:flex;align-items:center;gap:12px;background:var(--z-bg);border:1px solid var(--z-line);padding:0 15px;border-radius:12px;color:var(--z-muted);margin:0 0 20px}#zirix-launcher input{font:inherit;background:none;color:var(--z-text);border:0;padding:15px 0;min-width:0;width:100%;border-radius:0}#zirix-launcher .zg-service-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}#zirix-launcher .zg-service-list a{display:flex;align-items:center;gap:13px;border-radius:12px;padding:13px 10px;min-width:0}#zirix-launcher .zg-service-list a:hover{background:var(--z-hover)}#zirix-launcher b{font-size:13px;display:block;font-weight:650}#zirix-launcher small{display:block;font-size:10px;color:var(--z-muted);line-height:1.4;margin-top:4px}#zirix-launcher .zg-service-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--z-soft);color:var(--z-accent);border-radius:12px;flex-shrink:0}#zirix-launcher .zg-arrow{margin-left:auto;color:var(--z-muted)}#zirix-launcher .zg-home-link{display:block;border-top:1px solid var(--z-line);padding-top:18px;margin-top:20px;font-size:12px;color:var(--z-accent)}#zirix-launcher [hidden]{display:none!important}
/* Keep each application's scrolling surface below the common navigation. */
html[data-zirix-service=mail] #login,html[data-zirix-service=mail] #workspace{height:calc(100dvh - 64px)}html[data-zirix-service=mail] #sidebar{padding-top:24px}html[data-zirix-service=cloud] .sidebar{top:64px;height:calc(100dvh - 64px)}html[data-zirix-service=cloud] .auth-screen{min-height:calc(100dvh - 64px)}html[data-zirix-service=vpn] .shell>aside{top:64px;height:calc(100dvh - 64px)}html[data-zirix-service=vpn] .shell{min-height:calc(100dvh - 64px)}html[data-zirix-service=vpn] .shell main>header{top:64px}
html[data-zirix-service] .brand img{object-fit:contain}html[data-zirix-service=cloud] .brand-icon{background:none;width:32px;height:35px;border:0;box-shadow:none;transform:none}html[data-zirix-service=cloud] .brand-icon img{width:100%;height:100%}html[data-zirix-service=cloud] .brand{letter-spacing:1px}html[data-zirix-service=cloud] .brand-dot{color:var(--z-accent)}
@media(max-width:1050px){#zirix-global .zg-current{display:none}}@media(max-width:700px){#zirix-global{padding:0 16px;gap:12px}#zirix-global .zg-links{display:none}#zirix-global .zg-brand{font-size:18px}#zirix-launcher{padding:20px}#zirix-launcher .zg-service-list{grid-template-columns:1fr}html[data-zirix-service=mail] #sidebar{top:64px!important;height:calc(100dvh - 64px)}html[data-zirix-service=vpn] .shell>aside{top:auto;height:auto}html[data-zirix-service=cloud] .sidebar{height:auto;top:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}