/* Alpha 44 — единые ячейки уроков/ДЗ, доступное расписание и адаптивный интерфейс. */

img,video,iframe{max-width:100%}
.mobile-nav-button{display:none}

/* Ячейки конструктора и опубликованного урока. */
.mc-studio-add-sticky{position:sticky;top:56px;z-index:3;margin:0!important;padding:12px;background:color-mix(in srgb,var(--mds-surface-default) 96%,transparent);border-bottom:1px solid var(--mds-border-subtle);backdrop-filter:blur(10px)}
.mc-studio-add-sticky>strong{display:block;color:var(--mds-text-primary);font-size:12px}
.mc-studio-add-sticky>small{display:block;padding:4px 0 10px!important}
.mc-studio-add-menu button:disabled{opacity:.45;cursor:not-allowed}
.mc-studio-outline-list{padding-top:4px!important}
.mc-studio-outline-page-head{align-items:center}
.mc-studio-outline-page-head>div{display:grid;gap:2px}
.mc-studio-outline-page-head select{width:66px;min-height:30px;padding:3px 6px;border-radius:8px;font-size:11px}
.mc-studio-cell-navigation{position:relative;margin-bottom:22px}
.mc-studio-runtime-stepper,.mc-theory-stepper{flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;padding:7px 4px 10px!important;scrollbar-width:thin}
.mc-cell-step{display:grid!important;place-items:center;align-content:center;gap:0;width:52px!important;height:52px!important;flex:0 0 52px;padding:3px!important}
.mc-cell-step-icon{display:block;max-width:42px;overflow:hidden;font-size:13px;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.mc-cell-step small{position:absolute;right:-2px;bottom:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid currentColor;border-radius:9px;background:var(--mds-surface-default);color:var(--mds-text-secondary);font-size:9px;line-height:1}
.mc-cell-step.active small{color:var(--mds-action-primary)}
.mc-cell-step.complete:not(.active){border-color:var(--mds-success);color:var(--mds-success)}
.mc-cell-add{border-style:dashed!important;color:var(--mds-action-primary)!important;font-size:25px!important}
.mc-studio-page-create-menu{position:absolute;top:66px;left:0;z-index:15;width:min(620px,100%);padding:12px;border:1px solid var(--mds-border-default);border-radius:14px;background:var(--mds-surface-default);box-shadow:0 18px 48px rgba(16,38,70,.18)}
.mc-studio-page-create-menu>strong{display:block;margin:0 0 9px;font-size:12px}
.mc-studio-page-create-menu>div{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:7px}
.mc-studio-page-create-menu button{display:grid;place-items:center;gap:4px;min-height:58px;padding:7px;border:1px solid var(--mds-border-subtle);border-radius:10px;background:var(--mds-surface-subtle);color:var(--mds-text-primary);cursor:pointer}
.mc-studio-page-create-menu button:hover{border-color:var(--mds-action-primary);color:var(--mds-action-primary)}
.mc-studio-page-create-menu button span{font-size:10px}
.mc-studio-drawer-toggle,.mc-studio-drawer-shade{display:none}

/* Расписание: у доступного занятия кнопка остаётся видимой и в месяце. */
.calendar-month .calendar-event-actions{display:flex!important;margin-top:6px}
.calendar-event-actions.compact .button{min-height:28px;width:100%;padding:4px 7px;font-size:10px}

/* Настоящие переключатели дерева категорий. */
.mc-folder-tree-toggle,.mc-folder-tree-toggle-placeholder{display:grid;place-items:center;width:22px;height:28px;flex:0 0 22px}
.mc-folder-tree-toggle{padding:0;border:0;border-radius:6px;background:transparent;color:var(--mds-text-secondary);font-size:14px;cursor:pointer}
.mc-folder-tree-toggle:hover{background:var(--mds-action-primary-subtle);color:var(--mds-action-primary)}
.mc-folder-tree-row{grid-template-columns:22px minmax(0,1fr) auto!important}
.mc-student-bank-tree-row{grid-template-columns:22px minmax(0,1fr) auto!important;padding-left:calc(10px + var(--tree-depth,0)*14px)!important}
.mc-student-bank-tree-row>.plain-button{display:flex;min-width:0;align-items:center;gap:7px;color:inherit;text-align:left}
.mc-student-bank-tree-row>.plain-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Тесторешка: содержимое начинается на одной линии с заголовком панели. */
.mc-dashboard-testor{overflow:hidden}
.mc-dashboard-testor .mc-panel-head{align-items:flex-start!important;padding-bottom:16px}
.mc-dashboard-testor .mc-panel-head>label{align-self:flex-start;margin-top:0}
.mc-dashboard-testor form{padding:18px 20px 20px;border-top:1px solid var(--mds-border-subtle)}
.mc-testor-task-head{align-items:center;margin:0}
.mc-testor-statement{padding:8px 0 2px}

/* Задания внутри самостоятельного урока. */
.mc-canonical-task form{display:block}
.mc-canonical-task form>.mc-learner-task{display:grid;gap:14px}
.mc-theory-progress-card .mc-progress{margin-top:10px}
.mc-video-lesson-page .mc-video-comment-form{display:grid;gap:8px}
.mc-video-lesson-page .mc-video-comments{display:grid;gap:9px;max-height:380px;margin-top:12px;overflow:auto}

/* Сжатое окно: контент перестраивается, панели конструктора становятся выдвижными. */
@media(max-width:1360px){
  .mc-studio-body{grid-template-columns:240px minmax(0,1fr)!important}
  .mc-studio-drawer-toggle[data-studio-toggle-inspector]{display:inline-grid}
  .mc-studio-inspector{display:block!important;position:fixed;z-index:42;inset:0 0 0 auto;width:min(380px,92vw);height:100dvh;border-left:1px solid var(--mds-border-default);box-shadow:-18px 0 55px rgba(16,38,70,.22);transform:translateX(105%);transition:transform .2s ease}
  .mc-studio.inspector-open .mc-studio-inspector{transform:translateX(0)}
  .mc-studio.inspector-open .mc-studio-drawer-shade{display:block;position:fixed;z-index:41;inset:0;border:0;background:rgba(9,24,47,.36)}
  .mc-studio-topbar{grid-template-columns:minmax(220px,1fr) auto!important;min-height:68px;height:auto;padding:9px 14px!important}
  .mc-studio-view-switch{display:none!important}
  .mc-studio-actions{min-width:0;flex-wrap:wrap}
}

@media(max-width:1100px){
  .mc-dashboard-learning-grid,.mc-dashboard-primary-grid,.mc-video-lesson-columns,.mc-homework-review-page-grid,.mc-homework-student-grid,.mc-student-bank-layout,.mc-resource-explorer,.mc-entity-split,.mc-class-overview-grid{grid-template-columns:minmax(0,1fr)!important}
  .mc-right-rail,.mc-student-bank-tree,.mc-folder-tree{position:static!important;max-height:none!important}
  .mc-table-wrap,.calendar-shell,.mc-activity-scroll{max-width:100%;overflow-x:auto}
  .mc-resource-toolbar,.topbar-actions,.row-actions{flex-wrap:wrap}
}

@media(max-width:900px){
  .mc-studio-body{grid-template-columns:minmax(0,1fr)!important}
  .mc-studio-drawer-toggle[data-studio-toggle-outline]{display:inline-grid}
  .mc-studio-outline{display:block!important;position:fixed;z-index:42;inset:0 auto 0 0;width:min(310px,92vw);height:100dvh;border-right:1px solid var(--mds-border-default);box-shadow:18px 0 55px rgba(16,38,70,.22);transform:translateX(-105%);transition:transform .2s ease}
  .mc-studio.outline-open .mc-studio-outline{transform:translateX(0)}
  .mc-studio.outline-open .mc-studio-drawer-shade{display:block;position:fixed;z-index:41;inset:0;border:0;background:rgba(9,24,47,.36)}
  .mc-studio-canvas{padding:18px 12px 60px!important}
  .mc-studio-title-copy small{display:none}
  .mc-studio-page-create-menu>div{grid-template-columns:repeat(3,minmax(72px,1fr))}
  .calendar-week,.calendar-month{grid-template-columns:repeat(7,minmax(170px,1fr))!important;min-width:1190px}
}

@media(max-width:760px){
  .app-shell{display:block!important}
  .mobile-nav-button{display:grid;flex:0 0 42px}
  body.mobile-nav-open{overflow:hidden}
  body.mobile-nav-open::after{position:fixed;z-index:299;inset:0;background:rgba(8,25,50,.34);content:""}
  body.mobile-nav-open .sidebar{display:flex!important;position:fixed;z-index:300;inset:0 auto 0 0;width:min(286px,86vw)!important;height:100dvh;padding:18px 12px 16px!important;box-shadow:18px 0 55px rgba(8,25,50,.28)}
  body.mobile-nav-open .sidebar .brand-name,body.mobile-nav-open .sidebar .nav-label,body.mobile-nav-open .sidebar .sidebar-footer{display:flex!important}
  body.mobile-nav-open .sidebar .main-nav{overflow:auto}
  .topbar{gap:10px;padding:10px 12px!important}
  .global-search-wrap{min-width:0;flex:1}
  .topbar-user{display:none!important}
  .page-head{align-items:flex-start!important;flex-direction:column;padding:18px 14px 10px!important}
  .page-content{padding:12px 14px 32px!important}
  .topbar-actions{width:100%}
  .topbar-actions .button{flex:1;justify-content:center}
  .mc-panel,.card,.mc-learner-page{max-width:100%}
  .mc-studio{grid-template-rows:auto minmax(0,1fr)!important}
  .mc-studio-topbar{grid-template-columns:1fr!important;gap:7px!important}
  .mc-studio-actions{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}
  .mc-studio-actions>*{flex:0 0 auto}
  .mc-studio-title .mc-studio-block-icon{display:none}
  .mc-studio-device{border-radius:12px!important}
  .mc-studio-page-create-menu{position:fixed;right:10px;bottom:10px;left:10px;top:auto;width:auto;max-height:60vh;overflow:auto}
  .mc-studio-page-create-menu>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mc-dashboard-testor .mc-panel-head{flex-direction:column;gap:12px}
  .mc-dashboard-testor .mc-panel-head>label{width:100%;min-width:0}
  .mc-dashboard-testor form{padding:16px}
  .mc-pdf-attachment{grid-template-columns:44px minmax(0,1fr)}
  .mc-pdf-attachment-actions{grid-column:1/-1}
  .mc-homework-stepper{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px}
  .mc-homework-step{flex:0 0 42px}
}

@media(max-width:520px){
  .topbar-utility{gap:4px}
  .notifications-button,.theme-toggle{width:38px;height:38px}
  .mc-studio-actions>[data-studio-undo],.mc-studio-actions>[data-studio-redo]{display:none}
  .mc-studio-page-create-menu>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc-dashboard-testor form{padding:14px}
}