/* Musician cabinet 2026 — flat backstage workspace */
.cab-m-stage{
  --cm-bg:#000;
  --cm-surface:#13171c;
  --cm-surface-2:#191e24;
  --cm-line:#2b323b;
  --cm-text:#f7f2e9;
  --cm-muted:#99a5b3;
  --cm-yellow:#f1c84c;
  --cm-pink:#ff4f87;
  --cm-blue:#79b8ff;
  --cm-mint:#70d6a3;
  --cm-paper:#eee9df;
  position:relative;
  z-index:auto;
  isolation:isolate;
  background:var(--cm-bg);
  color:var(--cm-text);
}

.cab-m-stage .cab{
  background:var(--cm-bg);
}

.cab-m-stage .cab-top{
  position:relative;
  overflow:hidden;
  padding:16px 0 0;
  border-bottom:none;
  background:#000;
}

.cab-m-stage .cab-top::before{
  display:none;
}

.cab-m-stage .cabm-shell{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #39414b;
  border-radius:16px;
  background:var(--cm-surface);
}

.cab-m-stage .cabm-dock{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:100%;
  margin:0;
  padding:10px 16px 14px;
  overflow:visible;
  border:none;
  border-top:none;
  border-radius:0;
  background:transparent;
  box-sizing:border-box;
}

.cab-m-stage.cab-setup .cabm-dock{
  display:none;
}

#cabMDockStats,
#cabVDockStats{
  display:contents;
}

.cab-m-stage .cabm-dock .cabm-stats--3{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
  border:none;
  border-top:none;
  background:transparent;
}

.cab-m-stage .cabm-dock .cabm-stat{
  flex:0 0 auto;
  min-width:0;
  width:auto;
}

.cab-m-stage .cabm-dock .cab-tabs--m,
.cab-m-stage .cabm-dock .cab-tabs--v{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
  border:none;
  border-top:none;
  background:transparent;
  gap:4px;
}

.cab-m-stage .cabm-dock .cab-tabs--m,
.cab-m-stage .cabm-dock .cab-tabs--v{
  grid-template-columns:none;
}

.cab-m-stage .cabm-dock .cab-tab{
  min-width:0;
  flex:0 0 auto;
}

.cab-m-stage .cabm-hero{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"copy" "stats";
  gap:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:none;
  border-radius:0;
  background:transparent;
}

.cab-m-stage .cabm-hero--rated{
  grid-template-columns:minmax(0,1fr) minmax(300px,372px);
  grid-template-areas:"copy aside";
  align-items:start;
}

#view-cab-m.cab-m-stage .cabm-hero--rated{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy aside";
  align-items:start;
}

.cab-m-stage .cabm-hero--setup{
  grid-template-columns:minmax(0,1.2fr) minmax(280px,360px);
  grid-template-areas:"copy aside";
  align-items:stretch;
  min-height:268px;
}

.cab-m-stage .cabm-hero-copy{
  grid-area:copy;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
  padding:18px 20px 14px;
  pointer-events:auto;
}

.cab-m-stage .cabm-hero--setup .cabm-hero-copy{
  justify-content:flex-start;
  padding:22px 22px 20px 22px;
  min-height:100%;
}

.cab-m-stage .cabm-hero--setup .cabm-title{
  max-width:18ch;
}

.cab-m-stage .cabm-setup-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  flex:1 1 auto;
  margin-top:18px;
  min-height:0;
}

.cab-m-stage .cabm-lede{
  margin:0;
  max-width:38ch;
  color:var(--cm-text);
  font-size:16px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.4;
  text-wrap:pretty;
}

.cab-m-stage .cabm-setup-text{
  margin:0;
  max-width:46ch;
  color:#c6ced7;
  font-size:14px;
  line-height:1.6;
  text-wrap:pretty;
}

.cab-m-stage .cabm-hero-aside--demo{
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  padding:16px 16px 16px 8px;
  align-self:stretch;
}

.cab-m-stage .cabm-demo{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:236px;
  overflow:hidden;
  border:1px solid #3a4551;
  border-radius:16px;
  background:#0a0d11;
}

.cab-m-stage .cabm-demo-live{
  position:absolute;
  z-index:3;
  top:12px;
  left:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:8px;
  background:var(--cm-yellow);
  color:#18150d;
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

.cab-m-stage .cabm-demo-live::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cm-pink);
  animation:cabmDemoPulse 1.1s ease-in-out infinite;
}

.cab-m-stage .cabm-demo-screen{
  position:relative;
  flex:1 1 auto;
  min-height:180px;
}

.cab-m-stage .cabm-demo-slide{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:12px;
  padding:48px 16px 18px;
  opacity:0;
  pointer-events:none;
}

.cab-m-stage .cabm-demo-slide.is-1{animation:cabmDemo1 9s ease-in-out infinite}
.cab-m-stage .cabm-demo-slide.is-2{animation:cabmDemo2 9s ease-in-out infinite}
.cab-m-stage .cabm-demo-slide.is-3{animation:cabmDemo3 9s ease-in-out infinite}

.cab-m-stage .cabm-demo-who{
  display:flex;
  align-items:center;
  gap:12px;
}

