/* Shared materials for the landing preview and the interactive platform view. */
.btr-page .btr-panel-side,.btr-detail .dash-side{
 position:relative;isolation:isolate;overflow:hidden;border:0;color:#f5f6f4;
 background:linear-gradient(135deg,#000 0%,#101113 48%,#2b2d30 100%);
}
.btr-page .btr-panel-side:before,.btr-detail .dash-side:before{
 content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 80% 44% at 22% 12%,#a9afb640 0%,#767d851a 47%,transparent 80%),radial-gradient(ellipse 80% 40% at 100% 94%,#969da326 0%,transparent 76%);
 filter:blur(26px);
}
.btr-page .btr-panel-logo,.btr-detail .dash-side .logo img{filter:brightness(0) invert(1)}
.btr-page .btr-panel-workspace,.btr-page .btr-panel-account small,.btr-detail .workspace small,.btr-detail .dash-user small,.btr-detail .side-label{color:#c3c7c0}
.btr-page .btr-panel-nav>span,.btr-detail .dash-nav-item{color:#f5f6f4}
.btr-page .btr-panel-nav .is-current,.btr-detail .dash-nav-item.is-current{background:#afc18b29;color:#f5f7ef}
.btr-page .btr-panel-account>span,.btr-detail .dash-user>span,.btr-detail .workspace-icon{background:#ffffff12;color:#f5f6f4}
.btr-detail .dash-nav-item svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* The scenario control sits outside the illustrated app navigation. */
.btr-detail .platform-scenarios{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
.btr-detail .platform-scenarios>span{font-size:.8125rem;color:var(--muted)}
.btr-detail .scenario-tabs{display:flex;gap:5px;flex:none;width:auto;padding:4px;border-radius:14px;background:#dfe4d8}
.btr-detail .scenario-tabs .dash-tab{justify-content:center;white-space:nowrap;flex:none;min-height:40px;padding:10px 16px;border-radius:10px;font-size:.8125rem;line-height:1.3;color:#55604a;background:transparent}
.btr-detail .scenario-tabs .dash-tab.active{color:#fff;background:var(--black-surface);box-shadow:0 2px 5px #11121415}
.btr-detail .scenario-tabs .dash-tab:hover:not(.active){background:#f2f4ed;color:#27301e}
.btr-detail .scenario-tabs .dash-tab:focus-visible{outline:2px solid #60713e;outline-offset:3px}

/* Match the two previews' proportions and give the app one clean outer edge. */
.btr-detail .product-stage{padding:0;border:0;border-radius:0;background:transparent}
.btr-detail .dashboard{grid-template-columns:190px minmax(0,1fr)}
.btr-detail .dash-side{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:28px 16px 22px}
.btr-detail .dash-side .logo{display:block;margin:0 12px 28px}
.btr-detail .dash-side .logo img{width:65px;height:auto}
.btr-detail .workspace{display:block;margin:0 12px 22px;font-size:11px;line-height:1.45;color:#f5f6f4}
.btr-detail .workspace-icon,.btr-detail .workspace small,.btr-detail .side-label{display:none}
.btr-detail .dash-navigation{display:grid;gap:7px}
.btr-detail .dash-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.4}
.btr-detail .side-spacer{display:block;min-height:20px}
.btr-detail .dash-user{display:flex;gap:9px;margin:0;padding:38px 6px 0;font-size:11px;line-height:1.45}
.btr-detail .dash-user>span{width:29px;height:29px;font-size:9px}
.btr-detail .dash-user small{font-size:9px;margin-top:0}
.btr-detail .dash-topbar{height:auto;min-height:58px;padding:15px 30px;font-size:11px}
.btr-detail .dash-content{padding:29px 30px 19px}
.btr-detail .sample-label{font-size:10px}
.btr-detail .stage-caption{padding:15px 0;font-size:11px;color:var(--muted)}

@media(max-width:1100px){
 .btr-detail .dashboard{grid-template-columns:160px minmax(0,1fr)}
 .btr-detail .dash-side{padding-inline:12px}
 .btr-detail .dash-nav-item{gap:9px;padding-inline:9px}
 .btr-detail .dash-content{padding:25px 24px 17px}
 .btr-detail .dash-topbar{padding-inline:24px}
}
@media(max-width:900px){
 .btr-detail .dashboard{grid-template-columns:140px minmax(0,1fr)}
 .btr-detail .dash-side{padding-inline:8px}
 .btr-detail .dash-nav-item{gap:8px;font-size:11px}
 .btr-detail .dash-user{padding-inline:2px;font-size:10px}
 .btr-detail .dash-user small{font-size:8px}
 .btr-detail .dash-heading h2{font-size:1.25rem}
 .btr-detail .stat-card>strong{font-size:clamp(1.2rem,2.6vw,1.5rem)}
}
@media(max-width:700px){
 .btr-page .btr-panel-side,.btr-detail .dash-side{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
 .btr-page .btr-panel-logo,.btr-detail .dash-side .logo{margin:0}
 .btr-page .btr-panel-logo,.btr-detail .dash-side .logo img{width:52px;height:auto}
 .btr-page .btr-panel-workspace,.btr-detail .workspace{display:block;margin:0;font-size:11px;color:#e4e7df}
 .btr-page .btr-panel-nav,.btr-page .btr-panel-account,.btr-detail .dash-navigation,.btr-detail .side-spacer,.btr-detail .dash-user{display:none}
 .btr-detail .product-stage{width:calc(100% - 40px)}
 .btr-detail .dashboard{grid-template-columns:1fr}
 .btr-detail .platform-scenarios{display:block;margin-bottom:16px}
 .btr-detail .platform-scenarios>span{display:block;margin-bottom:10px;font-size:.75rem}
 .btr-detail .scenario-tabs{width:100%;gap:4px}
 .btr-detail .scenario-tabs .dash-tab{flex:1;min-width:0;padding:10px 8px;font-size:.75rem}
 .btr-detail .dash-topbar{padding:15px 20px;min-height:52px}
 .btr-detail .dash-content{padding:24px 20px 12px}
 .btr-detail .dash-heading h2{font-size:1.375rem}
 .btr-detail .stat-card>strong{font-size:1.625rem}
 .btr-detail .stage-caption{font-size:9px;gap:9px;flex-wrap:wrap}
}
@media(max-width:600px){
 .btr-detail .dash-content{padding:20px 14px 12px}
 .btr-detail .dash-topbar{padding-inline:14px}
 .btr-detail .stat-card>strong{font-size:1.375rem}
}
@media(max-width:380px){
 .btr-detail .scenario-tabs .dash-tab{padding-inline:5px;font-size:.6875rem}
 .btr-detail .dash-heading h2{font-size:1.1875rem}
}