/* Revision 02: только композиция В. Общие токены и макеты А/Б не меняются. */
.variant-c .workspace,
.variant-c .concept .workspace {
  grid-template-columns: minmax(0, 1fr) 355px;
  grid-template-areas: none;
  gap: 22px;
}

.variant-c .workspace > .main-column,
.variant-c .workspace > .side-column {
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-width: 0;
}

/* Продолжение и разделы повторяют геометрию Б. */
.variant-c .work-title { font-size: 1.7333rem; }
.variant-c .work-object { flex-direction: row; align-items: center; gap: 16px; }
.variant-c .progress-summary { flex-direction: row; align-items: baseline; gap: 16px; }
.variant-c .work-actions { flex-direction: row; align-items: center; gap: 16px; }
.variant-c .sections { padding: 24px; }
.variant-c .section-row { padding: 13px 0; }
.variant-c .section-row:first-child { padding-top: 0; }

/* Карта и полные названия слева, карточка выбранной области справа. */
.variant-c .mvp .profile-layout,
.variant-c .expanded-profile .profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .95fr);
  gap: 22px;
  align-items: start;
}

.variant-c .mvp .map-and-legend,
.variant-c .expanded-profile .map-and-legend {
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: start;
}

.variant-c .mvp .map-figure,
.variant-c .expanded-profile .map-figure { align-self: start; }
.variant-c .mvp .area-map,
.variant-c .expanded-profile .area-map { width: 160px; height: 160px; }
.variant-c .mvp .map-center,
.variant-c .expanded-profile .map-center { inset: 52px; }
.variant-c .mvp .area-detail,
.variant-c .expanded-profile .area-detail { margin-top: 0; padding: 20px; }
.variant-c .expanded-profile .profile { grid-area: auto; width: 100%; }
.variant-c .profile,
.variant-c .expanded-profile { overflow-wrap: anywhere; }
.variant-c .mvp .map-center,
.variant-c .expanded-profile .map-center { font-size: min(.8rem, 14px) !important; }
.variant-c .concept .profile-compact .map-center { font-size: min(.8rem, 12px) !important; }

/* Обзор будущей платформы сохраняет компактный личный контекст Б. */
.variant-c .concept .workspace { grid-template-columns: minmax(0, 1fr) 420px; }
.variant-c .future-row,
.variant-c .concept .future-row { grid-template-columns: 1fr auto; }
.variant-c .future-row button,
.variant-c .concept .future-row button { grid-column: 2; grid-row: 1 / 4; }
.variant-c .future-row h3 { font-size: 1.0667rem; }

@media (min-width: 901px) {
  .variant-c .mvp .sector-number,
  .variant-c .expanded-profile .sector-number { font-size: 1.2rem; }
}

@media (min-width: 1450px) {
  .variant-c .mvp .workspace { grid-template-columns: minmax(0, 1fr) 370px; }
}

@media (min-width: 901px) and (max-width: 1319px) {
  .variant-c .mvp .profile-layout,
  .variant-c .expanded-profile .profile-layout {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 1fr);
  }
  .variant-c .mvp .map-and-legend,
  .variant-c .expanded-profile .map-and-legend { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 901px) and (max-width: 1190px) {
  .variant-c .mvp .workspace { grid-template-columns: minmax(0, 1fr) 320px; }
  .variant-c .concept .workspace { grid-template-columns: minmax(0, 1fr) 350px; }
}

@media (max-width: 900px) {
  .variant-c .mvp .workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'work' 'profile' 'sections' 'material';
    gap: 18px;
  }
  .variant-c .concept .workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'work' 'other' 'profile' 'meeting' 'material';
    gap: 18px;
  }
  .variant-c .workspace > .main-column,
  .variant-c .workspace > .side-column { display: contents; }
  .variant-c .mvp .profile-layout,
  .variant-c .expanded-profile .profile-layout { grid-template-columns: minmax(0, 1fr); }
  .variant-c .mvp .map-and-legend,
  .variant-c .expanded-profile .map-and-legend {
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: center;
  }
  .variant-c .mvp .area-map,
  .variant-c .expanded-profile .area-map { width: 210px; height: 210px; }
  .variant-c .mvp .map-center,
  .variant-c .expanded-profile .map-center { inset: 68px; }
}

@media (max-width: 560px) {
  .variant-c .work-title { font-size: 1.6rem; }
  .variant-c .work-actions { gap: 8px 16px; }
  .variant-c .progress-summary { font-size: .8rem; gap: 8px; }
  .variant-c .sections { padding: 20px; }
  .variant-c .mvp .map-and-legend,
  .variant-c .expanded-profile .map-and-legend { grid-template-columns: minmax(0, 1fr); }
  .variant-c .mvp .area-detail,
  .variant-c .expanded-profile .area-detail { padding: 18px; }
  .variant-c .future-row,
  .variant-c .concept .future-row { grid-template-columns: 1fr; }
  .variant-c .future-row button,
  .variant-c .concept .future-row button { grid-column: 1; grid-row: auto; }
  .variant-c .mvp .profile,
  .variant-c .expanded-profile { overflow-wrap: anywhere; }
  .variant-c .expanded-profile .dialog-header h2,
  .variant-c .expanded-profile .dialog-content,
  .variant-c .area-choice > span:last-child { min-width: 0; }
  .variant-c .expanded-profile .close-dialog { flex-shrink: 0; }
}