.cab-m-stage .cabm-demo-who i{
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(135deg,#ff2e7e,#7a2d6a);
  color:#fff;
  font:800 15px/1 var(--body);
  font-style:normal;
}

.cab-m-stage .cabm-demo-who b{
  display:block;
  color:var(--cm-text);
  font-size:16px;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.15;
}

.cab-m-stage .cabm-demo-who small{
  display:block;
  margin-top:4px;
  color:var(--cm-muted);
  font-size:12px;
  line-height:1.3;
}

.cab-m-stage .cabm-demo-media{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:8px;
}

.cab-m-stage .cabm-demo-media>span{
  display:flex;
  align-items:flex-end;
  min-height:86px;
  padding:10px;
  border:1px dashed #46515d;
  border-radius:12px;
  background:#12171c;
  color:#8b97a5;
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.cab-m-stage .cabm-demo-vid{
  position:relative;
  overflow:hidden;
  border-style:solid!important;
  border-color:#3a4551!important;
  background:#101318!important;
  color:var(--cm-yellow)!important;
}

.cab-m-stage .cabm-demo-vid i{
  position:absolute;
  top:14px;
  bottom:28px;
  width:4px;
  border-radius:3px;
  background:var(--cm-yellow);
  transform-origin:bottom;
  animation:cabmWave 1.05s ease-in-out infinite alternate;
}

.cab-m-stage .cabm-demo-vid i:nth-child(1){right:36px;height:auto}
.cab-m-stage .cabm-demo-vid i:nth-child(2){right:28px;animation-delay:-.7s}
.cab-m-stage .cabm-demo-vid i:nth-child(3){right:20px;animation-delay:-.35s}
.cab-m-stage .cabm-demo-vid i:nth-child(4){right:12px;animation-delay:-.9s}

.cab-m-stage .cabm-demo-lines{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.cab-m-stage .cabm-demo-lines span{
  display:block;
  height:10px;
  border-radius:999px;
  background:#1c232b;
}

.cab-m-stage .cabm-demo-lines span:nth-child(1){width:72%}
.cab-m-stage .cabm-demo-lines span:nth-child(2){width:90%}
.cab-m-stage .cabm-demo-lines span:nth-child(3){width:54%}

.cab-m-stage .cabm-demo-bill{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:6px;
  min-height:86px;
  padding:14px 16px;
  border-radius:12px;
  background:var(--cm-yellow);
  color:#18150d;
}

.cab-m-stage .cabm-demo-bill b{
  font-family:var(--poster),var(--body);
  font-size:28px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:.9;
  text-transform:uppercase;
}

.cab-m-stage .cabm-demo-bill small{
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}

.cab-m-stage .cabm-demo-note{
  margin:0;
  color:#d6dde5;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}

.cab-m-stage .cabm-demo-bar{
  height:3px;
  background:#1c232b;
}

.cab-m-stage .cabm-demo-bar i{
  display:block;
  width:100%;
  height:100%;
  background:var(--cm-yellow);
  transform:scaleX(0);
  transform-origin:left center;
  animation:cabmDemoBar 9s linear infinite;
}

@keyframes cabmDemoPulse{
  from{opacity:.45}
  to{opacity:1}
}

@keyframes cabmDemo1{
  0%,2%{opacity:0;transform:translateY(10px)}
  6%,28%{opacity:1;transform:none}
  33%,100%{opacity:0;transform:translateY(-8px)}
}

@keyframes cabmDemo2{
  0%,31%{opacity:0;transform:translateY(10px)}
  36%,61%{opacity:1;transform:none}
  66%,100%{opacity:0;transform:translateY(-8px)}
}

@keyframes cabmDemo3{
  0%,64%{opacity:0;transform:translateY(10px)}
  69%,94%{opacity:1;transform:none}
  99%,100%{opacity:0;transform:translateY(-8px)}
}

@keyframes cabmDemoBar{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@media (prefers-reduced-motion:reduce){
  .cab-m-stage .cabm-demo-live::before,
  .cab-m-stage .cabm-demo-vid i,
  .cab-m-stage .cabm-demo-bar i{
    animation:none;
  }
  .cab-m-stage .cabm-demo-slide{
    position:relative;
    inset:auto;
    display:none;
    opacity:1;
    transform:none;
    animation:none;
    padding:16px;
  }
  .cab-m-stage .cabm-demo-slide.is-1{
    display:flex;
    padding-top:48px;
  }
  .cab-m-stage .cabm-demo-bar i{
    transform:scaleX(1);
  }
}

.cab-m-stage .cabm-hero-aside{
  grid-area:aside;
  position:relative;
  z-index:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  max-width:none;
  margin:0;
  padding:16px 16px 14px 8px;
  justify-self:stretch;
  align-self:start;
  min-width:0;
  box-sizing:border-box;
}

.cab-m-stage .cabm-hero-aside.cabm-hero-aside--demo{
  align-self:stretch;
  padding:16px 16px 16px 8px;
}

.cab-m-stage .cabm-hero-media{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
}

#view-cab-m.cab-m-stage .cabm-hero--rated .cabm-hero-copy{
  border-right:none;
  padding-top:18px;
}

.cab-m-stage .cabm-hero-aside.cabm-hero-aside--media{
  grid-area:aside;
  flex-direction:row;
  align-self:start;
  justify-content:flex-start;
  width:auto;
  max-width:none;
  height:auto;
  margin:0;
  padding:16px 16px 16px 8px;
  gap:0;
}

.cab-m-stage .cabm-hero-aside--media .cabm-hero-media{
  display:grid;
  grid-template-columns:164px 164px;
  gap:10px;
  flex:0 0 auto;
  width:auto;
  min-height:0;
  height:auto;
  align-self:start;
}

.cab-m-stage .cabm-hero-aside--media .cabm-hero-shot,
.cab-m-stage .cabm-hero-aside--media .cabm-hero-shot--photo,
.cab-m-stage .cabm-hero-aside--media .cabm-hero-shot--video{
  width:164px;
  height:164px;
  aspect-ratio:1/1;
  min-height:0;
  border:1px solid #3a4551;
  border-radius:16px;
  overflow:hidden;
}

.cab-m-stage .cabm-hero-shot{
  position:relative;
  aspect-ratio:3/4;
  min-height:0;
  border:1px solid #3a4551;
  border-radius:14px;
  background:#101318;
  overflow:hidden;
}

.cab-m-stage .cabm-hero-shot img,
.cab-m-stage .cabm-hero-shot video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.cab-m-stage .cabm-hero-shot--empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-style:dashed;
  color:#6f7c8a;
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}

.cab-m-stage .cabm-hero-shot--empty:hover{
  border-color:#65717e;
  color:#9eabb9;
  background:#141a20;
}

.cab-m-stage .cabm-hero-shot-tag{
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:1;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(8,10,13,.72);
  color:#e8eef4;
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}

.cab-m-stage .cabm-hero-rating{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  width:100%;
  margin:0;
  padding:18px 20px;
  border:1px solid #3a3420;
  border-radius:14px;
  background:linear-gradient(165deg,#1a1710 0%,#12151a 100%);
  color:var(--cm-text);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s,background .18s,transform .12s;
  font:inherit;
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
}

.cab-m-stage .cabm-hero-rating:hover,
.cab-m-stage .cabm-hero-rating:focus-visible{
  border-color:rgba(255,197,61,.55);
  background:linear-gradient(165deg,#221c10 0%,#15181e 100%);
  outline:none;
}

.cab-m-stage .cabm-hero-rating:active{
  transform:scale(.985);
}

.cab-m-stage .cabm-hero-rating-k{
  color:var(--cm-yellow);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase;
}

.cab-m-stage .cabm-hero-rating-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.cab-m-stage .cabm-hero-rating-row b{
  color:var(--cm-yellow);
  font-family:var(--poster);
  font-size:42px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:.9;
}

.cab-m-stage .cabm-hero-rating .cab-stars{
  margin:0;
  gap:3px;
}

.cab-m-stage .cabm-hero-rating .cab-stars i{
  font-size:14px;
  color:var(--cm-yellow);
}

.cab-m-stage .cabm-hero-rating .cab-stars i.off,
.cab-m-stage .cabm-hero-rating .cab-stars i.half{
  color:rgba(255,255,255,.16);
}

.cab-m-stage .cabm-hero-rating .cab-stars i.half::before{
  color:var(--cm-yellow);
}

.cab-m-stage .cabm-hero-rating-n{
  color:#9aa6b2;
  font-size:12px;
  line-height:1.35;
}

.cab-m-stage .cabm-hero-rating-go{
  margin-top:0;
  color:#d6dde5;
  font-size:12px;
  font-weight:700;
}

.cab-m-stage .cabm-hero-rating:hover .cabm-hero-rating-go{
  color:var(--cm-yellow);
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:10px;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating{
  flex:0 0 164px;
  width:164px;
  height:164px;
  max-width:164px;
  margin:0;
  padding:10px 8px;
  gap:3px;
  border-radius:16px;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-k{
  font-size:8px;
  letter-spacing:.1em;
  line-height:1.1;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-row{
  flex-direction:column;
  gap:2px;
  justify-content:center;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating .cab-stars{
  justify-content:center;
  gap:2px;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-row b{
  font-size:28px;
  line-height:.9;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating .cab-stars i{
  font-size:13px;
}

#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-n,
#view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-go{
  font-size:10px;
  line-height:1.15;
}

.cab-m-stage .cabm-stats--3{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:center;
  gap:0;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:0;
  border:none;
  border-top:1px solid #2a333c;
  border-radius:0;
  background:transparent;
  overflow:hidden;
}

.cab-m-stage .cabm-stats--3 .cabm-stat{
  flex:0 0 auto;
  width:auto;
  max-width:none;
  border:none;
  border-radius:0;
  background:transparent;
  min-height:0;
  min-width:0;
  box-shadow:none;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"value label" "value hint";
  align-items:center;
  justify-content:center;
  column-gap:8px;
  row-gap:0;
  padding:8px 18px;
  text-align:left;
}

.cab-m-stage .cabm-stats--3 .cabm-stat-icon{
  display:none;
}

.cab-m-stage .cabm-stats--3 .cabm-stat small{
  display:block;
  grid-area:hint;
  font-size:11px;
  line-height:1.2;
  color:#7f8b98;
  white-space:nowrap;
}

.cab-m-stage .cabm-stats--3 .cabm-stat b{
  grid-area:value;
  font-size:22px;
  line-height:1;
  align-self:center;
}

.cab-m-stage .cabm-stats--3 .cabm-stat-label{
  grid-area:label;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
  color:#c5ced6;
  line-height:1.2;
}

.cab-m-stage .cabm-stats--3 .cabm-stat + .cabm-stat{
  border-left:1px solid #2a333c;
}

.cab-m-stage .cabm-stats--3 .cabm-stat:hover,
.cab-m-stage .cabm-stats--3 .cabm-stat:focus-visible{
  background:rgba(255,255,255,.03);
  border-color:transparent;
  outline:none;
}

.cab-m-stage .cabm-stats--3 .cabm-stat--hot{
  background:transparent;
  border-color:transparent;
}

.cab-m-stage .cabm-stats--3 .cabm-stat--hot:hover,
.cab-m-stage .cabm-stats--3 .cabm-stat--hot:focus-visible{
  background:rgba(255,197,61,.06);
}

.cab-m-stage .cabm-next{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  position:relative;
  z-index:3;
  width:fit-content;
  max-width:min(100%,268px);
  margin:10px 0 0;
  padding:9px 12px;
  border:1px solid #3a3420;
  border-radius:12px;
  background:#16140e;
  color:inherit;
  text-align:left;
  cursor:pointer;
  pointer-events:auto;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.cab-m-stage .cabm-next-k{
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cm-yellow);
  pointer-events:none;
}
.cab-m-stage .cabm-next b{
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  pointer-events:none;
}
.cab-m-stage .cabm-next small{
  color:#9aa6b4;
  font-size:12px;
  line-height:1.35;
  white-space:normal;
  pointer-events:none;
}
.cab-m-stage .cabm-next:hover,
.cab-m-stage .cabm-next:focus-visible{
  background:#1c1910;
  outline:none;
}
.cab-m-stage .cabm-next:active{
  transform:scale(.985);
  background:#1c1910;
}

.cab-m-stage .cabm-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 8px;
  color:var(--cm-yellow);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  line-height:1.2;
  text-transform:uppercase;
}

.cab-m-stage .cabm-kicker::before{
  content:"";
  width:24px;
  height:2px;
  background:var(--cm-yellow);
}

.cab-m-stage .cabm-title{
  max-width:16ch;
  margin:0;
  color:var(--cm-text);
  font-family:var(--body);
  font-size:clamp(26px,3vw,36px);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.05;
  text-wrap:balance;
}

.cab-m-stage .cabm-subtitle{
  max-width:55ch;
  margin:16px 0 0;
  color:#c6ced7;
  font-size:14px;
  line-height:1.55;
}

.cab-m-stage .cabm-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 0;
}

.cab-m-stage .cabm-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 11px;
  border:1px solid #3a4551;
  border-radius:999px;
  background:#101318;
  color:#d6dde5;
  font-size:12px;
  font-weight:700;
}

.cab-m-stage .cabm-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}

.cab-m-stage .cabm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border:1px solid #414b56;
  border-radius:12px;
  background:transparent;
  color:var(--cm-text);
  font:700 13px/1.2 var(--body);
  cursor:pointer;
  transition:background .18s,color .18s,border-color .18s;
}

.cab-m-stage .cabm-btn svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cab-m-stage .cabm-btn:hover,
.cab-m-stage .cabm-btn:focus-visible{
  border-color:#65717e;
  background:#20262d;
  outline:none;
}

.cab-m-stage .cabm-btn--primary{
  border-color:var(--cm-yellow);
  background:var(--cm-yellow);
  color:#18150d;
}

.cab-m-stage .cabm-btn--primary:hover,
.cab-m-stage .cabm-btn--primary:focus-visible{
  border-color:#ff9a2e;
  background:#ff9a2e;
  color:#1a1005;
}

.cab-m-stage .cabm-scene{
  grid-area:scene;
  position:relative;
  min-height:310px;
  overflow:hidden;
  border-left:1px solid var(--cm-line);
  background:var(--cm-yellow);
}
.cab-m-stage .cabm-scene .cab-pass-reel{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.cab-m-stage .cabm-scene .cab-pass-reel .f1{
  opacity:.55;
}
.cab-m-stage .cabm-scene .cab-pass-reel::after{
  background:linear-gradient(180deg,rgba(8,10,13,.12),rgba(8,10,13,.62));
}

.cab-m-stage .cabm-scene video{
  display:block;
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:cover;
  filter:saturate(.9) contrast(1.06);
}

.cab-m-stage .cabm-scene::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:38%;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(8,10,13,.72));
}

.cab-m-stage .cabm-scene-label{
  position:absolute;
  z-index:2;
  top:16px;
  left:16px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:8px;
  background:var(--cm-yellow);
  color:#18150d;
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

.cab-m-stage .cabm-scene-label::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cm-pink);
}

.cab-m-stage .cabm-wave{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:32px;
}

.cab-m-stage .cabm-wave i{
  display:block;
  width:4px;
  height:100%;
  border-radius:3px;
  background:var(--cm-yellow);
  transform-origin:bottom;
  animation:cabmWave 1.05s ease-in-out infinite alternate;
}

.cab-m-stage .cabm-wave i:nth-child(2){height:55%;animation-delay:-.7s}
.cab-m-stage .cabm-wave i:nth-child(3){height:82%;animation-delay:-.35s}
.cab-m-stage .cabm-wave i:nth-child(4){height:42%;animation-delay:-.9s}
.cab-m-stage .cabm-wave i:nth-child(5){height:70%;animation-delay:-.15s}
.cab-m-stage .cabm-wave i:nth-child(6){height:34%;animation-delay:-.55s}

@keyframes cabmWave{
  from{transform:scaleY(.38)}
  to{transform:scaleY(1)}
}

.cab-m-stage .cabm-poster{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
  color:#19160f;
  background:var(--cm-yellow);
}

.cab-m-stage .cabm-poster-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.cab-m-stage .cabm-poster-mark{
  width:104px;
  height:104px;
  align-self:center;
  color:#19160f;
}

.cab-m-stage .cabm-poster-mark svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
}

.cab-m-stage .cabm-poster strong{
  max-width:10ch;
  font-family:var(--poster);
  font-size:44px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:.86;
  text-transform:uppercase;
}

.cab-m-stage .cabm-stats{
  grid-area:stats;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  border-top:none;
  background:transparent;
  padding:14px 16px 16px;
}

.cab-m-stage .cabm-stat{
  position:relative;
  display:grid;
  grid-template-columns:28px auto minmax(0,1fr);
  grid-template-rows:auto auto;
  grid-template-areas:"icon value label" "icon value hint";
  align-items:center;
  column-gap:10px;
  row-gap:1px;
  min-width:0;
  min-height:0;
  padding:12px 16px;
  border:1px solid #2a333c;
  border-radius:14px;
  background:#101318;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.cab-m-stage .cabm-stat:last-child{
  border-right:1px solid #2a333c;
}

.cab-m-stage .cabm-stat:hover,
.cab-m-stage .cabm-stat:focus-visible{
  background:#1a2026;
  outline:none;
}

.cab-m-stage .cabm-stat-icon{
  grid-area:icon;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid #3b4652;
  border-radius:8px;
  color:var(--cm-blue);
}

.cab-m-stage .cabm-stat-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cab-m-stage .cabm-stat-label{
  grid-area:label;
  display:block;
  overflow:hidden;
  color:var(--cm-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  line-height:1.2;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.cab-m-stage .cabm-stat b{
  grid-area:value;
  align-self:center;
  display:block;
  min-width:1.1ch;
  color:var(--cm-text);
  font-size:28px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  line-height:1;
  letter-spacing:-.03em;
}

.cab-m-stage .cabm-stat small{
  grid-area:hint;
  display:block;
  overflow:hidden;
  color:#7f8b98;
  font-size:11px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cab-m-stage .cabm-stat--hot .cabm-stat-icon,
.cab-m-stage .cabm-stat--hot b{
  color:var(--cm-yellow);
}

/* Setup rail shares the shell */
.cab-m-stage .cabm-setup-rail{
  grid-area:stats;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--cm-line);
  background:#101318;
}

.cab-m-stage.cab-setup .cabm-shell{
  border-radius:22px;
}

.cab-m-stage.cab-setup .cab-tabs{
  display:none;
}

.cab-m-stage .cabm-setup-step{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:15px 18px;
  border-right:1px solid var(--cm-line);
}

.cab-m-stage .cabm-setup-step:last-child{
  border-right:0;
}

.cab-m-stage .cabm-setup-step i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid #46515d;
  border-radius:50%;
  color:var(--cm-muted);
  font:700 11px/1 var(--mono);
  font-style:normal;
}

.cab-m-stage .cabm-setup-step.is-done i{
  border-color:var(--cm-mint);
  background:var(--cm-mint);
  color:#101813;
}

.cab-m-stage .cabm-setup-step.is-current i{
  border-color:var(--cm-yellow);
  color:var(--cm-yellow);
}

.cab-m-stage .cabm-setup-step b{
  display:block;
  color:var(--cm-text);
  font-size:12px;
  line-height:1.2;
}

.cab-m-stage .cabm-setup-step small{
  display:block;
  margin-top:3px;
  color:var(--cm-muted);
  font-size:10px;
  line-height:1.25;
}

/* Workspace */
.cab-m-stage .cab-body{
  padding:16px 0 calc(120px + var(--safe-bottom,0px));
  border:0;
  background:var(--cm-bg);
}

.cab-m-stage .cab-body>.wrap{
  display:block;
}

.cab-m-stage .cab-tabs--m,.cab-m-stage .cab-tabs--v{
  position:static;
  z-index:auto;
  top:auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:center;
  gap:4px;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:4px 6px 10px;
  border:none;
  border-top:none;
  border-radius:0;
  background:transparent;
  box-sizing:border-box;
}

.cab-m-stage .cab-tabs--m .cab-tab:not(.v),.cab-m-stage .cab-tabs--v .cab-tab.v{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  flex:0 0 auto;
  min-width:0;
  min-height:36px;
  height:36px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#91a0af;
  font-size:13px;
  font-weight:700;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
}

.cab-m-stage .cab-tabs--m .cab-tab svg,.cab-m-stage .cab-tabs--v .cab-tab svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cab-m-stage .cab-tabs--m .cab-tab:hover,.cab-m-stage .cab-tabs--v .cab-tab:hover{
  border-color:#313943;
  background:#171c22;
  color:var(--cm-text);
}

.cab-m-stage .cab-tabs--m .cab-tab.on,
.cab-m-stage .cab-tabs--v .cab-tab.on,
.cab-m-stage .cab-tabs--m .cab-tab.on:hover,.cab-m-stage .cab-tabs--v .cab-tab.on:hover{
  border-color:var(--cm-paper);
  background:var(--cm-paper);
  color:#17140e;
  box-shadow:none;
}

.cab-m-stage .cabm-tab-badge{
  display:none;
  min-width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  border-radius:999px;
  background:var(--cm-pink);
  color:#fff;
  font:800 9px/1 var(--mono);
}

.cab-m-stage .cabm-tab-badge.has-items{
  display:inline-flex;
}

.cab-m-stage .cab-panel.on{
  margin-top:0;
  animation:none;
}

.cab-m-stage .cabm-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:16px;
  align-items:start;
  justify-content:stretch;
  width:100%;
  max-width:none;
  margin-top:0;
}

.cab-m-stage .cabm-response-card{
  width:100%;
  max-width:none;
}

.cab-m-stage .cab-card{
  border:1px solid var(--cm-line);
  border-radius:18px;
  background:var(--cm-surface);
  box-shadow:none;
}

.cab-m-stage .cabm-card-head{
  align-items:flex-start;
  margin-bottom:16px;
}

.cab-m-stage .cabm-card-head h3{
  color:var(--cm-text);
  font-size:18px;
}

.cab-m-stage .cabm-card-head p{
  margin:5px 0 0;
  color:var(--cm-muted);
  font-size:12px;
  line-height:1.4;
}

.cab-m-stage .cab-card-link{
  border-color:#3d4752;
  background:transparent;
  color:#cbd3dc;
}

.cab-m-stage .cab-card-link:hover,
.cab-m-stage .cab-card-link:focus-visible{
  border-color:var(--cm-yellow);
  background:transparent;
  color:var(--cm-yellow);
  outline:none;
}

.cab-m-stage .cab-row{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto auto auto;
  grid-template-areas:"thumb main rating meta status";
  align-items:center;
  gap:12px;
  padding:12px 14px 12px 12px;
  border:1px solid #2c343d;
  border-radius:13px;
  background:#101419;
  box-shadow:none;
  overflow:hidden;
  background-clip:padding-box;
}

.cab-m-stage .cab-row-thumb{
  grid-area:thumb;
  position:relative;
  width:56px;
  height:56px;
  overflow:hidden;
  border-radius:10px;
  background:#0c1014;
  border:1px solid #2c343d;
}

.cab-m-stage .cab-row-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.cab-m-stage .cab-row-thumb--empty{
  background:#141a20;
}

.cab-m-stage .cab-row-thumb-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(8,10,13,.62);
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.cab-m-stage .cab-row-thumb-play svg{
  display:block;
  width:12px;
  height:12px;
  margin-left:1px;
}

.cab-m-stage .cab-row:hover,
.cab-m-stage .cab-row.clickable:hover{
  border-color:#53606e;
  background:#171d23;
  box-shadow:none;
}

.cab-m-stage .cab-row-main{
  grid-area:main;
}

.cab-m-stage .cab-row-main b{
  margin:0 0 5px;
  color:var(--cm-text);
  font-size:14px;
  white-space:normal;
}

.cab-m-stage .cab-row-main small{
  color:var(--cm-muted);
  white-space:normal;
}

.cab-m-stage .cab-artist-rating{
  grid-area:rating;
  color:var(--cm-yellow);
  font:700 10px/1.2 var(--mono);
  white-space:nowrap;
}

.cab-m-stage .cab-row-meta{
  grid-area:meta;
  color:#c9d1da;
}

.cab-m-stage .cab-badge{
  grid-area:status;
  justify-self:end;
  letter-spacing:.06em;
}

.cab-m-stage .cab-row--ok{
  border-color:rgba(112,214,163,.32);
  background:rgba(112,214,163,.055);
}

.cab-m-stage .cab-row--wait,
.cab-m-stage .cab-row--new{
  border-color:rgba(241,200,76,.34);
  background:rgba(241,200,76,.055);
}

/* Action card intentionally breaks the dark-card rhythm */
#view-cab-m.cab-m-stage #cabMStepsCard{
  border-color:var(--cm-yellow);
  background:var(--cm-yellow);
  color:#18150d;
}

#view-cab-m.cab-m-stage #cabMStepsCard .cab-steps-head{
  margin:0 0 12px;
  padding:0 0 11px;
  border-bottom:1px solid rgba(24,21,13,.25);
}

