/* Additional finishes. Layout, authentication and the welcome sequence stay with their own styles. */
html[data-jarvis-template="neon-glass"]{
  --theme-paper:linear-gradient(140deg,#113653a3,#071728c9 72%);
  --theme-raised:linear-gradient(135deg,#123e60b8,#0b1c33bf);
  --theme-modal:linear-gradient(145deg,#123959f5,#071327f7);
  --theme-line:#64cfff45;--theme-line-bright:#5bdcff9c;--theme-ink:#e1f5ff;
  --theme-muted:#9bbdce;--theme-accent:#74e5ff;--theme-accent-soft:#48caff1c;
  --theme-focus:#83e7ff;--theme-shadow:inset 0 1px #d4f5ff24,inset 0 -1px #7488ff13,0 14px 40px #0004,0 0 22px #005dff0c;
  --theme-radius:18px;--theme-blur:22px;--theme-input:#041426b3;
  --theme-button:linear-gradient(115deg,#38dcf5,#5eb8ff);--theme-button-ink:#03192a;
}
html[data-jarvis-template="glassmorphism"]{
  --theme-paper:linear-gradient(135deg,#8fc3f51c,#28385b8a 72%);
  --theme-raised:linear-gradient(135deg,#abc8f729,#1e345ba1);
  --theme-modal:linear-gradient(140deg,#2b4962f2,#17213df7);
  --theme-line:#d0e8ff3d;--theme-line-bright:#e0edff8f;--theme-ink:#eff6ff;
  --theme-muted:#bac8e0;--theme-accent:#bcdbff;--theme-accent-soft:#b7d4ff1c;
  --theme-focus:#d5e6ff;--theme-shadow:inset 0 1px #f2f8ff3b,inset 0 -1px #b4d0ff0f,0 14px 40px #02091f45;
  --theme-radius:20px;--theme-blur:28px;--theme-input:#0b1b349c;
  --theme-button:linear-gradient(115deg,#d0eaff,#a9b7ff);--theme-button-ink:#111e37;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app{
  min-height:100vh;color:var(--theme-ink);
  background:radial-gradient(ellipse at 78% 3%,#0455a34d,transparent 48%),radial-gradient(ellipse at 14% 58%,#33207824,transparent 52%),#030d1d;
}
html[data-jarvis-template="glassmorphism"] #app{
  background:radial-gradient(ellipse at 74% 4%,#365b985b,transparent 52%),radial-gradient(ellipse at 8% 38%,#5a498962,transparent 47%),radial-gradient(ellipse at 78% 78%,#0c6f8952,transparent 50%),#0a1429;
}
/* User-selected background and custom glass/accent settings take precedence. */
html.studio-styled:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app{background:transparent}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .sidebar{
  background:linear-gradient(165deg,#092139bc,#050d21e0);border-right-color:var(--theme-line);
  box-shadow:12px 0 38px #0003,inset -1px 0 #d4eaff08;backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur));
}
html[data-jarvis-template="glassmorphism"] #app .sidebar{background:linear-gradient(155deg,#56779a21,#101d3ec9)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.hud-panel,.panel,.calendar-shell,.suite-project-card,.studio-card){
  border-radius:var(--theme-radius);border-color:var(--theme-line);background:var(--theme-paper);box-shadow:var(--theme-shadow);
  backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur));
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.hud-panel,.calendar-shell,.shortcut):before{display:none}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .hud-panel:after{display:none}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.brandmark,.avatar,.site-icon){border-radius:12px;border-color:var(--theme-line-bright);box-shadow:inset 0 1px #e3faff20,0 0 18px #2faeff15}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.brand,.hero h1,.section-header h2,.hud-heading,.shortcut h3,.calendar-toolbar h3,.agenda-event strong,.panel h2){color:var(--theme-ink)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.hero p,.shortcut small,.settings-copy,.hud-foot,.weather-location,.weather-details,.focus-caption,.empty,.calendar-caption,.selected-date,.event-excerpt,.save-status){color:var(--theme-muted)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.nav-button,.textbutton,.tab,.iconbutton){color:var(--theme-muted)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .nav-button{border-radius:12px}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .nav-button.active{
  color:var(--theme-ink);background:var(--theme-accent-soft);border-color:var(--theme-line-bright);box-shadow:inset 0 1px #e4f7ff24,0 0 20px #4ac2ff12;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .nav-button.active:before{display:none}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.shortcut,.add-card,.note,.note:nth-child(even),.agenda-event,.studio-task-card,.library-card,.productivity-routine-card){
  border-radius:calc(var(--theme-radius) - 5px);border-color:var(--theme-line);background:var(--theme-raised);box-shadow:inset 0 1px #e4f8ff19,0 6px 24px #0002;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .shortcut:hover{border-color:var(--theme-line-bright);box-shadow:inset 0 1px #e0f8ff38,0 0 26px #369cff24}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .note{border-left-width:1px}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .task{border-color:var(--theme-line)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .task span{color:var(--theme-ink)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .task.done span{color:var(--theme-muted)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) :is(input,textarea,select){
  border-radius:11px;border-color:var(--theme-line);background:var(--theme-input);color:var(--theme-ink);accent-color:var(--theme-accent);color-scheme:dark;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) :is(input,textarea)::placeholder{color:var(--theme-muted);opacity:.78}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) :is(input,textarea,select):focus{border-color:var(--theme-focus);box-shadow:0 0 0 2px var(--theme-accent-soft)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .note :is(input,textarea){background:transparent;border-color:transparent;border-radius:4px;color:var(--theme-ink)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) .primary{
  border-radius:11px;border-color:var(--theme-line-bright);background:var(--theme-button);color:var(--theme-button-ink);box-shadow:inset 0 1px #f7ffff6b,0 0 20px #39baf21a;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) :is(.secondary,.ai-voice-button,.sidebar-toggle,.ai-dock-restore){
  border-radius:11px;background:var(--theme-raised);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:inset 0 1px #e5f7ff1c;
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .ai-voice-button.is-live{background:#78383266;border-color:#f6a28aa3;color:#ffe0d4}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .card-actions .favorite{color:var(--theme-accent)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) :is(#app,.modal) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--theme-focus)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.tab.active,.hero-tag,.count){border-color:var(--theme-line);background:var(--theme-accent-soft);color:var(--theme-accent);border-radius:8px}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.ai-shell,.companion-chat-heading,.studio-environment-panel,.studio-environment-toggle,.local-card,.suite-toolbar){
  border-color:var(--theme-line);background:var(--theme-paper);box-shadow:var(--theme-shadow);backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur));
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.ai-shell,.ai-footer-dock .ai-shell){border-radius:var(--theme-radius)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.ai-head,.ai-compose,.ai-voice-bar,.companion-chat-heading){border-color:var(--theme-line)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .ai-compose{background:#07172b66}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .ai-bubble{border-radius:14px;background:var(--theme-raised);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app .ai-bubble.from-user{background:var(--theme-accent-soft);border-color:var(--theme-line-bright)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.ai-bubble-label,.ai-bubble-label time,.ai-context-label,.ai-footnote,.ai-head p,.ai-usage){color:var(--theme-muted)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal-box{
  border-radius:var(--theme-radius);border-color:var(--theme-line-bright);background:var(--theme-modal);color:var(--theme-ink);box-shadow:inset 0 1px #e7f6ff3b,0 28px 100px #0009;backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur));
}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal :is(.modal-head h2,.appearance-title,.template-option strong,label){color:var(--theme-ink)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal :is(.settings-copy,.template-option small,.ai-config-copy,.ai-key-state){color:var(--theme-muted)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal .template-option{border-color:var(--theme-line);background:var(--theme-input)}
html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal .template-option:has(input:checked){border-color:var(--theme-line-bright);background:var(--theme-accent-soft)}
html.studio-styled:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.textbutton,.hud-heading,.studio-card h2){color:var(--studio-accent)}
.template-mini-neon-glass{background:radial-gradient(ellipse at 85% 20%,#4e2c925c,transparent 65%),linear-gradient(145deg,#062144,#061124)}
.template-mini-neon-glass i{border-radius:8px;background:linear-gradient(135deg,#30c6ff1e,#27296055);border-color:#5ce7ff9c;box-shadow:inset 0 1px #c9ffff28,0 0 9px #2d89ff30}
.template-mini-glassmorphism{background:radial-gradient(ellipse at 20% 10%,#c3beff8a,transparent 65%),radial-gradient(ellipse at 90% 95%,#57cfe67a,transparent 67%),#24395e}
.template-mini-glassmorphism i{border-radius:9px;background:linear-gradient(135deg,#e4f5ff38,#91a4e51a);border-color:#e0eeff85;box-shadow:inset 0 1px #fff5,0 3px 9px #12294440}
@media(prefers-reduced-transparency:reduce){
  html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) #app :is(.hud-panel,.panel,.calendar-shell,.suite-project-card,.studio-card,.sidebar,.shortcut,.note,.ai-shell),
  html:is([data-jarvis-template="neon-glass"],[data-jarvis-template="glassmorphism"]) .modal-box{background:#0b1d32;backdrop-filter:none;-webkit-backdrop-filter:none}
}