.workspace-rail,.workspace-toolbar{display:none!important}
@media(min-width:1100px){
html[data-studio=on] body:has(#main:not([hidden])){background:linear-gradient(180deg,rgba(8,16,31,.06),rgba(5,14,28,.55)),linear-gradient(rgb(8 12 20 / var(--studio-shade)),rgb(8 12 20 / var(--studio-shade))),var(--studio-wall) center/cover fixed no-repeat,#101d30!important;background-size:cover!important}
html[data-studio=on] #sidebar:not([hidden]){width:220px;flex:0 0 220px;height:calc(100vh - 24px);top:12px;margin:12px 0 12px 12px;padding:24px 14px;background:color-mix(in srgb,var(--studio-panel) 66%,transparent)!important;box-shadow:0 18px 50px #0004;border:1px solid #b5cce32b}
html[data-studio=on] #sidebar nav button::before{display:none}html[data-studio=on] #sidebar nav button{min-height:44px;color:var(--studio-text);font-size:14px}html[data-studio=on] #sidebar nav button.active{background:linear-gradient(110deg,#9fc8e333,#9fc8e310);box-shadow:inset 0 0 18px #91bddf22;border:1px solid #a3d3f080}
html[data-studio=on] #main{max-width:none;padding:24px 24px 24px 26px;position:relative;width:0}
html[data-studio=on][data-workspace=home] #main{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,27%);gap:18px;align-items:start}html[data-studio=on][data-workspace=home] #main>header{grid-column:1/-1;margin:0;min-height:36px}html[data-studio=on][data-workspace=home] #main>header h2{font-size:18px;letter-spacing:0;margin:0}html[data-studio=on][data-workspace=home] #main>footer{grid-column:1/-1}html[data-studio=on][data-workspace=home] #view{min-width:0;grid-column:1;grid-row:2}html[data-studio=on][data-workspace=home] .workspace-rail{display:flex!important;flex-direction:column;gap:16px;grid-column:2;grid-row:2;position:sticky;top:16px;width:auto;height:auto;padding:0;background:none;border:0;overflow:visible;min-width:0}
html[data-studio=on] #main .dash-hero{background:transparent!important;border:0!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:14px 0 20px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px}html[data-studio=on] .dash-hero h3{font-size:clamp(30px,3.1vw,52px)!important;font-weight:500;letter-spacing:-1.6px;margin:0;text-shadow:0 2px 20px #0008}html[data-studio=on] .dash-hero .dash-date{order:-1;text-transform:uppercase;letter-spacing:2px;font-size:11px}html[data-studio=on] .dash-hero .dash-muted{font-style:italic;font-size:15px}
html[data-studio=on] .workspace-toolbar{display:flex!important;gap:8px;flex-wrap:wrap;margin:0 0 24px}html[data-studio=on] #main .workspace-action,html[data-studio=on] #main .smart-home-card button{background:#b5cce310!important;border:1px solid #b5cce32b;color:var(--studio-text);border-radius:11px;min-height:36px;padding:8px 12px;font-size:12px}html[data-studio=on] #main .workspace-action:hover,html[data-studio=on] #main .smart-home-card button:hover{background:#b5cce32c!important;border-color:#b5cce380}.workspace-action{display:inline-flex;align-items:center;gap:7px}.workspace-action .mobile-icon,.smart-home-card h3 .mobile-icon{display:inline-flex;width:19px;height:19px;vertical-align:middle;margin-right:6px}.workspace-action svg,.smart-home-card h3 svg{width:100%;height:100%}
html[data-studio=on] #main .smart-home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}html[data-studio=on] #main .smart-home-card{grid-column:span 2;padding:17px;gap:8px;min-height:145px;box-shadow:0 10px 28px #0002,inset 0 1px #dcecff18;background:linear-gradient(135deg,#a7c8ee12,transparent),color-mix(in srgb,var(--studio-panel) calc(var(--studio-opacity)*100%),transparent)!important}html[data-studio=on] #main .smart-home-card[data-widget=next]{grid-column:span 3}html[data-studio=on] #main .smart-home-card[data-widget=agenda]{grid-column:span 3}html[data-studio=on] #main .smart-home-card:is([data-widget=quick],[data-widget=modules]){grid-column:span 3}html[data-studio=on] #main .smart-home-card h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:4px}html[data-studio=on] #main .smart-home-card .dash-number{font-size:30px;line-height:1.15;margin:4px 0}html[data-studio=on] #main .smart-home-card p{font-size:12px}html[data-studio=on] #main .smart-home-card>button:last-child{margin-top:auto}html[data-studio=on] #main .smart-home-card[data-widget=next]>strong{font-size:21px;line-height:1.25}html[data-studio=on] #main .smart-home-card[data-widget=work]{background:linear-gradient(110deg,#12243ad9,#12243a45),url('workspace-landscape.jpg') center/cover!important}
.workspace-panel{padding:17px;border-radius:var(--studio-radius);border:1px solid #b5cce33b;background:color-mix(in srgb,var(--studio-panel) calc(var(--studio-opacity)*100%),transparent);backdrop-filter:blur(var(--studio-blur));-webkit-backdrop-filter:blur(var(--studio-blur));box-shadow:0 10px 28px #0003;color:var(--studio-text)}.workspace-cal-head{display:flex;align-items:center;gap:5px;margin-bottom:12px}.workspace-cal-head strong{flex:1;text-transform:capitalize;font-size:15px}.workspace-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.workspace-calendar small{font-size:11px;padding:5px 0}.workspace-calendar button.workspace-action{justify-content:center;padding:0!important;min-height:31px!important;border-color:transparent!important;background:transparent!important}.workspace-calendar button.selected{background:#91bddf44!important;box-shadow:inset 0 0 0 1px #91bddf!important}.workspace-day-title{font-size:14px;text-transform:capitalize;border-top:1px solid #b5cce32b;padding-top:16px;margin:16px 0 10px}.workspace-event{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px}.workspace-event span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.workspace-event small{font-size:11px}.workspace-memories img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.workspace-memories h3{font-size:15px;margin:0 0 12px}.workspace-memories p{font-size:12px}
}
@media(min-width:1100px) and (max-width:1350px){html[data-studio=on] #sidebar:not([hidden]){width:185px;flex-basis:185px}html[data-studio=on] #main{padding:18px}html[data-studio=on][data-workspace=home] #main{grid-template-columns:minmax(0,1fr) 245px;gap:12px}html[data-studio=on] #main .smart-home-card{grid-column:span 3}}

/* Studio 2.1 — coherent theme and bounded desktop layout. */
html[data-studio=on][data-appearance-theme=light]{--studio-text:#17283b!important;--studio-panel:#f1f5fa!important;--studio-accent:#28678d!important;color-scheme:light}
html[data-studio=on][data-appearance-theme=light] body:has(#main:not([hidden])){--text:#17283b;--muted:#42566b;--panel:#f1f5fa;--edge:#a4b6c8;--green:#216b55}
html[data-studio=on][data-appearance-theme=light] #main:not([hidden]) .card,html[data-studio=on][data-appearance-theme=light] #sidebar:not([hidden]),html[data-studio=on][data-appearance-theme=light] .workspace-panel{background:rgba(241,245,250,.94)!important;color:#17283b!important;border-color:#a4b6c8!important}
html[data-studio=on][data-appearance-theme=light] #main:not([hidden]) :is(button,input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea),html[data-studio=on][data-appearance-theme=light] #sidebar button{background:#e6edf5!important;color:#17283b!important;border-color:#a4b6c8!important}
html[data-studio=on][data-appearance-theme=light] #sidebar nav button.active{background:#c7deef!important;color:#163e5a!important}
html[data-studio=on][data-appearance-theme=light] :is(.dash-muted,.dash-date,.appearance-preview,header small,#heading){color:#17283b!important;text-shadow:none}
html[data-studio=on][data-appearance-theme=light] .appearance-preview{background:#e6edf5!important}
@media(min-width:1100px){
html[data-studio=on] #main{width:0;max-width:1660px;margin-inline:auto;padding:24px clamp(20px,2vw,36px)}
html[data-studio=on][data-workspace=home] #main{grid-template-columns:minmax(0,1fr) clamp(250px,22vw,330px);gap:20px}
html[data-studio=on] #main .dash-hero{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:140px;padding:18px 8px 22px;margin-bottom:8px}
html[data-studio=on] #main .smart-home-grid{gap:14px;align-items:stretch}
html[data-studio=on] #main .smart-home-card{min-height:128px;margin:0;padding:16px;min-width:0;overflow-wrap:anywhere}
html[data-studio=on] #main .smart-home-card[data-widget=next]{grid-column:span 3}
html[data-studio=on] #main .smart-home-card[data-widget=agenda]{grid-column:span 3}
html[data-studio=on] #main .smart-home-card[data-widget=modules]{grid-column:span 3}
html[data-studio=on] #main .smart-home-card[data-widget=quick]{grid-column:span 3}
html[data-studio=on] #main .smart-home-card>button:last-child{align-self:flex-start;width:auto;min-width:0;margin-top:auto}
html[data-studio=on] #sidebar nav button .mobile-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center}
html[data-studio=on] #sidebar nav button{gap:10px}
html[data-studio=on] #main .workspace-panel{background:color-mix(in srgb,var(--studio-panel) max(65%,calc(var(--studio-opacity)*100%)),transparent)!important}
html[data-studio=on] #main .workspace-calendar button.workspace-action{background:transparent!important;border:1px solid transparent!important;min-height:34px!important;box-shadow:none!important;font-size:13px}
html[data-studio=on] #main .workspace-calendar button.workspace-action.selected{background:#91bddf44!important;border-color:#91bddf!important}
html[data-studio=on] #main .workspace-calendar button.workspace-action:hover{background:#91bddf22!important}
html[data-studio=on][data-appearance-theme=light] #main .dash-hero{background:rgba(241,245,250,.94)!important;padding:18px}
html[data-studio=on][data-appearance-theme=light] #main .workspace-panel{background:#f1f5fa!important}
}
@media(min-width:1100px) and (max-width:1350px){html[data-studio=on][data-workspace=home] #main{grid-template-columns:minmax(0,1fr) 245px;gap:12px}html[data-studio=on] #main .smart-home-card{grid-column:span 3}}
@media(min-width:1600px){html[data-studio=on] #main .smart-home-card[data-widget=next]{grid-column:span 2}html[data-studio=on] #main .smart-home-card[data-widget=agenda]{grid-column:span 2}html[data-studio=on] #main .smart-home-card[data-widget=goals]{grid-column:span 2}}
@media(min-width:1100px){html[data-studio=on] #main:not([hidden]) .card.dash-hero{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-studio=on][data-appearance-theme=light] #main:not([hidden]) .card.dash-hero{background:#f1f5faee!important}}

/* Studio 2.2 — fluid desktop; size widgets by their actual available space. */
@media(min-width:1100px){
html[data-studio=on] #sidebar:not([hidden]){width:clamp(180px,13vw,270px);flex-basis:clamp(180px,13vw,270px)}
html[data-studio=on] #main{flex:1 1 0%;width:auto;min-width:0;max-width:none;margin:0;padding:clamp(18px,1.65vw,42px)}
html[data-studio=on][data-workspace=home] #main{grid-template-columns:minmax(0,1fr) clamp(245px,19vw,400px);gap:clamp(14px,1.25vw,28px)}
html[data-studio=on][data-workspace=home] #view{container-type:inline-size}
html[data-studio=on] #main .smart-home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1vw,24px)}
html[data-studio=on] #main .smart-home-card{padding:clamp(14px,1.15vw,26px);min-height:clamp(128px,9vw,210px);font-size:clamp(14px,.9vw,19px)}
html[data-studio=on] #main .smart-home-card h3{font-size:clamp(15px,1vw,21px)}
html[data-studio=on] #main .smart-home-card p{font-size:clamp(12px,.8vw,17px)}
html[data-studio=on] #main .smart-home-card .dash-number{font-size:clamp(30px,2.3vw,54px)}
html[data-studio=on] #main .smart-home-card button,html[data-studio=on] #main .workspace-action{font-size:clamp(12px,.8vw,16px);min-height:38px}
html[data-studio=on] #main .smart-home-card[data-widget]{grid-column:span 2}
html[data-studio=on] #main .smart-home-card:is([data-widget=quick],[data-widget=modules]){grid-column:span 3}
html[data-studio=on] #main .dash-hero{min-height:clamp(140px,11vw,230px)}
html[data-studio=on] #main .workspace-panel{padding:clamp(15px,1.1vw,24px);font-size:clamp(13px,.85vw,17px)}
html[data-studio=on] #main .workspace-calendar button.workspace-action{min-height:clamp(32px,2.1vw,48px)!important;font-size:clamp(13px,.85vw,17px)}
html[data-studio=on] #sidebar nav button{font-size:clamp(14px,.85vw,18px)}
@container (max-width:760px){html[data-studio=on] #main .smart-home-card[data-widget]{grid-column:span 3}}
@container (max-width:440px){html[data-studio=on] #main .smart-home-card[data-widget]{grid-column:1/-1}}
}
@media(min-width:1100px) and (max-width:1250px){
html[data-studio=on][data-workspace=home] #main{grid-template-columns:minmax(0,1fr)}
html[data-studio=on][data-workspace=home] #main .workspace-rail{display:none!important}
}