#view-cab-m.cab-m-stage #cabMStepsCard .cab-steps-head h3{
  color:#18150d;
  font-size:18px;
}

#view-cab-m.cab-m-stage .cab-first-kicker{
  display:none;
  font:800 9px/1.2 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(24,21,13,.58);
}

#view-cab-m.cab-m-stage #cabMStepsCard.cab-first-card .cab-first-kicker{
  display:block;
}

#view-cab-m.cab-m-stage #cabMStepsCard.cab-first-card .cab-steps-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

#view-cab-m.cab-m-stage #cabMStepsCard.cab-first-card .cab-steps-head h3{
  font-size:22px;
}

#view-cab-m.cab-m-stage .cab-first-lead{
  margin:0 0 14px;
  color:#18150d;
  font-size:14px;
  font-weight:650;
  line-height:1.45;
}

#view-cab-m.cab-m-stage .cab-first-meter{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0 0 12px;
}

#view-cab-m.cab-m-stage .cab-first-meter b{
  font-size:20px;
  font-weight:800;
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-first-meter span{
  font:800 9px/1 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(24,21,13,.55);
}

#view-cab-m.cab-m-stage .cab-first-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#view-cab-m.cab-m-stage .cab-first-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:11px;
  align-items:center;
  width:100%;
  padding:12px 13px;
  border:1px solid rgba(24,21,13,.22);
  border-radius:12px;
  background:rgba(24,21,13,.1);
  color:#18150d;
  font-family:var(--body);
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
}

