.detail-dialog{width:min(1500px,98vw)!important;height:min(920px,96vh);max-height:96vh!important;padding:0!important;background:#f4f6f8;border-radius:20px!important}.detail-dialog>#close-detail{position:absolute;z-index:20;right:18px;top:15px}.dw-shell{display:grid;grid-template-columns:240px 1fr;min-height:880px;color:#172128}.dw-side{background:#11191e;color:#fff;padding:30px 20px;display:flex;flex-direction:column}.dw-side>strong{font-size:24px;letter-spacing:.04em;margin:0 10px 45px}.dw-side>strong small{display:block;color:#7c8a93;font-size:10px;letter-spacing:.1em}.dw-side nav{display:grid;gap:8px}.dw-side nav button{display:flex;text-align:left;gap:12px;background:transparent;color:#8e9ba3;padding:12px;border-radius:12px}.dw-side nav button.active{background:#253139;color:#fff}.dw-side nav button>b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #52616a;border-radius:50%;flex:none}.dw-side nav span{font-weight:700}.dw-side nav small{display:block;color:#6e7c84;font-size:10px;margin-top:3px}.dw-side>p{margin-top:auto;color:#63717a;font-size:11px}.dw-main{min-width:0;display:flex;flex-direction:column;background:#f6f7f8}.dw-head{margin:0!important;padding:22px 62px 15px 32px!important;border-bottom:1px solid #e3e8eb;background:white}.dw-head span,.dw-title em,.dw-intro>em,.dw-settings aside>em{font-style:normal;font-size:10px;letter-spacing:.14em;color:#758cff;font-weight:800}.dw-head h2{font-size:25px;margin:3px 0}.dw-head p{margin:0}.dw-head>b{font-size:12px;color:#38a46b}.dw-progress{height:52px;background:#fff;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 11%;position:relative;border-bottom:1px solid #e6eaed}.dw-progress:before,.dw-progress>i{content:"";height:2px;background:#dfe4e8;position:absolute;left:12%;right:12%}.dw-progress>i{right:auto;background:#718cff;transition:.3s}.dw-progress>b{z-index:1;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7ebee;color:#849199;font-size:11px}.dw-progress>b.done{background:#718cff;color:#fff}.dw-stage{padding:26px 32px;flex:1;min-height:720px;overflow:auto}.dw-main>footer{padding:15px 32px;background:#fff;border-top:1px solid #e2e7ea;display:flex;justify-content:space-between;align-items:center}.dw-main button{background:#1a252c}.dw-main button:disabled{opacity:.35;cursor:not-allowed}.dw-intro{max-width:900px;margin:30px auto;text-align:center}.dw-intro h3,.dw-title h3{font-size:28px;margin:6px 0}.dw-method{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.dw-method>button{background:#fff;color:#18232a;border:2px solid #e1e6e9;padding:35px;text-align:left;display:grid;gap:12px;position:relative}.dw-method>button.chosen{border-color:#718cff;box-shadow:0 8px 35px #718cff24}.dw-method i{font-size:28px;color:#718cff}.dw-method strong{font-size:20px}.dw-method small{line-height:1.5}.dw-method b{position:absolute;right:15px;top:15px;color:#718cff;font-size:10px}.dw-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dw-title p{margin:4px 0}.dw-filters{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:16px}.dw-filters input,.dw-filters select,.dw-settings input{border:1px solid #dbe1e5;background:#fff;padding:12px;border-radius:10px}.dw-library{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dw-library>button{background:#fff;color:#1c272e;border:1px solid #dfe5e8;display:flex;align-items:center;text-align:left;gap:12px;padding:13px}.dw-library>button.selected{border-color:#718cff;background:#f3f5ff}.dw-library i,.dw-work aside i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef1ff;color:#718cff;font-style:normal}.dw-library span{min-width:0;flex:1}.dw-library small,.dw-library em{display:block;font-size:10px;color:#7d8a91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-library em{font-style:normal;margin-top:3px}.dw-library>button>b{color:#718cff;font-size:18px}.dw-work{display:grid;grid-template-columns:220px 1fr;gap:16px}.dw-work>aside{background:#fff;border:1px solid #e0e5e8;border-radius:15px;padding:14px;max-height:620px;overflow:auto}.dw-work aside>button{width:100%;background:#fff;color:#1d282f;display:flex;align-items:center;text-align:left;gap:9px;border-bottom:1px solid #edf0f2;border-radius:0;padding:10px 3px}.dw-work aside span{display:grid}.dw-work aside small{font-size:9px}.dw-dashboard{background:radial-gradient(circle at 72% 35%,#293039,#15191c 50%);color:#fff;border-radius:16px;min-height:610px;padding:20px;position:relative;overflow:hidden}.dw-dashboard>header{margin:0!important;padding:0!important;display:flex;background:transparent}.dw-dashboard>header nav{background:#ffffff15;border-radius:18px;padding:8px 35px;font-size:9px}.dw-dashboard>header small{font-size:8px;color:#96a1ff}.dw-greeting{position:absolute;left:25px;top:90px;width:28%}.dw-greeting h3{font-size:19px;font-weight:400}.dw-grid{position:absolute;left:31%;right:20px;top:80px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:9px}.dw-slot{position:relative!important;background:#ffffff26!important;border:1px dashed #ffffff55!important;border-radius:25px!important;color:#fff!important;padding:14px!important;display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;overflow:hidden}.dw-slot.empty{justify-content:center!important;flex-direction:column;opacity:.7}.dw-slot.filled{border-style:solid!important;background:linear-gradient(145deg,#ffffff31,#ffffff19)!important}.dw-slot.active{outline:3px solid #728cff}.dw-slot>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#1d2830;font-style:normal;font-size:18px;flex:none}.dw-slot>span{display:grid;min-width:0}.dw-slot>span strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-slot>span small,.dw-slot>em{font-size:8px;color:#adb5d9}.dw-slot>em{font-style:normal;margin-left:auto}.dw-slot>[data-remove]{position:absolute;right:8px;top:7px}.dw-slot.hero{grid-column:1/span 2;grid-row:1/span 2}.dw-slot.a{grid-column:3}.dw-slot.b{grid-column:4}.dw-slot.c{grid-column:3/span 2}.dw-slot.d{grid-column:1/span 2}.dw-slot.e{grid-column:3/span 2}.dw-slot.f{grid-column:1/span 2}.dw-settings{display:grid;grid-template-columns:1fr 270px;gap:16px}.dw-settings .dw-dashboard{min-height:620px}.dw-settings>aside,.dw-review>aside{background:#fff;border:1px solid #dfe4e7;border-radius:15px;padding:20px}.dw-settings label{display:grid;gap:6px;margin:15px 0}.dw-settings label.check{grid-template-columns:auto 1fr;align-items:center}.dw-settings label.check input{width:auto}.dw-settings [data-delete]{background:#fff1f1;color:#a23d3d;width:100%;margin-top:20px}.dw-review{display:grid;grid-template-columns:1fr 300px;gap:16px}.dw-review .dw-dashboard{min-height:600px}.dw-review aside>button{width:100%;margin-top:10px}.dw-score{display:flex;gap:10px;background:#eaf8ef;color:#26724a;padding:13px;border-radius:12px}.dw-score.warn{background:#fff2df;color:#975c19}.dw-score>b{font-size:20px}.dw-score small{display:block;color:inherit}.dw-review dl div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:10px 0}.dw-review dt{color:#718089}.dw-load{padding:80px;text-align:center}@media(max-width:1050px){.dw-shell{grid-template-columns:190px 1fr}.dw-library{grid-template-columns:repeat(2,1fr)}.dw-work{grid-template-columns:180px 1fr}.dw-dashboard{transform-origin:top left}.dw-stage{padding:20px}.dw-settings,.dw-review{grid-template-columns:1fr}.dw-settings>aside,.dw-review>aside{order:-1}}

/* The legacy Studio uses #detail as a two-column grid. The wizard owns its
   complete shell, so it must span the dialog instead of landing in column 1. */
.detail-dialog:has(#detail>.dw-shell){
  width:calc(100vw - 64px)!important;
  max-width:none!important;
  height:calc(100vh - 64px)!important;
  max-height:none!important;
  overflow:hidden!important;
}
#detail:has(>.dw-shell){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:100%!important;
}
#detail>.dw-shell{
  width:100%!important;
  height:calc(100vh - 64px)!important;
  min-height:0!important;
  overflow:hidden;
}
#detail>.dw-shell>.dw-main{width:100%;height:100%;overflow:hidden}
#detail>.dw-shell .dw-stage{min-width:0;min-height:0}
#detail>.dw-shell .dw-work{grid-template-columns:240px minmax(0,1fr)}
#detail>.dw-shell .dw-dashboard{width:100%;min-width:0}
@media(max-width:1100px){
  .detail-dialog:has(#detail>.dw-shell){width:100vw!important;height:100vh!important;border-radius:0!important}
  #detail>.dw-shell{height:100vh!important;grid-template-columns:200px minmax(0,1fr)}
  #detail>.dw-shell .dw-work{grid-template-columns:180px minmax(0,1fr)}
}


/* Full Cloud page mode */
.portal-content:has(.portal-studio-page){max-width:1540px;height:calc(100dvh - 82px);padding:28px 38px 24px;overflow:hidden;box-sizing:border-box}
.portal-studio-page{display:flex;flex-direction:column;height:100%;min-height:0}
.studio-page-bar{height:54px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;background:#ffffff14;backdrop-filter:blur(20px);color:#edf3f5}
.studio-page-bar .back-link{margin:0!important}
#dashboard-studio-page{width:100%;min-width:0;min-height:0;flex:1}
#dashboard-studio-page>.dw-shell{width:100%;height:100%;min-height:0;grid-template-columns:220px minmax(0,1fr);overflow:hidden}
#dashboard-studio-page .dw-main{width:100%;height:100%;min-width:0;min-height:0}
#dashboard-studio-page .dw-stage{min-height:0;overflow-y:auto}
#dashboard-studio-page .dw-side{background:#14242c}
#dashboard-studio-page .dw-head,#dashboard-studio-page .dw-progress,#dashboard-studio-page .dw-main>footer{background:#eff5f6}
#dashboard-studio-page .dw-work{grid-template-columns:230px minmax(0,1fr)}
#dashboard-studio-page .dw-dashboard{min-width:0}

/* TUCON Signature reference layout:
   greeting | briefing | car | weather
   home     | airco    | car | weather
   home     | sonos    | lighting
   home     | covers   | mower | vacuum */
.dw-dashboard{min-height:620px;background:linear-gradient(145deg,#9eb9c2,#cfdfd9 62%,#d8f080);color:#fff}
.dw-dashboard>header{height:42px}
.dw-dashboard>header nav{min-width:52%;text-align:center;background:#ffffff55;color:#34434a}
.dw-greeting{left:20px;top:82px;width:29%;color:#fff}
.dw-grid{left:20px;right:20px;top:78px;bottom:20px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}
.dw-slot{border-radius:30px!important}
.dw-slot.filled{background:linear-gradient(145deg,#ffffff50,#ffffff2c)!important;border-color:#ffffff52!important;backdrop-filter:blur(12px)}
.dw-slot.hero{grid-column:1/span 2;grid-row:2/span 3}
.dw-slot.a{grid-column:3/span 2;grid-row:1}
.dw-slot.i{grid-column:3/span 2;grid-row:2}
.dw-slot.b{grid-column:5;grid-row:1/span 2}
.dw-slot.c{grid-column:6;grid-row:1/span 2}
.dw-slot.d{grid-column:3/span 2;grid-row:3}
.dw-slot.e{grid-column:5/span 2;grid-row:3}
.dw-slot.f{grid-column:3/span 2;grid-row:4}
.dw-slot.g{grid-column:5;grid-row:4}
.dw-slot.h{grid-column:6;grid-row:4}
@media(max-width:1200px){
  #dashboard-studio-page>.dw-shell{grid-template-columns:190px minmax(0,1fr)}
  #dashboard-studio-page .dw-work{grid-template-columns:190px minmax(0,1fr)}
  #dashboard-studio-page .dw-stage{padding:20px}
}


/* Unified Signature Studio — actual fixed dashboard composition. */
.dw-mode-tabs{display:flex;justify-content:flex-end;gap:4px;margin:-60px 0 18px auto;width:max-content;padding:4px;background:#dfe7e8;border:1px solid #d3dcde;border-radius:999px}
.dw-mode-tabs button{padding:9px 18px;border-radius:999px!important;background:transparent!important;color:#627178!important;font-size:12px}.dw-mode-tabs button.active{background:#172329!important;color:#fff!important;box-shadow:0 4px 12px #13202724}
.dw-unified{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.dw-live-preview{min-width:0}
.dw-unified-panel{align-self:stretch;max-height:min(720px,70vh);overflow:auto;background:#fff;border:1px solid #dce4e6;border-radius:18px;padding:20px;box-shadow:0 18px 45px #23353c12}.dw-unified-panel>em{font-style:normal;font-size:10px;letter-spacing:.14em;color:#6d85ff;font-weight:800}.dw-unified-panel h3{margin:6px 0;font-size:20px}.dw-unified-panel>p{color:#718087;font-size:13px;line-height:1.45}.dw-unified-panel label{display:grid;gap:6px;margin:16px 0;font-size:12px;font-weight:700}.dw-unified-panel label input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid #dbe3e5;background:#f8fafb;padding:11px;border-radius:10px}.dw-unified-panel label.check{grid-template-columns:auto 1fr;align-items:center;font-weight:500}
.dw-source-list{display:grid;gap:7px;margin-top:15px}.dw-source-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#f4f7f7!important;color:#1d292e!important;border:1px solid #e0e7e8!important;padding:10px!important}.dw-source-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8edff;color:#6f86ff;font-style:normal}.dw-source-list span{display:grid;min-width:0}.dw-source-list strong,.dw-source-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-source-list small{color:#7b898f}.dw-unified-panel>button{width:100%;margin-top:9px}.dw-unified-panel dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8edee}.dw-unified-panel dt{color:#738087}.dw-delete{background:#fff0f0!important;color:#a14343!important}
.dw-live-preview .dw-dashboard{width:100%;min-height:0;aspect-ratio:16/9;box-sizing:border-box;border-radius:22px;padding:clamp(12px,1.5vw,24px);background:radial-gradient(circle at 66% 65%,#dff78355,transparent 25%),linear-gradient(145deg,#507d91 0%,#a8c4c7 48%,#d6e8d8 100%);box-shadow:0 25px 55px #15252e2b}
.dw-live-preview .dw-dashboard>header{height:7%;align-items:flex-start}.dw-live-preview .dw-dashboard>header>strong{font-size:clamp(12px,1.45vw,23px);letter-spacing:.04em}.dw-live-preview .dw-dashboard>header nav{position:absolute;left:28%;top:3.6%;width:47%;box-sizing:border-box;padding:clamp(4px,.55vw,9px);font-size:clamp(5px,.6vw,10px);background:#ffffff61;backdrop-filter:blur(12px)}.dw-live-preview .dw-dashboard>header small{margin-left:auto;font-size:clamp(5px,.55vw,9px);color:#fff}
.dw-live-preview .dw-greeting{left:3.8%;top:15%;width:25%}.dw-live-preview .dw-greeting small{font-size:clamp(5px,.62vw,10px);color:#e5f76e}.dw-live-preview .dw-greeting h3{font-size:clamp(10px,1.3vw,21px);line-height:1.25;margin-top:7px}
.dw-live-preview .dw-grid{left:3.7%;right:3.7%;top:17%;bottom:5%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(4px,.65vw,11px)}
.dw-live-preview .dw-slot{min-width:0;min-height:0;border-radius:clamp(11px,1.7vw,28px)!important;padding:clamp(7px,1vw,16px)!important}.dw-live-preview .dw-slot.hero{grid-column:1/span 2;grid-row:2/span 4}.dw-live-preview .dw-slot.a{grid-column:3/span 2;grid-row:1/span 2}.dw-live-preview .dw-slot.b{grid-column:5;grid-row:1/span 2}.dw-live-preview .dw-slot.c{grid-column:6;grid-row:1/span 2}.dw-live-preview .dw-slot.d{grid-column:3/span 2;grid-row:3/span 2}.dw-live-preview .dw-slot.e{grid-column:5/span 2;grid-row:3/span 2}.dw-live-preview .dw-slot.f{grid-column:3/span 2;grid-row:5}.dw-live-preview .dw-slot.g{grid-column:5;grid-row:5}.dw-live-preview .dw-slot.h{grid-column:6;grid-row:5}
.dw-live-preview .dw-slot.empty{justify-content:center!important;flex-direction:column!important;border:2px dashed #e4ff57!important;background:#ffffff0d!important;opacity:1}.dw-live-preview .dw-slot.empty>b{display:grid;place-items:center;width:clamp(26px,3vw,48px);height:clamp(26px,3vw,48px);border-radius:50%;background:#fff;color:#53646a;font-size:clamp(16px,2vw,30px);font-weight:300;box-shadow:0 8px 20px #34454d2b}.dw-live-preview .dw-slot.empty>span{display:none}
.dw-live-preview .dw-slot.filled{border:1px solid #ffffff6b!important;background:linear-gradient(145deg,#ffffff4e,#ffffff25)!important;box-shadow:inset 0 1px #ffffff55;backdrop-filter:blur(14px)}.dw-live-preview .dw-slot.filled:hover{border-color:#e4ff57!important}.dw-live-preview .dw-slot.active{outline:3px solid #e4ff57;outline-offset:2px}.dw-live-preview .dw-slot>[data-remove]{z-index:3;width:clamp(18px,1.7vw,27px);height:clamp(18px,1.7vw,27px);display:grid;place-items:center;border-radius:50%;background:#fff;color:#53646a;right:7px;top:7px;font-size:12px}
.dw-tile{width:100%;height:100%;display:flex;align-items:center;gap:clamp(6px,.8vw,13px);min-width:0}.dw-tile>i{display:grid;place-items:center;flex:none;width:clamp(28px,3vw,50px);height:clamp(28px,3vw,50px);border-radius:50%;background:#fff;color:#26363c;font-style:normal;font-size:clamp(13px,1.4vw,22px)}.dw-tile>div,.dw-tile.sensor,.dw-tile.climate{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.dw-tile small{color:#e5ff5d;font-size:clamp(5px,.5vw,8px)}.dw-tile strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.9vw,15px);font-weight:500}.dw-tile span,.dw-tile u{font-size:clamp(5px,.5vw,8px);text-decoration:none;color:#eef4f4;margin-top:3px}.dw-tile.media u{width:90%;height:4px;border-radius:3px;background:linear-gradient(90deg,#fff 35%,#ffffff55 35%);margin-top:7px}.dw-tile.sensor>strong,.dw-tile.climate>strong{font-size:clamp(14px,2.2vw,35px);font-weight:300}.dw-slot.hero .dw-tile>i{width:clamp(40px,5vw,78px);height:clamp(40px,5vw,78px)}
@media(max-width:1250px){.dw-unified{grid-template-columns:1fr}.dw-unified-panel{max-height:none}.dw-mode-tabs{margin-top:-54px}.dw-source-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){#dashboard-studio-page>.dw-shell{grid-template-columns:1fr}.dw-side{display:none}.dw-stage{padding:14px!important}.dw-mode-tabs{margin:0 0 14px}.dw-source-list{grid-template-columns:1fr 1fr}}


/* Exact supplied block geometry: hero | 3 equal | 2 equal | 3 equal. */
.dw-live-preview .dw-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.dw-live-preview .dw-slot.hero{grid-column:1/span 2;grid-row:2/span 4}
.dw-live-preview .dw-slot.a{grid-column:3/span 2;grid-row:1/span 2}
.dw-live-preview .dw-slot.b{grid-column:5/span 2;grid-row:1/span 2}
.dw-live-preview .dw-slot.c{grid-column:7/span 2;grid-row:1/span 2}
.dw-live-preview .dw-slot.d{grid-column:3/span 3;grid-row:3/span 2}
.dw-live-preview .dw-slot.e{grid-column:6/span 3;grid-row:3/span 2}
.dw-live-preview .dw-slot.f{grid-column:3/span 2;grid-row:5}
.dw-live-preview .dw-slot.g{grid-column:5/span 2;grid-row:5}
.dw-live-preview .dw-slot.h{grid-column:7/span 2;grid-row:5}

/* Adaptive news preview */
.dw-tile.news{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;overflow:hidden}
.dw-tile.news span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-slot.f .dw-tile.news strong,.dw-slot.g .dw-tile.news strong,.dw-slot.h .dw-tile.news strong{display:none}
.dw-slot.f .dw-tile.news span,.dw-slot.g .dw-tile.news span,.dw-slot.h .dw-tile.news span{margin:0;font-size:clamp(4px,.45vw,7px)}


/* Three-size signature weather preview */
.dw-tile.weather-preview{position:relative;display:grid;grid-template-columns:50% 50%;gap:0!important;padding:0!important;overflow:hidden}
.dw-tile.weather-preview>div{z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(7px,.9vw,15px);border-right:1px solid #ffffff70;background:#66849342}
.dw-tile.weather-preview>div strong{font-size:clamp(14px,2.1vw,34px);font-weight:250}.dw-tile.weather-preview>div span{display:none}.dw-tile.weather-preview>div u{white-space:normal}
.dw-tile.weather-preview>em{position:absolute;right:7px;top:7px;z-index:5;display:grid;place-items:center;width:clamp(18px,1.8vw,29px);height:clamp(18px,1.8vw,29px);border-radius:50%;background:#fff;color:#40545c;font-size:7px;font-style:normal}
.dw-tile .weather-preview-icon{position:relative;display:grid;place-items:center;width:100%;height:100%;background:transparent;color:transparent}
.dw-tile .weather-preview-icon:before{content:"";width:48%;aspect-ratio:1;border-radius:50%;background:#ffcc20;box-shadow:0 0 10px #fff34c,0 0 24px #ffe024}
.dw-tile .weather-preview-icon b{display:none}
.dw-slot.d .weather-preview,.dw-slot.e .weather-preview{grid-template-columns:38% 62%}.dw-slot.d .weather-preview>div strong,.dw-slot.e .weather-preview>div strong{font-size:clamp(18px,2.5vw,40px)}
.dw-slot.f .weather-preview>div,.dw-slot.g .weather-preview>div,.dw-slot.h .weather-preview>div{padding:5px 8px}.dw-slot.f .weather-preview>div u,.dw-slot.g .weather-preview>div u,.dw-slot.h .weather-preview>div u{display:none}

/* Vast woning-/kantoorblok met configureerbare live parameters. */
.home-energy-block{position:relative;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;height:100%;padding:clamp(12px,1.4vw,24px)!important;overflow:hidden;background:linear-gradient(155deg,#ffffff30,#ffffff12)!important}
.home-energy-block .block-heading{position:relative;z-index:2;grid-column:1/-1}.home-energy-block .block-heading>span{color:#e5ff5d;font-size:clamp(6px,.55vw,9px);font-weight:800;letter-spacing:.14em}.home-energy-block .block-heading h3{margin:2px 0;color:#fff;font-size:clamp(13px,1.5vw,25px);font-weight:500}
.home-energy-block .building-visual{position:absolute;z-index:1;left:3%;top:16%;width:72%;height:54%;object-fit:contain;object-position:left center;filter:drop-shadow(0 16px 18px #18313a24);pointer-events:none}
.home-energy-block .energy-primary{position:relative;z-index:2;grid-column:2;align-self:center}.home-energy-block .energy-primary:empty{display:none}.home-energy-block .energy-primary>div,.home-energy-block .energy-metrics>div{display:grid;padding:clamp(7px,.8vw,13px);border:1px solid #ffffff38;border-radius:clamp(9px,1vw,16px);background:#183039b8;backdrop-filter:blur(12px)}
.home-energy-block .energy-primary span,.home-energy-block .energy-metrics span{color:#e5ff5d;font-size:clamp(5px,.48vw,8px)}.home-energy-block .energy-primary strong{color:#fff;font-size:clamp(13px,1.5vw,24px);font-weight:350}.home-energy-block .energy-metrics strong{color:#fff;font-size:clamp(8px,.85vw,14px);font-weight:450}
.home-energy-block .energy-metrics{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.55vw,9px);align-self:end}.home-energy-block .energy-metrics:empty{display:none}
.dw-parameter-fields{margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-line)}.dw-parameter-fields h4{margin:0 0 4px;font-size:15px}.dw-parameter-fields>p,.dw-fixed-note{color:var(--ui-muted);font-size:12px}.dw-fixed-note{margin-top:20px;padding:11px 13px;border-radius:9px;background:var(--ui-accent-soft)}
.dw-briefing-settings{margin:22px 0;padding:18px 0;border-top:1px solid #dce4e6;border-bottom:1px solid #dce4e6}.dw-briefing-settings h4{margin:0 0 10px;font-size:16px}.dw-briefing-settings select{width:100%;padding:10px;border:1px solid #dbe3e5;border-radius:10px;background:#f8fafb}.dw-briefing-sections{display:grid;gap:8px;margin:14px 0}.dw-briefing-sections>div{padding:10px;border:1px solid #e1e8e9;border-radius:11px;background:#f8fafb}.dw-briefing-sections header{display:flex;align-items:center;justify-content:space-between}.dw-briefing-sections header label{margin:0}.dw-briefing-sections header button{width:27px;height:27px;padding:0;border:1px solid #d7e0e2;border-radius:7px;background:#fff;color:#526269}.dw-briefing-sections fieldset{max-height:150px;overflow:auto;margin-top:10px;border:0;border-top:1px solid #e2e8e9}.dw-briefing-sections legend{padding:10px 0 3px;font-size:11px;font-weight:800}.dw-briefing-sections fieldset label{margin:7px 0}.welcome-heading{display:flex;align-items:center;gap:clamp(5px,.8vw,13px)}.daily-briefing-button{position:relative;display:grid;place-items:center;flex:none;width:clamp(22px,2.8vw,45px);height:clamp(22px,2.8vw,45px);padding-left:2px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff36;color:#fff;box-shadow:0 8px 22px #24414b28;cursor:pointer}.daily-briefing-button i{position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%}
.welcome>span{display:block;margin-bottom:clamp(3px,.45vw,7px);color:#aaa9a5;font-size:clamp(7px,.8vw,13px)}.welcome-heading h1{display:grid;min-width:0;line-height:.98}.welcome-greeting,.welcome-name{display:block;min-width:0}.welcome-name{overflow-wrap:anywhere}
.standard-screen{min-height:420px}.standard-screen-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.standard-screen-heading span{color:#dfff57;font-size:9px;font-weight:800;letter-spacing:.14em}.standard-screen-heading h2{margin:4px 0 2px;color:#fff;font-size:30px}.standard-screen-heading p{margin:0;color:#858783;font-size:12px}.standard-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-empty{display:grid;place-items:center;gap:6px;min-height:280px;border:1px dashed #424541;border-radius:20px;color:#aaa;text-align:center}.screen-empty strong{color:#fff;font-size:20px}
.dw-screen-settings{margin:22px 0;padding:18px 0;border-top:1px solid #dce4e6;border-bottom:1px solid #dce4e6}.dw-screen-settings h4{margin:0 0 5px}.dw-screen-settings>p{margin:0 0 12px;color:#708087;font-size:12px}.dw-screen-item{margin:8px 0;padding:11px;border:1px solid #e0e7e8;border-radius:11px;background:#f8fafb}.dw-screen-item header{display:flex;align-items:center;justify-content:space-between}.dw-screen-item header label{margin:0}.dw-screen-item header button{width:27px;height:27px;padding:0;border:1px solid #d7e0e2;border-radius:7px;background:#fff}.dw-screen-sources{max-height:180px;overflow:auto;margin-top:10px;padding-top:8px;border-top:1px solid #e1e8e9}.dw-screen-sources label{margin:6px 0}
@keyframes screen-slide-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}.screen-transition{animation:screen-slide-in .32s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.screen-transition{animation:none}}