@import url("../experts-glovo/glovo.css?v=1");

.plan-page {
  --tool: #f2d900;
  --tool-dark: #790008;
  --tool-paper: #f8f8f4;
}

.plan-page .tool-header { background: rgba(248,248,244,.94); }
.consulting-word { color: var(--tool); font-size: 22px; font-weight: 900; letter-spacing: .04em; }

.decision-console {
  overflow: hidden;
  border: 1px solid #aaa;
  background: #f8f8f4;
  color: #111;
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.decision-console > header {
  min-height: 58px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.decision-console > header i { color: #777; font-size: 9px; font-style: normal; font-weight: 400; }
.decision-status { padding: 24px; border-bottom: 1px solid #ccc; background: var(--tool); }
.decision-status small, .decision-status span { display: block; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.decision-status strong { display: block; margin: 13px 0 7px; font-size: clamp(35px,4.2vw,68px); line-height: .85; letter-spacing: -.07em; }
.decision-grid { display: grid; grid-template-columns: repeat(2,1fr); }
.decision-grid article { min-height: 112px; padding: 17px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.decision-grid article:nth-child(even) { border-right: 0; }
.decision-grid small, .decision-grid span { display: block; color: #777; font-size: 8px; text-transform: uppercase; }
.decision-grid strong { display: block; margin: 13px 0 8px; font-size: 27px; letter-spacing: -.06em; }
.decision-risks { display: grid; grid-template-columns: repeat(4,1fr); padding: 13px; gap: 7px; }
.decision-risks span { padding: 10px 7px; border: 1px solid #ccc; font-size: 8px; text-align: center; text-transform: uppercase; }
.decision-risks i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; }
.decision-risks .is-ok { background: #238b57; }
.decision-risks .is-watch { background: #d99b00; }
.decision-console > footer { padding: 11px 14px; border-top: 1px solid #ccc; color: #888; font-size: 8px; }

.plan-page .service-mosaic article:nth-child(2),
.plan-page .service-mosaic article:nth-child(6) { background: var(--tool); }
.plan-page .service-mosaic .is-dark { background: #111; color: #fff; }
.plan-page .tool-photo-break > img { object-position: center 56%; }

.scenario-ui, .sensitivity-ui { min-height: 400px; }
.scenario-row { min-height: 92px; display: grid; grid-template-columns: 110px 1fr 95px; gap: 14px; align-items: center; border-bottom: 1px solid #ddd; }
.scenario-row > span { height: 10px; overflow: hidden; background: #e5e5df; }
.scenario-row > span i { display: block; height: 100%; background: var(--tool); }
.scenario-row small { color: #777; text-align: right; }
.sensitivity-head, .sensitivity-ui p { display: grid; grid-template-columns: 1fr 75px 75px; gap: 10px; align-items: center; }
.sensitivity-head { padding: 15px 0; color: #777; border-bottom: 1px solid #ddd; font-size: 9px; text-transform: uppercase; }
.sensitivity-ui p { min-height: 55px; margin: 0; border-bottom: 1px solid #ddd; font-size: 12px; }
.sensitivity-ui p i { color: var(--tool-dark); font-style: normal; font-weight: 900; text-align: right; }
.plan-page .tool-boundaries li > span { color: var(--tool-dark); }
.plan-page .tool-models > div { grid-template-columns: repeat(4,1fr); }
.plan-page .tool-models article:nth-child(even) { background: #111; color: #fff; }

@media (max-width: 1100px) {
  .plan-page .tool-models > div { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 620px) {
  .decision-console > header { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; }
  .decision-grid, .decision-risks { grid-template-columns: repeat(2,1fr); }
  .scenario-row { grid-template-columns: 84px 1fr; }
  .scenario-row small { grid-column: 2; text-align: left; }
  .plan-page .tool-models > div { grid-template-columns: 1fr; }
}