#view-cab-m.cab-m-stage .cab-first-item:hover,
#view-cab-m.cab-m-stage .cab-first-item:focus-visible{
  border-color:rgba(24,21,13,.4);
  background:rgba(24,21,13,.16);
  outline:none;
}

#view-cab-m.cab-m-stage .cab-first-item i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid rgba(24,21,13,.35);
  border-radius:9px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 12px/1 var(--mono);
}

#view-cab-m.cab-m-stage .cab-first-item.is-done i{
  border-color:#18150d;
  background:var(--cm-mint,#7dcea0);
  color:#102018;
}

#view-cab-m.cab-m-stage .cab-first-item span{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

#view-cab-m.cab-m-stage .cab-first-item b{
  font-size:14px;
  font-weight:800;
}

#view-cab-m.cab-m-stage .cab-first-item small{
  color:rgba(24,21,13,.62);
  font-size:11px;
  line-height:1.35;
}

#view-cab-m.cab-m-stage .cab-first-go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-top:6px;
  padding:11px 18px;
  border:1px solid #18150d;
  border-radius:999px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 13px/1 var(--body);
  cursor:pointer;
}

#view-cab-m.cab-m-stage .cab-first-go:hover,
#view-cab-m.cab-m-stage .cab-first-go:focus-visible{
  background:#2a261c;
  outline:none;
}

#view-cab-m.cab-m-stage #cabMStepsCard .cab-steps-count{
  border-color:rgba(24,21,13,.28);
  background:rgba(24,21,13,.08);
  color:#18150d;
  padding:5px 11px 5px 9px;
}

#view-cab-m.cab-m-stage #cabMSteps{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#view-cab-m.cab-m-stage .cab-todo-item{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:13px;
  border:1px solid rgba(24,21,13,.22);
  border-radius:12px;
  background:rgba(24,21,13,.12);
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-todo-item::after{
  content:none;
  display:none;
}

#view-cab-m.cab-m-stage .cab-todo-item.clickable{
  cursor:pointer;
}

#view-cab-m.cab-m-stage .cab-todo-item.clickable:hover,
#view-cab-m.cab-m-stage .cab-todo-item.clickable:focus-visible{
  border-color:rgba(24,21,13,.4);
  background:rgba(24,21,13,.18);
  outline:none;
}

#view-cab-m.cab-m-stage .cab-todo-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid rgba(24,21,13,.35);
  border-radius:9px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 11px/1 var(--mono);
}

#view-cab-m.cab-m-stage .cab-todo-body b{
  display:block;
  margin:1px 0 4px;
  color:#18150d;
  font-size:13px;
  line-height:1.35;
}

#view-cab-m.cab-m-stage .cab-todo-body small{
  display:block;
  color:rgba(24,21,13,.68);
  font-size:11px;
  line-height:1.42;
}

#view-cab-m.cab-m-stage .cab-todo-tag,
#view-cab-m.cab-m-stage .cab-todo-item.cab-todo--wait .cab-todo-tag,
#view-cab-m.cab-m-stage .cab-todo-item.cab-todo--todo .cab-todo-tag,
#view-cab-m.cab-m-stage .cab-todo-item.cab-todo--action .cab-todo-tag{
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border:1px solid rgba(24,21,13,.35);
  border-radius:999px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 8px/1 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

#view-cab-m.cab-m-stage .cab-todo-item.cab-todo--todo .cab-todo-tag{
  background:#18150d;
  border-color:rgba(24,21,13,.5);
  color:#fff0c2;
}

#view-cab-m.cab-m-stage .cab-steps-empty{
  border-color:rgba(24,21,13,.3);
  color:#18150d;
}

