/* Classic retains the original cascade. The wrapper adds no box to that layout. */
.template-content-row{display:contents}
.template-picker{padding:0;border:0;margin:5px 0 24px;min-width:0}.template-picker legend{font-size:12px;color:#a5d2dc;margin-bottom:12px}.template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-option{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #6bd4e632;padding:11px;border-radius:8px;background:#0318255e;cursor:pointer;min-width:0}.template-option:has(input:checked){border-color:#85e8ed;background:#53d4e712;box-shadow:0 0 0 1px #68dce52b,inset 0 1px #c4ffff18}.template-option:focus-within{outline:2px solid #a9eff3;outline-offset:3px}.template-option>input{position:absolute;top:10px;right:10px;width:14px;height:14px;accent-color:#69ddeb}.template-option strong{font-size:12px;font-weight:500;color:#b1e5ed}.template-option small{font-size:10px;line-height:1.6;color:#6095a7;font-weight:400}.template-mini{position:relative;height:64px;display:block;background:linear-gradient(140deg,#071722,#0e303d);border-radius:4px;overflow:hidden;margin:16px 0 2px;border:1px solid #52bfd22b}.template-mini i{position:absolute;top:14px;height:38px;background:#5dcdd711;border:1px solid #5fc2d341;border-radius:2px}.template-mini i:nth-child(1){left:7%;width:22%}.template-mini i:nth-child(2){left:33%;width:33%}.template-mini i:nth-child(3){left:70%;width:22%}.template-mini i:nth-child(2):after{content:'';position:absolute;inset:4px;border:1px solid #8ae6e9;border-radius:50%;box-shadow:0 0 8px #5fdbe92b}.template-mini-holo{background:radial-gradient(ellipse at 40% 40%,#0f5461,#03121d)}.template-mini-holo i{border-radius:7px;background:#69d4df14}.template-mini-holo i:nth-child(1){left:7%;width:58%;height:43px;top:10px}.template-mini-holo i:nth-child(1):after{content:'';position:absolute;width:28px;height:24px;right:6px;top:8px;border-radius:50%;border:2px solid #60dae5;transform:rotate(-25deg) skew(-15deg);box-shadow:0 0 12px #58e9e65c}.template-mini-holo i:nth-child(2){left:70%;width:23%;top:10px;height:19px}.template-mini-holo i:nth-child(2):after{display:none}.template-mini-holo i:nth-child(3){left:70%;width:23%;top:34px;height:19px}
html[data-jarvis-template="holographic"]{--holo-line:#73cfe84d;--holo-paper:linear-gradient(125deg,#143342b8,#081823d9 70%);--holo-shadow:inset 0 1px 0 #b5f1ff24,inset 0 -1px 0 #4ab4c412,0 12px 35px #0003}
html[data-jarvis-template="holographic"] body{background:radial-gradient(ellipse at 58% 0,#0b3445a1,transparent 55%),radial-gradient(ellipse at 12% 40%,#086a6920,transparent 40%),#030c14}
html[data-jarvis-template="holographic"] body:before{opacity:.14;background-size:62px 62px}
html[data-jarvis-template="holographic"] .sidebar{background:linear-gradient(160deg,#0b1c27db,#030d17e8);border-right:1px solid #79cbd730;box-shadow:10px 0 40px #0002;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html[data-jarvis-template="holographic"] .brandmark{border-radius:12px;background:radial-gradient(ellipse,#2a849933,#0a2938);border-color:#60d7e65c;box-shadow:inset 0 1px #a7f8ff24,0 0 22px #18bed518}
html[data-jarvis-template="holographic"] .nav-button{border-radius:12px;margin-bottom:8px;color:#83aebd}
html[data-jarvis-template="holographic"] .nav-button.active{border:1px solid #63d7e566;background:linear-gradient(110deg,#0c7d9638,#092a3b);box-shadow:inset 0 1px #b7f9ff19,0 0 20px #20b3d20b;color:#b6eff4}
html[data-jarvis-template="holographic"] .nav-button.active:before{display:none}
html[data-jarvis-template="holographic"] .main{padding-top:25px}
html[data-jarvis-template="holographic"] .topbar{border:0;padding-bottom:0;margin-bottom:22px}
html[data-jarvis-template="holographic"] .search input{border-radius:15px;padding-top:12px;padding-bottom:12px;background:#061925b8;border:1px solid #72cbdf40;box-shadow:inset 0 1px #c1f9ff0d}
html[data-jarvis-template="holographic"] .hero{margin-bottom:24px}
html[data-jarvis-template="holographic"] .hero h1{font-size:34px;letter-spacing:-1.1px;color:#d0f0f5;font-weight:500}
html[data-jarvis-template="holographic"] .hero p{font-size:13px;color:#739eaf}
html[data-jarvis-template="holographic"] .hero .eyebrow{font-size:7px;letter-spacing:2px;color:#4e8a9b}
html[data-jarvis-template="holographic"] .hero-time strong{font-size:27px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:#91c7d9}
html[data-jarvis-template="holographic"] .hero-tag{border-radius:20px;background:#0e433d22;border-color:#6fe5c739;color:#83d9cc;padding:9px 12px}
html[data-jarvis-template="holographic"] .hud-panel,html[data-jarvis-template="holographic"] .calendar-shell,html[data-jarvis-template="holographic"] .panel,html[data-jarvis-template="holographic"] .suite-project-card{border-radius:19px;border:1px solid var(--holo-line);background:var(--holo-paper);box-shadow:var(--holo-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-jarvis-template="holographic"] .hud-panel:before,html[data-jarvis-template="holographic"] .hud-panel:after{display:none}
html[data-jarvis-template="holographic"] .hud-heading{font-size:9px;color:#83bfcb;letter-spacing:1.8px}
html[data-jarvis-template="holographic"] .hud-heading .code{font-size:6px;letter-spacing:1px;color:#447e91}
html[data-jarvis-template="holographic"] .hud-foot{color:#4c8597;border-color:#76bbd224}
html[data-jarvis-template="holographic"] .primary{border-radius:13px;background:linear-gradient(120deg,#42e2ec,#38bfe1);border:1px solid #91f5ff70;box-shadow:0 0 20px #16cfe420,inset 0 1px 0 #cbffff57;color:#06202d}
html[data-jarvis-template="holographic"] .secondary{border-radius:12px;border-color:#75c7dd4f;background:linear-gradient(115deg,#113a4b88,#081d2d9c);box-shadow:inset 0 1px #bbf4ff13;color:#9fcbd7}
html[data-jarvis-template="holographic"] input,html[data-jarvis-template="holographic"] textarea,html[data-jarvis-template="holographic"] select{border-radius:10px;background:#031622af;border-color:#6cc9de32;color:#b7e4ed}
html[data-jarvis-template="holographic"] .modal-box{border-radius:20px;background:linear-gradient(130deg,#153746f5,#071a29fa);border-color:#78d4e657;box-shadow:inset 0 1px #c1f7ff24,0 25px 85px #000a}
html[data-jarvis-template="holographic"] .ai-footer-dock .ai-shell{border-radius:18px;border-color:#75d8e85c;background:linear-gradient(120deg,#123343ed,#071d2bf5);box-shadow:var(--holo-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}
html[data-jarvis-template="holographic"] .ai-footer-dock .ai-form textarea{border-radius:13px;background:#061a29a3}
html[data-jarvis-template="holographic"] .ai-footer-dock .ai-form button{border-radius:12px}
html[data-jarvis-template="holographic"] .ai-dock-restore{border-radius:16px}
html[data-jarvis-template="holographic"] .companion-chat-heading{border-radius:18px 18px 0 0}
html[data-jarvis-template="holographic"] .companion-bar{border-color:#66d3df24}
html[data-jarvis-template="holographic"] .camera-preview{border-radius:13px;border-color:#80cfdf44;background:radial-gradient(ellipse at 30% 20%,#1d78832b,transparent 80%),#061722}
html[data-jarvis-template="holographic"] .camera-attachment{border-radius:11px}
html[data-jarvis-template="holographic"] .suite-toolbar{border-radius:15px;background:linear-gradient(105deg,#17364475,#071926a3);border-color:#74c4d52a}
html[data-jarvis-template="holographic"] .companion-check-row{border-color:#6fbed326;min-height:37px}
html[data-jarvis-template="holographic"] .companion-check-row input{accent-color:#54e1e4}
html[data-jarvis-template="holographic"] .shortcut{border-radius:16px;border-color:#74c3dd3d;background:linear-gradient(145deg,#123b4d75,#071c2b9e);box-shadow:inset 0 1px #baf0ff16,0 5px 22px #0002;transition:transform .18s ease,border-color .18s ease}
html[data-jarvis-template="holographic"] .shortcut:hover{transform:translateY(-3px);border-color:#82e5ed91}
html[data-jarvis-template="holographic"] .shortcut:before,html[data-jarvis-template="holographic"] .shortcut:after{display:none}
html[data-jarvis-template="holographic"] .shortcut .site-icon{border-radius:13px;border-color:#8ae3eb3a;background:#0b2c3c!important;color:#95e7eb!important;box-shadow:0 0 15px #66dbdf0a}
html[data-jarvis-template="holographic"] .add-card{border-radius:16px;border-color:#69bbce4d;background:#0b223052}
html[data-jarvis-template="holographic"] .tabs .tab{border-radius:12px;font-size:8px}
html[data-jarvis-template="holographic"] .tabs .tab.active{background:#0d536436;border-color:#5bdbe580;color:#c2f6f7}
html[data-jarvis-template="holographic"] .jarvis-core{background:radial-gradient(ellipse at 60% 44%,#117b8d2b,transparent 65%),var(--holo-paper)}
html[data-jarvis-template="holographic"] #app[data-view="all"] .core-orb-hint{display:none}
.template-core-intro{position:relative;z-index:2}.template-intro-kicker{font:7px var(--mono);letter-spacing:2px;color:#5b9fac}.template-core-intro h2{font-size:33px;font-weight:400;letter-spacing:-1px;line-height:1.15;color:#bde9ec;margin:15px 0}.template-core-intro p{font-size:11px;line-height:1.8;color:#6894a8;margin:0 0 23px}.template-core-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.template-core-actions button{font-size:10px;padding:11px 14px;min-width:165px;text-align:left}
@media(min-width:1001px){
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .command-deck{grid-template-columns:minmax(0,2.1fr) minmax(245px,1fr);gap:15px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .command-deck>.jarvis-core{grid-column:1;grid-row:1/3;display:block;min-height:530px;padding:22px;overflow:hidden}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .side-slot-left{grid-column:2;grid-row:1}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .side-slot-right{grid-column:2;grid-row:2}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .template-core-intro{position:absolute;left:28px;top:27%;width:39%}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .jarvis-orb-button{position:absolute;right:0;top:11%;width:64%;max-width:490px;margin:0;z-index:1}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .jarvis-core-readout{position:absolute;left:44%;right:2%;bottom:57px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .jarvis-core-readout strong{font-size:12px;letter-spacing:7px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .jarvis-core-readout>span{font-size:8px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .jarvis-core>.hud-foot{left:28px;right:24px;bottom:20px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) #ai-core-voice{display:none}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot>.hud-panel{min-height:230px;padding:18px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-location{margin-top:10px;font-size:10px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-main{padding:4px 0;min-height:80px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-scene{height:80px;transform:scale(.82);transform-origin:left center;max-width:120px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-temperature{font-size:45px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-details{padding-top:10px;font-size:7px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-details strong{font-size:10px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .weather-range{font-size:8px;margin:8px 0 11px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .hud-foot{padding-top:9px;font-size:6px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .companion-pomodoro{gap:5px;padding:8px 0 18px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .companion-pomo-time{font-size:45px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .companion-pomodoro p{font-size:9px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot .companion-pomo-actions button{font-size:9px;padding:8px 12px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-content-row.with-checklist{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr);gap:16px;align-items:stretch;margin-bottom:27px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-content-row.with-checklist #shortcuts-section{padding:20px;border:1px solid var(--holo-line);border-radius:19px;background:var(--holo-paper);box-shadow:var(--holo-shadow);margin:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut{min-height:125px;padding:18px 13px 15px}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut h3{font-size:11px;margin-top:14px}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut small{font-size:7px}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut .site-icon{width:35px;height:35px;font-size:17px}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist .shortcut .card-actions{right:5px;top:7px}
}
@media(min-width:761px) and (max-width:1000px){
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .command-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .command-deck>.jarvis-core{grid-column:1/-1;grid-row:1;min-height:340px}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .side-slot-left{grid-column:1;grid-row:2}
  html[data-jarvis-template="holographic"] #app[data-view="all"]:not(.voice-core-expanded) .side-slot-right{grid-column:2;grid-row:2}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro{position:absolute;top:85px;left:30px;width:35%}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro h2{font-size:28px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .jarvis-orb-button{margin:0 0 0 37%;width:60%;max-width:320px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .jarvis-core-readout{margin-left:40%}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:27px}
}
@media(max-width:760px){
  html[data-jarvis-template="holographic"] .main{padding-top:18px}
  html[data-jarvis-template="holographic"] .hero h1{font-size:25px;letter-spacing:-.6px}
  html[data-jarvis-template="holographic"] .hero p{font-size:11px;line-height:1.7}
  html[data-jarvis-template="holographic"] .hud-panel,html[data-jarvis-template="holographic"] .panel,html[data-jarvis-template="holographic"] .calendar-shell{border-radius:16px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .command-deck{grid-template-columns:minmax(0,1fr);gap:13px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .command-deck>.jarvis-core{grid-column:1;grid-row:1;min-height:500px;padding:22px 16px 49px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot-left{grid-column:1;grid-row:2}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .side-slot-right{grid-column:1;grid-row:3}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro{position:relative;order:2;text-align:center;width:100%;margin:0 auto 22px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-intro-kicker{display:none}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro h2{font-size:23px;margin:0 0 8px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro h2 br{display:none}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-intro p{font-size:10px;margin-bottom:15px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-actions{align-items:stretch;gap:8px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .template-core-actions button{text-align:center;font-size:10px;padding:10px;min-width:0}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .jarvis-orb-button{order:1;width:min(100%,290px);margin:0 auto -25px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] .jarvis-core-readout{order:3;margin-bottom:7px}
  html[data-jarvis-template="holographic"] #app[data-view="all"] #ai-core-voice{display:none}
  html[data-jarvis-template="holographic"] .template-content-row.with-checklist{display:grid;grid-template-columns:minmax(0,1fr);gap:17px;margin-bottom:24px}
  html[data-jarvis-template="holographic"] .shortcut{border-radius:13px}
  html[data-jarvis-template="holographic"] .template-checklist{padding:17px}
  html[data-jarvis-template="holographic"] .companion-bar h1{font-size:20px}
  html[data-jarvis-template="holographic"] .ai-footer-dock .ai-head-actions{gap:6px}
}
@media(prefers-reduced-motion:reduce){html[data-jarvis-template="holographic"] .shortcut{transition:none}html[data-jarvis-template="holographic"] .shortcut:hover{transform:none}}