: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}}
/* Saturated navigation; service backgrounds stay as they are. */
html[data-theme=light] #zirix-global{background:#153e32;border-color:#153e32;color:#fff;box-shadow:0 3px 16px #153e3214}html[data-theme=light] #zirix-global a,html[data-theme=light] #zirix-global button{color:#fff}html[data-theme=light] #zirix-global .zg-current{color:#c1d3c9;border-color:#ffffff25}html[data-theme=light] #zirix-global .zg-links a:hover,html[data-theme=light] #zirix-global button:hover{background:#ffffff15}html[data-theme=light] #zirix-global .zg-launch{background:#315c47;color:#e3f2dc}html[data-theme=light] #zirix-global .zg-brand img{outline:1px solid #ffffff30;border-radius:9px}
#zirix-global .zg-account{display:flex;align-items:center;gap:14px;margin-left:9px;padding-left:15px;border-left:1px solid #ffffff25}#zirix-global .zg-account a{font-size:11px;white-space:nowrap}#zirix-global .zg-login{padding:10px 16px;border-radius:8px;background:#d9efb7;color:#214333!important;font-weight:700}#zirix-global .zg-profile{max-width:185px;overflow:hidden;text-overflow:ellipsis;background:var(--z-soft);color:var(--z-accent);padding:10px 13px;border-radius:9px}html[data-theme=light] #zirix-global .zg-profile{background:#315c47;color:#e3f2dc}#zirix-global .zg-signup:hover{text-decoration:underline}
#zirix-launcher [data-service=mail] .zg-service-icon{background:#285ed4;color:white}#zirix-launcher [data-service=cloud] .zg-service-icon{background:#754cbe;color:white}#zirix-launcher [data-service=vpn] .zg-service-icon{background:#12846f;color:white}#zirix-launcher [data-service=crm] .zg-service-icon{background:#b74c1e;color:white}#zirix-launcher [data-service=support] .zg-service-icon{background:#b53870;color:white}html[data-theme=light] #zirix-launcher .zg-service-list a{background:#eff3ed}html[data-theme=light] #zirix-launcher .zg-service-list a:hover{background:#dcead9}
@media(max-width:1250px){html[data-zirix-service=portal] #zirix-global .zg-current{display:none}}@media(max-width:950px){html[data-zirix-service=portal] #zirix-global .zg-links{display:none}}@media(max-width:600px){#zirix-global .zg-account{margin-left:3px;padding-left:8px;gap:0}#zirix-global .zg-signup{display:none}#zirix-global .zg-launch span{display:none}#zirix-global .zg-launch{padding:8px}#zirix-global{gap:8px;padding:0 14px}#zirix-global .zg-login{padding:9px 12px}#zirix-global .zg-profile{max-width:120px;font-size:10px}#zirix-global .zg-brand{font-size:16px;gap:6px;letter-spacing:1.5px}#zirix-global .zg-brand img{width:28px;height:28px}#zirix-global .zg-actions{gap:2px}#zirix-global [data-zirix-theme]{width:32px}}

#zirix-launcher [data-service=security] .zg-service-icon{background:#4556ac;color:white}