#view-cab-v.cab-m-stage #cabVStepsCard{
  border-color:var(--cm-yellow);
  background:var(--cm-yellow);
  color:#18150d;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-steps-head{
  margin:0 0 12px;
  padding:0 0 11px;
  border-bottom:1px solid rgba(24,21,13,.25);
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-steps-head h3{
  color:#18150d;
  font-size:18px;
}
#view-cab-v.cab-m-stage #cabVSteps{
  display:flex;
  flex-direction:column;
  gap:8px;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:13px;
  border:1px solid rgba(24,21,13,.22);
  border-radius:12px;
  background:rgba(24,21,13,.12);
  color:#18150d;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item::after{
  content:none;
  display:none;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.clickable{
  cursor:pointer;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.clickable:hover,
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.clickable:focus-visible{
  border-color:rgba(24,21,13,.4);
  background:rgba(24,21,13,.18);
  outline:none;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid rgba(24,21,13,.35);
  border-radius:9px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 11px/1 var(--mono);
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-body{
  min-width:0;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-body b{
  display:block;
  margin:1px 0 4px;
  color:#18150d;
  font-size:13px;
  line-height:1.35;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-body small{
  display:block;
  color:rgba(24,21,13,.68);
  font-size:11px;
  line-height:1.42;
  overflow-wrap:anywhere;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-tag,
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.cab-todo--wait .cab-todo-tag,
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.cab-todo--todo .cab-todo-tag,
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.cab-todo--action .cab-todo-tag{
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border:1px solid rgba(24,21,13,.35);
  border-radius:999px;
  background:#18150d;
  color:var(--cm-yellow);
  font:800 8px/1 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-todo-item.cab-todo--todo .cab-todo-tag{
  background:#18150d;
  border-color:rgba(24,21,13,.5);
  color:#fff0c2;
}
#view-cab-v.cab-m-stage #cabVStepsCard .cab-steps-empty{
  border-color:rgba(24,21,13,.3);
  color:#18150d;
}

/* Stats + tabs — compact, centered */
#view-cab-m.cab-m-stage .cabm-stats--3,
#view-cab-v.cab-m-stage .cabm-stats--3{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  width:max-content!important;
  max-width:100%!important;
  background:transparent;
  gap:0;
  border:none;
  border-top:1px solid #2a333c;
  border-radius:0;
  margin:0 auto!important;
  padding:0;
}

#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  grid-template-areas:"value label" "value hint"!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:8px!important;
  row-gap:0!important;
  background:transparent;
  border:none;
  border-radius:0;
  padding:8px 18px!important;
  text-align:left;
}
#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat small,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat small{
  display:block!important;
  grid-area:hint!important;
  font-size:11px!important;
  line-height:1.15;
  color:#7f8b98;
}

#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat + .cabm-stat,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat + .cabm-stat{
  border-left:1px solid #2a333c;
}

#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat:hover,
#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat:focus-visible,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat:hover,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat:focus-visible{
  background:rgba(255,255,255,.03);
  border-color:transparent;
  outline:none;
}

#view-cab-m.cab-m-stage .cabm-stats--3 .cabm-stat--hot,
#view-cab-v.cab-m-stage .cabm-stats--3 .cabm-stat--hot{
  background:transparent;
  border-color:transparent;
}

#view-cab-m.cab-m-stage #cabPanel-reviews > .cabm-reviews-grid,
#view-cab-v.cab-m-stage #cabVPanel-reviews > .cabm-reviews-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
  width:100%;
  max-width:960px;
}

@media(max-width:900px){
  #view-cab-m.cab-m-stage #cabPanel-reviews > .cabm-reviews-grid,
  #view-cab-v.cab-m-stage #cabVPanel-reviews > .cabm-reviews-grid{
    grid-template-columns:1fr;
  }
}

#view-cab-m.cab-m-stage #cabPanel-responses .cab-card--rsp,
#view-cab-v.cab-m-stage #cabVPanel-applications .cab-card--rsp{
  width:fit-content;
  max-width:min(640px,100%);
}

.cab-m-stage .cab-rsp-filter{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  width:auto;
  max-width:100%;
  grid-template-columns:none;
}

.cab-m-stage .cab-rsp-filter button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  width:auto;
  flex:0 0 auto;
  min-height:34px;
  height:34px;
  padding:0 14px;
  border-radius:10px;
  border-color:#313a45;
  background:#101419;
  color:#9eabb9;
  font-size:12.5px;
  font-weight:700;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

.cab-m-stage .cab-rsp-filter button span,
.cab-m-stage .cab-rsp-filter button b{
  display:inline;
  margin:0;
  padding:0;
  line-height:1;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  min-width:0;
}

.cab-m-stage .cab-rsp-filter button.on{
  border-color:var(--cm-yellow);
  background:var(--cm-yellow);
  color:#18150d;
}

.cab-m-stage #cabPanel-responses .cab-list,
.cab-m-stage #cabVPanel-applications .cab-list{
  width:100%;
  max-width:640px;
}

/* Profile and onboarding */
.cab-m-stage .cab-profile-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr);
  gap:16px;
  align-items:start;
}

.cab-m-stage .cab-card--sheet{
  border-color:#d3cabd;
  background:var(--cm-paper,#fff7e8);
  color:#18150d;
}

/* Musician sheet: one paper surface (beats dark .cab-card ink overrides) */
#view-cab-m.cab-m-stage .cab-card.cab-card--sheet{
  background:#fff7e8;
  border-color:#d3cabd;
  color:#18150d;
  box-shadow:none;
}

.cab-m-stage .cab-card--sheet .cab-card-head{
  margin-bottom:12px;
}

#view-cab-m.cab-m-stage .cab-card--sheet #cabMProfileTitle{
  color:#18150d!important;
}

.cab-m-stage .cab-card--sheet .cab-card-link,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-card-link{
  border:1px solid #18150d;
  background:#ffc53d;
  color:#18150d;
  font-weight:800;
  transition:none;
}

.cab-m-stage .cab-card--sheet .cab-card-link:hover,
.cab-m-stage .cab-card--sheet .cab-card-link:focus-visible,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-card-link:hover,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-card-link:focus-visible{
  border-color:#18150d;
  background:#ffc53d;
  color:#18150d;
  outline:none;
  box-shadow:none;
  filter:none;
  transform:none;
}

.cab-m-stage .cabm-profile-intro{
  margin:0 0 14px;
  padding:15px 16px;
  border:1px solid rgba(24,21,13,.22);
  border-radius:13px;
  background:var(--cm-yellow);
}

.cab-m-stage.cab-ready .cabm-profile-intro{
  display:none;
}

