/* Dashboard additions: generic handover example and current work. */
.dashboard-page .handover-module{grid-column:1/span 3;grid-row:3}
.dashboard-page .wip-module{grid-column:4/span 6;grid-row:3;display:flex;flex-direction:column}
.dashboard-page .studio-intro,.dashboard-page .studio-services{grid-row:4}
.handover-module h2,.wip-module h2,.wip-module h3{font-size:var(--type-title);font-weight:var(--weight-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);margin:0}
.dashboard-module-description{font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-reading);margin:14px 0 24px}
.handover-tree{margin-top:24px;font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-primary)}
.handover-tree ul{list-style:none;margin:0 0 0 16px;padding:0 0 0 16px;border-left:1px solid #ffffff24}
.handover-folder>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;cursor:pointer;list-style:none;border-radius:var(--radius-button)}
.handover-folder>summary::-webkit-details-marker{display:none}.handover-folder>summary::marker{content:""}
.handover-folder>summary:hover{color:#fff;background:#ffffff06}.handover-folder>summary:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}
.tree-chevron{width:7px;height:7px;flex:0 0 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);margin:0 2px 0 2px}
.handover-folder[open]>summary>.tree-chevron{transform:rotate(45deg)}
.handover-tree svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.handover-tree summary>span:last-child,.handover-file>span{min-width:0;overflow-wrap:anywhere}
.handover-file{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 0;color:var(--text-secondary);font-size:var(--type-small);line-height:var(--leading-small)}
.wip-logo{display:grid;place-items:center;background:#fff;border-radius:10px;min-height:220px;margin:28px 0}
.wip-logo img{display:block;width:180px;max-width:70%;height:auto}
.wip-module h3{margin:0 0 0}.wip-module .dashboard-module-description{margin:14px 0 24px}
.wip-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:auto 0 0}
.wip-tags li{font-size:var(--type-small);line-height:var(--leading-small);color:var(--text-secondary);border:1px solid #ffffff2b;border-radius:var(--radius-button);padding:6px 10px}
@media(max-width:1100px){
 .dashboard-page .handover-module{grid-column:1;grid-row:4}.dashboard-page .wip-module{grid-column:2;grid-row:4}
 .dashboard-page .studio-services{grid-column:1/-1;grid-row:5}.dashboard-page .studio-intro{grid-column:1;grid-row:2}
 .handover-tree ul{margin-left:10px;padding-left:12px}
}
@media(max-width:640px){
 .dashboard-page .handover-module{grid-column:1;grid-row:4}.dashboard-page .wip-module{grid-column:1;grid-row:5}
 .dashboard-page .studio-intro{grid-column:1;grid-row:6}.dashboard-page .studio-services{grid-column:1;grid-row:7}
 .wip-logo{min-height:200px}.handover-folder>summary{gap:8px}.handover-tree ul{margin-left:8px;padding-left:12px}
}

/* Slim listening display, driven by Spotify playback state rather than audio levels. */
.dashboard-page .listening-module{grid-column:10/-1;grid-row:3;display:flex;flex-direction:column;padding:18px;gap:14px}
.dashboard-page .handover-module{padding:22px 18px}.handover-module h2{font-size:var(--type-title)}
.dashboard-page .handover-module .handover-tree ul{margin-left:8px;padding-left:12px}
.listening-display{flex:1;min-height:230px;display:grid;place-items:center;border:1px solid #ffffff0c;border-radius:8px;background:#070807;padding:14px;color:#e9e6dc}
.listening-meter{display:block;width:100%;height:220px}
.listening-caption{display:flex;flex-direction:column;gap:4px;font-size:var(--type-small);line-height:var(--leading-small);color:var(--text-secondary)}
.listening-state{color:var(--text-primary)}
.spotify-player{min-width:0;width:100%;height:152px}.spotify-player iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}
.listening-toggle{width:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px;border:1px solid #ffffff25;border-radius:var(--radius-button);background:none;color:var(--text-primary);font:inherit;font-size:var(--type-control);line-height:var(--leading-control)}
.listening-toggle:hover{background:#ffffff0a}.listening-toggle:disabled{display:none}
.listening-toggle svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.4}
.listening-pause{display:none;fill:none}.listening-module[data-playback=playing] .listening-play{display:none}.listening-module[data-playback=playing] .listening-pause{display:block}
.listening-fallback{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:var(--type-small);line-height:var(--leading-small);color:var(--text-secondary)}
@media(max-width:1100px){
 .dashboard-page .handover-module{grid-column:1;grid-row:4}.dashboard-page .wip-module{grid-column:2;grid-row:4}
 .dashboard-page .listening-module{grid-column:1;grid-row:5}.dashboard-page .studio-services{grid-column:2;grid-row:5;align-self:start}
}
@media(max-width:640px){
 .dashboard-page .listening-module{grid-column:1;grid-row:6}.dashboard-page .studio-intro{grid-row:7}.dashboard-page .studio-services{grid-column:1;grid-row:8}
 .listening-meter{height:230px}.listening-display{min-height:230px;flex:0 0 auto}
}

@media(max-width:640px){.dashboard-page .handover-module{grid-column:1;grid-row:4}.dashboard-page .wip-module{grid-column:1;grid-row:5}}