/* Coffee Rush STA v10.5.3 · Planificación didáctica
   La ilustración pasa a segundo plano. En planificación mandan los datos,
   las decisiones, el plan financiero y el inventario. */

body[data-interface-phase="planning"] .workspace{
  max-width:1540px;
}

/* Jerarquía de planificación en escritorio:
   Contexto | Decisiones | Plan/Inventario
   La cafetería queda como franja de ambientación bajo los dos primeros bloques. */
body[data-interface-phase="planning"] .v105-planning-grid{
  display:grid;
  grid-template-columns:minmax(275px,.82fr) minmax(390px,1.18fr) minmax(315px,.94fr);
  grid-template-areas:
    "brief decisions right"
    "scene scene right";
  gap:12px;
  align-items:start;
}
body[data-interface-phase="planning"] .v105-left-rail{display:contents}
body[data-interface-phase="planning"] .v105-briefing{grid-area:brief}
body[data-interface-phase="planning"] .v105-decisions-panel{grid-area:decisions}
body[data-interface-phase="planning"] .v105-scene-panel{grid-area:scene}
body[data-interface-phase="planning"] .v105-right-rail{
  grid-area:right;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-content:start;
}

/* La escena es contexto visual, no superficie principal de trabajo. */
body[data-interface-phase="planning"] .v105-scene-panel{
  overflow:hidden;
  border-radius:14px;
}
body[data-interface-phase="planning"] .v105-scene-stage{
  position:relative;
  height:clamp(150px,13vw,205px);
  min-height:150px;
  aspect-ratio:auto;
  background:#f4eee6;
  overflow:hidden;
}
body[data-interface-phase="planning"] .v105-scene-art{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 45%;
}
/* La imagen ya contiene el branding; no añadimos capas visuales adicionales. */
body[data-interface-phase="planning"] .v105-scene-ista,
body[data-interface-phase="planning"] .v105-scene-way,
body[data-interface-phase="planning"] .v105-scene-caption{display:none!important}

/* La lectura rápida pasa a ser el componente útil de la tarjeta visual. */
body[data-interface-phase="planning"] .v105-market-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #e3eaf0;
}
body[data-interface-phase="planning"] .v105-market-strip .market-pill{
  min-height:54px;
  padding:8px 10px;
}
body[data-interface-phase="planning"] .v105-market-strip .market-pill>span{
  font-size:8px;
  letter-spacing:.035em;
}
body[data-interface-phase="planning"] .v105-market-strip .market-pill strong{
  font-size:10.5px;
  line-height:1.2;
}

/* Contexto: prima leer el dato completo sobre mantener una tarjeta baja. */
body[data-interface-phase="planning"] .v105-briefing .scenario-box{
  min-height:92px;
}
body[data-interface-phase="planning"] .v105-briefing .scenario-box p{
  font-size:9.25px;
  line-height:1.3;
}

/* Decisiones: más presencia visual que la cafetería en la fase de planificación. */
body[data-interface-phase="planning"] .v105-decisions-panel .decision-card{
  min-height:0;
  padding:9px 10px;
}
body[data-interface-phase="planning"] .v105-decisions-panel .decision-title strong{
  font-size:12px;
}
body[data-interface-phase="planning"] .v105-decisions-panel input[type="range"]{
  min-height:24px;
}
body[data-interface-phase="planning"] .v105-decisions-panel .scale,
body[data-interface-phase="planning"] .v105-decisions-panel .decision-help{
  font-size:9px;
  line-height:1.3;
}

/* El plan financiero es una de las zonas de mayor prioridad. */
body[data-interface-phase="planning"] .v105-right-rail .plan-summary{
  border-color:#cfdfe9;
  box-shadow:0 7px 22px rgba(19,52,82,.06);
}
body[data-interface-phase="planning"] .v105-right-rail .plan-ledger dt{font-size:10px}
body[data-interface-phase="planning"] .v105-right-rail .plan-ledger dd{font-size:11.5px}
body[data-interface-phase="planning"] .v105-right-rail .open-btn{min-height:50px}

/* En portátil intermedio seguimos priorizando controles. La escena permanece corta. */
@media(max-width:1380px){
  body[data-interface-phase="planning"] .v105-planning-grid{
    grid-template-columns:minmax(280px,.86fr) minmax(390px,1.14fr);
    grid-template-areas:
      "brief decisions"
      "right right"
      "scene scene";
  }
  body[data-interface-phase="planning"] .v105-right-rail{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  }
  body[data-interface-phase="planning"] .v105-scene-stage{
    height:clamp(145px,17vw,190px);
  }
}

/* En tablet, los datos siguen precediendo a la ilustración. */
@media(max-width:1080px){
  body[data-interface-phase="planning"] .v105-planning-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "brief"
      "decisions"
      "right"
      "scene";
  }
  body[data-interface-phase="planning"] .v105-left-rail{display:contents}
  body[data-interface-phase="planning"] .v105-right-rail{
    grid-template-columns:1fr 1fr;
  }
  body[data-interface-phase="planning"] .v105-scene-panel{order:initial}
  body[data-interface-phase="planning"] .v105-scene-stage{
    height:170px;
  }
}

@media(max-width:760px){
  body[data-interface-phase="planning"] .v105-right-rail{grid-template-columns:1fr}
  body[data-interface-phase="planning"] .v105-market-strip{grid-template-columns:1fr 1fr}
  body[data-interface-phase="planning"] .v105-scene-stage{height:150px;min-height:150px}
}

@media(max-width:480px){
  body[data-interface-phase="planning"] .v105-market-strip{grid-template-columns:1fr}
  body[data-interface-phase="planning"] .v105-scene-stage{height:132px;min-height:132px}
}