.cab-m-stage .cabm-profile-intro span{
  display:block;
  margin-bottom:5px;
  font:800 9px/1.2 var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.cab-m-stage .cabm-profile-intro p{
  margin:0;
  color:#18150d;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}

.cab-m-stage .cab-fill{
  margin-bottom:14px;
  padding:14px;
  border-color:rgba(24,21,13,.2);
  background:#fffdfa;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill{
  border-color:rgba(24,21,13,.16);
  background:#fffdfa;
}

.cab-m-stage .cab-fill-top b,
.cab-m-stage .cab-fill-done b{
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-top b,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-done b{
  color:#18150d;
}

.cab-m-stage .cab-fill-top .cab-fill-pct{
  border-color:#18150d;
  background:#18150d;
  color:var(--cm-yellow);
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-top .cab-fill-pct{
  border-color:#18150d;
  background:#18150d;
  color:#ffc53d;
  font-weight:800;
}

.cab-m-stage .cab-fill-bar{
  height:7px;
  background:#ddd4c7;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-bar{
  background:#e5ddd0;
}

.cab-m-stage .cab-fill-bar i{
  background:var(--cm-pink);
}

.cab-m-stage .cab-fill--done .cab-fill-bar i,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill--done .cab-fill-bar i,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-bar i{
  background:var(--cm-mint,#7dcea0);
}

.cab-m-stage .cab-fill-check{
  background:var(--cm-mint);
  color:#102018;
  box-shadow:none;
}

.cab-m-stage .cab-fill-done small{
  color:#5f685f;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-done small{
  color:#5f685f;
}

.cab-m-stage .cab-fill-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.cab-m-stage .cab-fill-list li,
.cab-m-stage .cab-fill-list li.ok{
  border-color:#d7cec1;
  background:#f7f3ed;
  color:#4b5158;
}

.cab-m-stage .cab-fill-list li.ok{
  border-color:rgba(41,151,99,.35);
  color:#1d6d49;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li{
  background:#f7f3ed;
  border-color:#d7cec1;
  color:#4b5158;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li.ok{
  border-color:rgba(41,151,99,.35);
  color:#1d6d49;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li i{
  border-color:#cfc6b9;
  background:#efe9df;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li.ok i{
  border-color:rgba(41,151,99,.4);
  background:rgba(125,206,160,.2);
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li i::after,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-fill-list li.ok i::after{
  background:#2f9e68;
}

.cab-m-stage .cab-fill-list button{
  width:100%;
  min-height:34px;
  color:inherit;
}

.cab-m-stage .cab-profile-readonly{
  border-color:#d4cbc0;
  background:#f7f3ed;
  color:#667078;
}

.cab-m-stage .cab-profile-readonly b{
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-profile-readonly{
  border-color:#d4cbc0;
  background:#f3eee4;
  color:#4f5860;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-profile-readonly b{
  color:#18150d;
}

.cab-m-stage .cab-act{
  border:1px solid #d5ccbf;
  border-radius:14px;
  background:#fffdfa;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-act,
#view-cab-v.cab-m-stage .cab-card--sheet .cab-act{
  border:1px solid #d5ccbf;
  border-radius:14px;
  background:#fffdfa;
}

.cab-m-stage .cab-act.on{
  border-color:#18150d;
}

#view-cab-m.cab-m-stage.cab-ready .cab-card--sheet .cab-act.on,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-act.on{
  border-color:#18150d;
}

.cab-m-stage .cab-act-h{
  color:#18150d;
}

.cab-m-stage .cab-act-h b{
  color:#18150d;
}

.cab-m-stage .cab-act-h i{
  color:#69727a;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-act-h,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-act-h b{
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-act-h i{
  color:#69727a;
}

.cab-m-stage .cab-act-ico{
  border:1px solid rgba(24,21,13,.2);
  background:var(--cm-yellow);
  color:#18150d;
}

.cab-m-stage .cab-act.done .cab-act-ico{
  background:var(--cm-yellow);
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-act-ico{
  border:1px solid rgba(24,21,13,.2);
  background:#ffc53d;
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-act.done .cab-act-ico,
#view-cab-v.cab-m-stage .cab-card--sheet .cab-act.done .cab-act-ico{
  background:#ffc53d;
  color:#18150d;
}
}

.cab-m-stage .cab-profile-form .auth-field>label{
  color:#4f5860;
}

.cab-m-stage .cab-profile-form .auth-field input,
.cab-m-stage .cab-profile-form .auth-field textarea,
.cab-m-stage .cab-profile-form .auth-field select,
.cab-m-stage .cab-profile-form .cab-city-find .city-find-in,
.cab-m-stage .links-in{
  border-color:#cfc6b9;
  background:#f8f5ef;
  color:#18150d;
}

.cab-m-stage .cab-profile-form .auth-field select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%235c656d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-color:#f8f5ef;
  padding-right:36px;
  cursor:pointer;
}

.cab-m-stage .cab-profile-form .auth-field select option{
  background:#fffdfa;
  color:#18150d;
}

#view-cab-v.cab-m-stage .cab-profile-form .f-select-btn{
  background:#f8f5ef;
  border:1.5px solid #cfc6b9;
  border-radius:10px;
  color:#18150d;
  min-height:44px;
  box-shadow:none;
}
#view-cab-v.cab-m-stage .cab-profile-form .f-select-menu{
  background:#fffdfa;
  border:1px solid #d5ccbf;
  border-radius:12px;
  box-shadow:0 16px 40px rgba(24,21,13,.14);
}
#view-cab-v.cab-m-stage .cab-profile-form .f-select-opt{color:#18150d}
#view-cab-v.cab-m-stage .cab-profile-form .f-select-opt:hover,
#view-cab-v.cab-m-stage .cab-profile-form .f-select-opt:focus-visible{
  background:#f3eee6;
  color:#18150d;
}
#view-cab-v.cab-m-stage .cab-profile-form .f-select-opt.on{
  background:#fff1c9;
  color:#18150d;
  font-weight:700;
}

.cab-m-stage .cab-profile-form .auth-field input::placeholder,
.cab-m-stage .cab-profile-form .auth-field textarea::placeholder{
  color:#8a8f91;
}

.cab-m-stage .cab-profile-form .auth-field input:focus,
.cab-m-stage .cab-profile-form .auth-field textarea:focus,
.cab-m-stage .cab-profile-form .auth-field select:focus,
.cab-m-stage .cab-profile-form .cab-city-find .city-find-in:focus,
.cab-m-stage .links-in:focus{
  border-color:#18150d;
  background:#fff;
  box-shadow:none;
  outline:none;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-media-name{
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .cab-media-slot .pub-photo-btn,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-media-del,
#view-cab-m.cab-m-stage .cab-card--sheet .pub-photo-clear,
#view-cab-m.cab-m-stage .cab-card--sheet .cab-genre-picks button{
  background:#f8f5ef;
  border-color:#bcb2a5;
  color:#18150d;
}

#view-cab-m.cab-m-stage .cab-card--sheet .pub-video-hint{
  color:#4e565d;
}

.cab-m-stage .cab-media-slot .pub-photo-btn,
.cab-m-stage .cab-media-del{
  border-color:#bcb2a5;
  background:#f8f5ef;
  color:#18150d;
}

.cab-m-stage .cab-media-name,
.cab-m-stage .pub-video-hint{
  color:#4e565d;
}

.cab-m-stage .cab-genre-picks button{
  border-color:#bbb2a6;
  background:#f8f5ef;
  color:#18150d;
}

.cab-m-stage .cab-genre-picks button:hover{
  border-color:#18150d;
  background:var(--cm-yellow);
}

.cab-m-stage .cab-profile-save{
  min-height:48px;
  border:1px solid #18150d;
  border-radius:12px;
  background:#18150d;
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:none;
}

.cab-m-stage .cab-profile-save:hover,
.cab-m-stage .cab-profile-save:focus-visible,
.cab-m-stage .cab-profile-save:active{
  border-color:#18150d;
  background:#18150d;
  color:#fff;
  box-shadow:none;
  outline:none;
  transform:none;
  filter:none;
}

.cab-m-stage .cab-profile-edit-actions .btn,
.cab-m-stage .cab-profile-edit-actions .btn-ghost,
.cab-m-stage .cab-profile-edit-actions .btn-amber,
.cab-m-stage .cab-profile-edit-actions .cab-profile-save{
  transition:none;
  border-radius:12px;
}

.cab-m-stage .cab-profile-edit-actions .btn:hover,
.cab-m-stage .cab-profile-edit-actions .btn:focus-visible,
.cab-m-stage .cab-profile-edit-actions .btn:active,
.cab-m-stage .cab-profile-edit-actions .btn-ghost:hover,
.cab-m-stage .cab-profile-edit-actions .btn-ghost:focus-visible,
.cab-m-stage .cab-profile-edit-actions .btn-ghost:active{
  transform:none;
  filter:none;
  box-shadow:none;
  outline:none;
}

.cab-m-stage .cab-profile-edit-actions .btn-ghost:hover,
.cab-m-stage .cab-profile-edit-actions .btn-ghost:focus-visible,
.cab-m-stage .cab-profile-edit-actions .btn-ghost:active{
  border-color:#cfc6b9;
  color:#4f5860;
  background:#fffdfa;
}

.cab-m-stage .cab-profile-form .cab-city-find .city-find-menu{
  background:#fffdfa;
  border:1px solid #d5ccbf;
  border-radius:10px;
  box-shadow:0 10px 28px rgba(24,21,13,.12);
  scrollbar-color:#cfc6b9 transparent;
}

.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt{
  color:#18150d;
}

.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt:hover,
.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt:focus-visible{
  background:#f3eee6;
  color:#18150d;
}

.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt.on{
  background:#fff1c9;
  color:#18150d;
  font-weight:700;
}

.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt--empty,
.cab-m-stage .cab-profile-form .cab-city-find .city-find-opt--empty:hover{
  color:#6b747c;
  background:transparent;
}

.cab-m-stage .cab-card--see{
  position:static;
  top:auto;
  border-color:#39434e;
  background:#101419;
}

#view-cab-v.cab-m-stage .cab-profile-layout--venue .cab-card--see{
  border-color:#d5ccbf;
  background:#fffdfa;
}

#view-cab-v.cab-m-stage .cab-profile-layout--venue .cab-see-title{
  color:#18150d;
}

#view-cab-v.cab-m-stage .cab-profile-layout--venue .cab-see-hint{
  color:#69727a;
}

.cab-m-stage .cab-see-title{
  color:var(--cm-text);
}

.cab-m-stage .cab-see-hint{
  color:var(--cm-muted);
}

.cab-m-stage .cab-empty{
  border-color:#36404a;
  background:#101419;
  padding:12px 14px;
}

.cab-m-stage .cab-empty--compact{
  padding:10px 14px;
  justify-content:flex-start;
  width:fit-content;
  max-width:100%;
}

.cab-m-stage .cab-empty--compact .btn{
  width:auto;
  min-width:0;
  padding:6px 12px;
  min-height:32px;
  font-size:12px;
  font-weight:800;
  border-radius:10px;
}

.cab-m-stage .cab-empty p{
  color:var(--cm-muted);
}

.cab-m-stage .cab-empty .btn{
  border:1px solid var(--cm-yellow);
  background:var(--cm-yellow);
  color:#18150d;
  transform:none;
  filter:none;
  box-shadow:none;
}

.cab-m-stage .cab-empty .btn:hover,
.cab-m-stage .cab-empty .btn:focus-visible,
.cab-m-stage .cab-empty .btn:active{
  transform:none;
  filter:none;
  box-shadow:none;
}

/* Setup: the form is the product, not an error state */
.cab-m-stage.cab-setup .cab-tabs{
  display:none;
}

.cab-m-stage.cab-setup .cab-body{
  padding-top:22px;
}

.cab-m-stage.cab-setup .cab-panel.on{
  width:100%;
}

.cab-m-stage.cab-setup #cabPanel-overview.on,
.cab-m-stage.cab-setup #cabPanel-profile.on{
  display:block;
}

.cab-m-stage.cab-setup .cab-profile-layout{
  max-width:none;
}

.cab-m-stage.cab-setup .cabm-overview-grid{
  grid-template-columns:1fr;
}

.cab-m-stage.cab-setup .cabm-response-card{
  display:none;
}

.cab-m-stage.cab-setup #cabPanel-profile{
  margin-top:16px;
}

