/* Product adapters share the same palette without changing application behavior. */
html[data-zirix-service=cloud][data-theme]{--surface:var(--z-panel);--surface-raised:var(--z-panel);--surface-soft:var(--z-soft);--border:var(--z-line);--text:var(--z-text);--muted:var(--z-muted);--accent:var(--z-accent);--selected:var(--z-soft);--warm:var(--z-accent)}
html[data-zirix-service=cloud] body{background:var(--z-bg);color:var(--z-text)}
html[data-zirix-service=cloud] :is(.sidebar,.auth-story,.notes-index,.music-sidebar){background:var(--z-panel);border-color:var(--z-line)}
html[data-zirix-service=cloud] :is(.auth-card,.auth-card h1,.brand,.page-heading h1,.file-name,.note-title,.music-track-title){color:var(--z-text)}
html[data-zirix-service=cloud] :is(.auth-card p,.auth-card label,.auth-foot,.auth-story p,.auth-story small,.topbar,.sidebar-caption,.sidebar-bottom p,.sidebar-bottom small,.profile span,.page-heading p,.eyebrow,.table-footer,td,thead,.empty-state p){color:var(--z-muted)}
html[data-zirix-service=cloud] :is(.files-panel,.share-card,.public-card,dialog,.notes-layout,.note-card,.note-body,.editor){background:var(--z-panel);border-color:var(--z-line);color:var(--z-text)}
html[data-zirix-service=cloud] :is(input,textarea,select,.auth-card input,.search input){background:var(--z-bg);color:var(--z-text);border-color:var(--z-line)}
html[data-zirix-service=cloud] :is(.primary,.upload-button){background:var(--z-accent);color:var(--z-panel);border-color:var(--z-accent)}
html[data-zirix-service=cloud] :is(.secondary,.theme-toggle){background:var(--z-panel);color:var(--z-text);border-color:var(--z-line)}
html[data-zirix-service=cloud] :is(.nav-item,.breadcrumbs button,.icon-button,.text-button){color:var(--z-muted)}
html[data-zirix-service=cloud] :is(.nav-item.active,.nav-item:hover,.note-card.selected,.music-nav.active,.theme-toggle:hover){background:var(--z-soft);color:var(--z-accent)}
html[data-zirix-service=cloud] :is(.topbar,.profile,th,td,.table-footer,.nav-divider,.local-badge){border-color:var(--z-line)}
html[data-zirix-service=cloud] :is(thead,.avatar,.empty-icon,.soon,.paper.back){background:var(--z-soft);color:var(--z-accent)}
html[data-zirix-service=cloud] .paper.front{background:var(--z-panel);color:var(--z-text);border-color:var(--z-line)}
html[data-zirix-service=cloud] .auth-story h1{color:var(--z-text)}
html[data-zirix-service=cloud] :is(.brand-icon,.brand-dot,.little-spark){color:var(--z-accent)}
html[data-zirix-service=cloud] .workspace{min-height:calc(100dvh - 64px)}
html[data-zirix-service=cloud] .auth-story{border-radius:0}
html[data-zirix-service=cloud] :is(button,a):focus-visible{outline:2px solid var(--z-accent);outline-offset:3px}
html[data-zirix-service=vpn][data-theme]{--bg:var(--z-bg);--panel:var(--z-panel);--line:var(--z-line);--text:var(--z-text);--muted:var(--z-muted);--aside:var(--z-panel);--accent:var(--z-accent)}
html[data-zirix-service=vpn] .brand small{color:var(--z-accent)}
html[data-zirix-service=vpn] .card{border-radius:16px}
html[data-zirix-service=vpn] .shell>aside{border-right:1px solid var(--z-line)}
html[data-zirix-service=mail] #login{background:var(--z-bg)}
html[data-zirix-service=mail] .brand-story{background:var(--z-panel)}
html[data-zirix-service] [data-theme-toggle],html[data-zirix-service=mail] #theme-toggle{display:none!important}
html[data-zirix-service=cloud][data-theme] :is(input,textarea,select,.auth-card input,.search input){background:var(--z-bg);color:var(--z-text);border-color:var(--z-line)}
html[data-zirix-service=cloud] .storage-sticker{background:var(--z-accent);color:var(--z-panel)}
html[data-zirix-service=cloud] .document-icon{color:var(--z-accent)}
html[data-zirix-service=cloud] .paper-line{background:var(--z-line)}
.zirix-protection-modes{display:flex;padding:4px;border:1px solid var(--z-line);border-radius:11px;background:var(--z-bg);margin:0 0 18px}
.zirix-protection-modes button{flex:1;text-align:center;padding:10px 6px;font-size:12px;margin:0!important;color:var(--z-muted)}
.zirix-protection-modes button[aria-pressed=true]{background:var(--z-panel);color:var(--z-accent);box-shadow:0 2px 8px #1233220a}
html[data-zirix-service=cloud] #office-frame{height:calc(100vh - 128px)}
html[data-zirix-service=vpn] #navigation>button{border:0;margin-left:0;background:transparent;box-shadow:none}
html[data-zirix-service=vpn] #navigation>button.active,html[data-zirix-service=vpn] #navigation>button:hover{background:var(--z-soft);color:var(--z-accent)}
@media(max-width:700px){html[data-zirix-service=cloud] .sidebar{top:64px}.cloud-brand-icon{flex-shrink:0}}