/* Complete CLARA Growth Roadmap — phases 0 through 9 */
body[data-admin-workspace="clara"] .growth-phase-access-all{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:10px;
  overflow:visible;
}
body[data-admin-workspace="clara"] .growth-phase-access-all button{
  min-height:78px;
  padding:12px;
  border-radius:16px;
  align-items:center;
}
body[data-admin-workspace="clara"] .growth-phase-access-all .growth-phase-number{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  border-color:rgba(68,211,225,.24);
  background:linear-gradient(145deg,rgba(17,53,77,.94),rgba(15,28,55,.95));
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}
body[data-admin-workspace="clara"] .growth-phase-access-all button b{
  font-size:12px;
  line-height:1.25;
}
body[data-admin-workspace="clara"] .growth-phase-access-all button small{
  margin-top:5px;
  font-size:8px;
  line-height:1.25;
  white-space:normal;
}
body[data-admin-workspace="clara"] .growth-phase-access-all button.completed{
  border-color:rgba(65,226,184,.18);
  background:linear-gradient(145deg,rgba(22,100,83,.14),rgba(8,33,40,.32));
}
body[data-admin-workspace="clara"] .growth-phase-access-all button.completed .growth-phase-number{
  color:#69ebc9;
  border-color:rgba(69,235,201,.30);
}
body[data-admin-workspace="clara"] .growth-phase-access-all button.current-roadmap-phase{
  border-color:rgba(55,221,229,.30);
  box-shadow:0 0 0 1px rgba(55,221,229,.05) inset,0 12px 30px rgba(0,0,0,.16);
}
body[data-admin-workspace="clara"] .growth-phase-access-all button.current-roadmap-phase .growth-phase-number{
  color:#071219;
  background:linear-gradient(135deg,#44e5e9,#2be0bd);
  border-color:rgba(255,255,255,.22);
}
body[data-admin-workspace="clara"] .future-phase-view{
  display:grid;
  gap:16px;
}
body[data-admin-workspace="clara"] .future-phase-view[hidden]{display:none!important}
body[data-admin-workspace="clara"] .future-phase-hero{
  opacity:1!important;
  border-color:rgba(61,211,224,.24)!important;
}
body[data-admin-workspace="clara"] .future-phase-hero .growth-kicker{
  color:#ffd62f;
}
body[data-admin-workspace="clara"] .future-phase-progress{
  position:relative;
  overflow:hidden;
}
body[data-admin-workspace="clara"] .future-phase-progress::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,#39dce8 0 52%,#ffd429 52% 59%,#f04466 59% 100%);
  opacity:.7;
}
body[data-admin-workspace="clara"] .future-phase-details{
  align-items:stretch;
}
body[data-admin-workspace="clara"] .future-phase-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body[data-admin-workspace="clara"] .future-phase-check{
  margin:0;
  min-height:76px;
}
body[data-admin-workspace="clara"] .future-phase-definition{
  margin-top:18px;
}
body[data-admin-workspace="clara"] .future-phase-definition>div{
  min-height:54px;
}
body[data-admin-workspace="clara"] .future-phase-view .growth-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body[data-admin-workspace="clara"] .future-phase-view .growth-metric{
  min-height:150px;
}
body[data-admin-workspace="clara"] .future-phase-view .growth-metric strong{
  font-size:24px;
}
body[data-admin-workspace="clara"] .future-phase-view .growth-gate{
  min-height:112px;
}
body[data-admin-workspace="clara"] .future-phase-view .growth-note{
  margin-top:14px;
  line-height:1.55;
}

@media(max-width:1400px){
  body[data-admin-workspace="clara"] .growth-phase-access-all{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1120px){
  body[data-admin-workspace="clara"] .growth-phase-access-all{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-admin-workspace="clara"] .future-phase-view .growth-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body[data-admin-workspace="clara"] .growth-phase-access-all{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding:8px;
  }
  body[data-admin-workspace="clara"] .growth-phase-access-all button{
    flex:0 0 220px;
    scroll-snap-align:start;
  }
  body[data-admin-workspace="clara"] .future-phase-fields,
  body[data-admin-workspace="clara"] .future-phase-view .growth-metric-grid{grid-template-columns:1fr}
}