.cab-m-stage.cab-setup .cabm-profile-intro,
.cab-m-stage.cab-setup #cabMFillBar{
  display:none;
}

@media(max-width:1050px){
  .cab-m-stage .cabm-hero,
  .cab-m-stage .cabm-hero--rated,
  .cab-m-stage .cabm-hero--setup{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "aside" "stats";
  }

  #view-cab-m.cab-m-stage .cabm-hero--rated{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"copy aside";
  }

  .cab-m-stage .cabm-hero-copy{
    padding:16px 16px 12px;
  }

  .cab-m-stage .cabm-hero-aside{
    margin:0 12px 8px;
    max-width:none;
    padding:0 4px 8px;
  }

  .cab-m-stage .cabm-hero-aside.cabm-hero-aside--demo{
    margin:0 12px 12px;
    padding:0 4px 8px;
  }

  .cab-m-stage .cabm-stat{
    grid-template-columns:26px auto minmax(0,1fr);
    padding:10px 12px;
  }

  .cab-m-stage .cabm-stat-icon{
    width:26px;
    height:26px;
  }
}

@media(max-width:900px){
  .cab-m-stage .cab-top{
    padding:16px 0 12px;
  }

  .cab-m-stage .cabm-hero,
  .cab-m-stage .cabm-hero--rated,
  .cab-m-stage .cabm-hero--setup,
  #view-cab-m.cab-m-stage .cab-pass.cabm-hero,
  #view-cab-m.cab-m-stage .cab-pass.cabm-hero--rated,
  #view-cab-m.cab-m-stage .cab-pass.cabm-hero--setup,
  #view-cab-v.cab-m-stage .cab-pass.cabm-hero,
  #view-cab-v.cab-m-stage .cab-pass.cabm-hero--rated,
  #view-cab-v.cab-m-stage .cab-pass.cabm-hero--setup{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "aside" "stats"!important;
  }

  #view-cab-m.cab-m-stage .cabm-hero--rated,
  #view-cab-m.cab-m-stage .cab-pass.cabm-hero--rated{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "aside"!important;
  }

  .cab-m-stage .cabm-shell{
    border-radius:18px;
  }

  .cab-m-stage .cabm-hero-copy{
    padding:16px 14px 10px;
  }

  .cab-m-stage .cabm-title{
    max-width:none;
    font-size:clamp(28px,8vw,36px);
  }

  .cab-m-stage .cabm-meta{
    gap:6px;
  }

  .cab-m-stage .cabm-meta span{
    max-width:100%;
    white-space:normal;
    line-height:1.25;
  }

  .cab-m-stage .cabm-subtitle{
    max-width:none;
    margin-top:12px;
    font-size:13px;
    line-height:1.45;
  }

  .cab-m-stage .cabm-actions{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .cab-m-stage .cabm-btn{
    width:100%;
    min-height:40px;
    padding:8px 10px;
    font-size:12.5px;
  }

  .cab-m-stage .cabm-hero-aside{
    margin:0 14px 10px;
    max-width:none;
    width:auto;
    justify-self:stretch;
  }

  .cab-m-stage .cabm-hero-aside.cabm-hero-aside--media{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 14px 12px;
    box-sizing:border-box;
  }

  .cab-m-stage .cabm-hero-media{
    gap:8px;
  }

  .cab-m-stage .cabm-hero-aside--media .cabm-hero-media{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
    gap:8px;
  }

  .cab-m-stage .cabm-hero-shot{
    aspect-ratio:4/3;
    border-radius:12px;
  }

  .cab-m-stage .cabm-hero-aside--media .cabm-hero-shot,
  .cab-m-stage .cabm-hero-aside--media .cabm-hero-shot--photo,
  .cab-m-stage .cabm-hero-aside--media .cabm-hero-shot--video{
    aspect-ratio:1/1;
    width:100%;
    height:auto;
    min-width:0;
    border-radius:14px;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    width:100%;
    gap:8px;
    align-items:stretch;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-media{
    display:contents;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating{
    flex:none;
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    aspect-ratio:1/1;
    justify-self:stretch;
    align-self:stretch;
    padding:5px 4px;
    gap:1px;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
    overflow:hidden;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-row{
    flex-direction:column;
    gap:0;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-row b{
    font-size:17px;
    line-height:.95;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-k{
    font-size:6.5px;
    letter-spacing:.08em;
    line-height:1.1;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating .cab-stars{
    gap:1px;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating .cab-stars i{
    font-size:11px;
  }

  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-n,
  #view-cab-v.cab-m-stage .cabm-hero-aside--media .cabm-hero-rating-go{
    font-size:8px;
    line-height:1.1;
    white-space:nowrap;
  }

  .cab-m-stage .cabm-hero-rating{
    padding:10px 12px;
  }

  .cab-m-stage .cabm-stats--3{
    flex-direction:row;
    margin:0;
  }

  .cab-m-stage .cabm-stats--3 .cabm-stat{
    width:auto!important;
    padding:10px 8px!important;
  }

  .cab-m-stage .cabm-stats--3 .cabm-stat + .cabm-stat{
    border-left:1px solid #2a333c;
    border-top:none;
  }

  .cab-m-stage .cabm-stats--3 .cabm-stat b{
    font-size:22px;
  }

  .cab-m-stage .cabm-stats--3 .cabm-stat-label{
    font-size:10px;
  }

  .cab-m-stage .cabm-scene{
    min-height:250px;
    border-top:1px solid var(--cm-line);
    border-left:0;
  }

  .cab-m-stage .cabm-scene video{
    min-height:250px;
  }

  .cab-m-stage .cabm-stats:not(.cabm-stats--3){
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:12px;
  }

  .cab-m-stage .cabm-stats:not(.cabm-stats--3) .cabm-stat:nth-child(2){
    border-right:1px solid #2a333c;
  }

  .cab-m-stage .cabm-stats:not(.cabm-stats--3) .cabm-stat:nth-child(-n+2){
    border-bottom:1px solid #2a333c;
  }

  .cab-m-stage .cabm-setup-rail{
    grid-template-columns:1fr;
  }

  .cab-m-stage .cabm-setup-step{
    border-right:0;
    border-bottom:1px solid var(--cm-line);
  }

  .cab-m-stage .cabm-setup-step:last-child{
    border-bottom:0;
  }

  .cab-m-stage .cab-body{
    padding:20px 0 calc(72px + var(--safe-bottom,0px));
  }

  .cab-m-stage .cabm-overview-grid,
  .cab-m-stage .cab-profile-layout{
    grid-template-columns:1fr;
    width:100%;
  }

  .cab-m-stage .cabm-response-card{
    max-width:none;
  }

  #view-cab-m.cab-m-stage #cabPanel-responses .cab-card--rsp,
  #view-cab-v.cab-m-stage #cabVPanel-applications .cab-card--rsp,
  .cab-m-stage #cabPanel-responses .cab-list,
  .cab-m-stage #cabVPanel-applications .cab-list{
    width:100%;
    max-width:none;
  }

  .cab-m-stage .cab-rsp-filter{
    width:100%;
  }

  .cab-m-stage .cab-rsp-filter button{
    flex:1 1 auto;
  }

  .cab-m-stage .cab-card--see{
    position:static;
    top:auto;
  }
}

@media(max-width:640px){
  .cab-m-stage .cab-top>.wrap,
  .cab-m-stage .cab-body>.wrap{
    width:auto;
    margin:0 12px;
  }

  .cab-m-stage .cabm-hero-copy{
    padding:18px 14px 12px;
  }

  .cab-m-stage .cabm-title{
    max-width:none;
    font-size:30px;
  }

  .cab-m-stage .cabm-subtitle{
    margin-top:10px;
    font-size:13px;
  }

  .cab-m-stage .cabm-actions{
    grid-template-columns:1fr;
  }

  .cab-m-stage .cabm-btn{
    width:100%;
  }

  #view-cab-m.cab-m-stage .cabm-next{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    align-self:stretch;
  }

  .cab-m-stage .cabm-hero-aside{
    margin:0 12px 8px;
  }

  .cab-m-stage .cabm-scene,
  .cab-m-stage .cabm-scene video{
    min-height:210px;
  }

  .cab-m-stage .cabm-poster{
    padding:18px;
  }

  .cab-m-stage .cabm-poster-mark{
    width:76px;
    height:76px;
  }

  .cab-m-stage .cabm-poster strong{
    font-size:34px;
  }

  .cab-m-stage .cab-tabs--m,.cab-m-stage .cab-tabs--v{
    gap:6px;
    margin-bottom:14px;
    padding:4px;
    border-radius:12px;
    width:100%;
    display:flex;
  }

  .cab-m-stage .cab-tabs--m .cab-tab:not(.v),.cab-m-stage .cab-tabs--v .cab-tab.v{
    flex:1 1 0;
    flex-direction:column;
    gap:4px;
    min-height:48px;
    height:auto;
    padding:6px 4px!important;
    border-radius:9px;
    font-size:10px!important;
    white-space:normal;
  }

  .cab-m-stage .cab-tabs--m .cab-tab svg,.cab-m-stage .cab-tabs--v .cab-tab svg{
    width:16px;
    height:16px;
  }

  .cab-m-stage .cab-card{
    padding:15px;
    border-radius:15px;
  }

  #view-cab-m.cab-m-stage .cab-list .cab-row:not(.cab-row-step),
  #view-cab-v.cab-m-stage .cab-list .cab-row:not(.cab-row-step){
    grid-template-columns:56px minmax(0,1fr) auto;
    grid-template-areas:"thumb main status" "thumb meta status" "thumb rating status";
    gap:7px 12px;
    padding:10px;
    align-items:center;
  }
  #view-cab-m.cab-m-stage .cab-list .cab-row:not(.cab-row-step) .cab-row-thumb,
  #view-cab-v.cab-m-stage .cab-list .cab-row:not(.cab-row-step) .cab-row-thumb{
    grid-area:thumb;
  }
  #view-cab-m.cab-m-stage .cab-list .cab-row:not(.cab-row-step) .cab-badge,
  #view-cab-v.cab-m-stage .cab-list .cab-row:not(.cab-row-step) .cab-badge{
    grid-area:status;
    align-self:start;
  }

  .cab-m-stage .cab-artist-rating,
  .cab-m-stage .cab-row-meta{
    justify-self:start;
  }

  .cab-m-stage .cab-fill-list{
    grid-template-columns:1fr;
  }

  .cab-m-stage .cab-card--sheet .cab-card-head{
    align-items:center;
  }

  .cab-m-stage .cab-act-h{
    padding:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .cab-m-stage .cabm-wave i{
    animation:none;
  }
}

/* Venue cabinet — same flat stage layout, amber accents */
#view-cab-v.cab-m-stage{
  --cm-yellow:#ffb340;
  --cm-pink:#ff9a2e;
  --cm-paper:#ffe0a8;
}
#view-cab-m.cab-m-stage .cab-body>.wrap,
#view-cab-v.cab-m-stage .cab-body>.wrap{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  column-gap:0!important;
}
#view-cab-m.cab-m-stage .cab-tabs--m,
#view-cab-v.cab-m-stage .cab-tabs--v{
  grid-area:auto!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  position:static!important;
  top:auto!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:4px 6px 10px!important;
  border:none!important;
  border-top:none!important;
  border-radius:0!important;
  background:transparent!important;
  gap:4px!important;
}
#view-cab-m.cab-m-stage .cab-tabs--m .cab-tab:not(.v),
#view-cab-v.cab-m-stage .cab-tabs--v .cab-tab.v{
  width:auto!important;
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
  white-space:nowrap;
}
#view-cab-v.cab-m-stage .cab-tabs--v{
  grid-template-columns:none!important;
}
#view-cab-m.cab-m-stage .cab-panel,
#view-cab-v.cab-m-stage .cab-panel{
  grid-area:auto!important;
}
#view-cab-v.cab-m-stage .cab-pass,
#view-cab-v.cab-m-stage .cabm-hero{
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"copy" "stats";
  gap:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  overflow:hidden;
}
#view-cab-v.cab-m-stage .cabm-hero--rated{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy aside";
  align-items:start;
}
#view-cab-v.cab-m-stage .cabm-hero--setup{
  grid-template-columns:minmax(0,1.2fr) minmax(280px,360px);
  grid-template-areas:"copy aside";
  align-items:stretch;
}
@media(max-width:900px){
  #view-cab-v.cab-m-stage .cabm-hero--rated,
  #view-cab-v.cab-m-stage .cab-pass.cabm-hero--rated,
  #view-cab-v.cab-m-stage .cabm-hero--setup,
  #view-cab-v.cab-m-stage .cab-pass.cabm-hero--setup{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "aside"!important;
  }
}
#view-cab-v.cab-m-stage .cab-pass-reel,
#view-cab-v.cab-m-stage .cab-pass-photo{
  display:none!important;
}
#view-cab-v.cab-m-stage .cabm-btn--primary{
  border-color:var(--cm-yellow);
  background:var(--cm-yellow);
  color:#231a05;
}
#view-cab-v.cab-m-stage .cabm-btn--primary:hover,
#view-cab-v.cab-m-stage .cabm-btn--primary:focus-visible{
  border-color:#ff8500;
  background:#ff8500;
  color:#1a1005;
}
#view-cab-v.cab-m-stage .cabm-kicker{
  color:var(--cm-yellow);
}
#view-cab-v.cab-m-stage .cabm-stat--hot .cabm-stat-icon,
#view-cab-v.cab-m-stage .cabm-stat--hot b{
  color:var(--cm-yellow);
}
@media(max-width:640px){
  #view-cab-v.cab-m-stage .cab-tabs--v,
  #view-cab-m.cab-m-stage .cab-tabs--m{
    width:100%!important;
    display:flex!important;
  }
  #view-cab-v.cab-m-stage .cab-tabs--v .cab-tab.v,
  #view-cab-m.cab-m-stage .cab-tabs--m .cab-tab:not(.v){
    flex:1 1 0!important;
    flex-direction:column;
    height:auto!important;
    min-height:48px!important;
    gap:4px;
    padding:6px 4px!important;
    font-size:10px!important;
  }
}

/* Dock: packed rows, no stretched empty cells */
#view-cab-m.cab-m-stage .cabm-dock,
#view-cab-v.cab-m-stage .cabm-dock{
  align-items:center;
  gap:6px;
  padding:8px 16px 12px;
  border:none;
  background:transparent;
}

/* Musician: captions above tabs, not extra buttons */
#view-cab-m.cab-m-stage .cabm-dock{
  display:grid;
  grid-template-columns:repeat(3,auto);
  justify-content:center;
  justify-items:center;
  align-items:end;
  column-gap:16px;
  row-gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:8px 16px 12px;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info,
#view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m{
  display:contents!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  width:auto!important;
  max-width:15ch;
  padding:0 6px 2px!important;
  border:none!important;
  background:transparent!important;
  cursor:default!important;
  pointer-events:none;
  text-align:center;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat + .cabm-stat{
  border-left:none!important;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat b{
  font-size:18px;
  line-height:1;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat small{
  display:block!important;
  white-space:normal!important;
  max-width:14ch;
  font-size:11px!important;
  line-height:1.25;
  color:#8b97a4;
}
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat:hover,
#view-cab-m.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat:focus-visible{
  background:transparent!important;
}
#view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m .cab-tab:not(.v){
  width:auto!important;
  min-width:108px;
  justify-content:center;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--3{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px 18px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 2px!important;
  padding:2px 8px 8px!important;
  border:none!important;
  background:transparent!important;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:auto!important;
  padding:0 8px!important;
  border:none!important;
  background:transparent!important;
  cursor:default!important;
  pointer-events:none;
  text-align:center;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
}
#view-cab-v.cab-m-stage #cabVDockStats .cabm-stat,
#view-cab-v.cab-m-stage #cabVDockStats .cabm-stat + .cabm-stat{
  border:0!important;
  border-left:0!important;
  box-shadow:none!important;
  padding:0 8px!important;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat b{
  font-size:22px;
  line-height:1;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat small{
  display:block!important;
  font-size:11px!important;
  line-height:1.25;
  color:#8b97a4;
  white-space:nowrap!important;
}
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat:hover,
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat:focus-visible,
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat--hot,
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat--hot:hover,
#view-cab-v.cab-m-stage .cabm-dock .cabm-stats--info .cabm-stat--hot:focus-visible{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  cursor:default!important;
}
#view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  gap:4px!important;
}
#view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m .cab-tab:not(.v),
#view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v .cab-tab.v{
  width:auto!important;
  flex:0 0 auto!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
  border-radius:10px;
  background:transparent;
  color:#91a0af;
}
#view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m .cab-tab:not(.v) > span{
  position:relative;
  top:1px;
  line-height:1;
}
#view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m .cab-tab.on:not(.v),
#view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v .cab-tab.v.on{
  background:var(--cm-paper)!important;
  color:#17140e!important;
  border-color:var(--cm-paper);
}
@media(max-width:640px){
  #view-cab-m.cab-m-stage .cabm-dock{
    width:100%;
    column-gap:10px;
    row-gap:10px;
    padding:10px 12px 14px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #view-cab-v.cab-m-stage .cabm-dock{
    gap:6px;
    padding:8px 10px 12px;
  }
  #view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:stretch!important;
    gap:2px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #view-cab-m.cab-m-stage .cabm-dock .cab-tabs--m .cab-tab:not(.v){
    flex:0 0 auto!important;
    flex-direction:row;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
  }
  #view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v .cab-tab.v{
    display:flex!important;
    flex-direction:column!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:44px!important;
    padding:6px 2px!important;
    gap:3px!important;
    font-size:10px!important;
    letter-spacing:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  #view-cab-v.cab-m-stage .cabm-dock .cab-tabs--v .cab-tab.v svg{
    width:15px!important;
    height:15px!important;
    flex-shrink:0!important;
  }
}

#view-cab-m.cab-m-stage .cab-body,
#view-cab-v.cab-m-stage .cab-body{
  padding-bottom:calc(72px + var(--safe-bottom,0px))!important;
}