/* Al Nakhlah | Human-controlled timetable editor | 2026-10-18 */
#ms-open-btn{margin-inline-start:8px;white-space:nowrap}
body[data-role="admin"] #openScheduleDialog,
body[data-role="investor"] #openScheduleDialog,
body[data-role="admin"] #copyScheduleDay,
body[data-role="investor"] #copyScheduleDay,
body[data-role="admin"] #publishSchedule,
body[data-role="investor"] #publishSchedule{display:none!important}
#ms-root{position:fixed;inset:0;z-index:2147482500;background:rgba(15,23,42,.57);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:12px;direction:rtl;font-family:inherit}
#ms-root.ms-open{display:flex}
#ms-root *{box-sizing:border-box}
#ms-root [hidden]{display:none!important}
#ms-root .ms-shell{width:min(1450px,100%);height:min(96dvh,1040px);background:var(--surface,#fff);color:var(--text,#172337);border:1px solid var(--border,#dde5f0);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(4,14,35,.30)}
#ms-root .ms-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border,#e2e8f0);background:linear-gradient(100deg,color-mix(in srgb,var(--primary,#3656ac) 9%,var(--surface,#fff)),var(--surface,#fff))}
#ms-root .ms-eyebrow{color:var(--primary,#254c97);font-size:11px;font-weight:850;letter-spacing:.02em}
#ms-root h2{margin:2px 0 0;font-size:21px;line-height:1.4}
#ms-root .ms-subtitle{font-size:12px;color:var(--muted,#64748b);margin-top:4px}
#ms-root button,#ms-root input,#ms-root select{font:inherit}
#ms-root .ms-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 13px;min-height:38px;white-space:nowrap;font-size:12px;font-weight:800;border-radius:11px;border:1px solid var(--border,#d7e1ed);color:var(--text,#21334d);background:var(--surface,#fff);cursor:pointer;transition:.15s ease}
#ms-root .ms-button:hover{transform:translateY(-1px);border-color:var(--primary,#3563bf)}
#ms-root .ms-button:disabled{opacity:.5;cursor:wait;transform:none}
#ms-root .ms-button.primary{background:var(--primary,#2454a4);border-color:var(--primary,#2454a4);color:white}
#ms-root .ms-button.publish{background:#047857;border-color:#047857;color:white}
#ms-root .ms-button.danger{color:#b42318;border-color:#fecaca}
#ms-root .ms-button.icon{width:40px;height:40px;font-size:22px;padding:0}
#ms-root .ms-body{padding:16px 20px 25px;overflow:auto;flex:1;overscroll-behavior:contain}
#ms-root .ms-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}
#ms-root .ms-field{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted,#52627b)}
#ms-root .ms-field select,#ms-root .ms-field input{min-height:39px;border:1px solid var(--border,#cbd5e1);border-radius:11px;background:var(--surface,#fff);color:var(--text,#192b44);padding:7px 10px;min-width:140px;max-width:280px}
#ms-root .ms-field select:focus,#ms-root .ms-field input:focus{outline:2px solid color-mix(in srgb,var(--primary,#3563bf) 25%,transparent)}
#ms-root .ms-spacer{flex:1}
#ms-root .ms-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}
#ms-root .ms-kpi{border:1px solid var(--border,#dce6ee);background:var(--surface-2,#f8fafc);border-radius:13px;padding:10px 13px;display:grid;gap:3px}
#ms-root .ms-kpi b{font-size:19px;line-height:1.2}
#ms-root .ms-kpi span{font-size:11px;color:var(--muted,#60708a)}
#ms-root .ms-notice{padding:11px 13px;border-radius:12px;border:1px solid #b6d4f7;background:color-mix(in srgb,#dbeafe 45%,var(--surface,#fff));font-size:12px;line-height:1.7;margin:10px 0;display:flex;align-items:center;gap:8px}
#ms-root .ms-notice.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
#ms-root .ms-notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
#ms-root .ms-week-frame{border:1px solid var(--border,#d5dfeb);border-radius:16px;overflow:auto;background:var(--surface,#fff)}
#ms-root .ms-week{min-width:750px;display:grid;grid-template-columns:70px repeat(6,minmax(105px,1fr));direction:rtl}
#ms-root .ms-corner,#ms-root .ms-day{position:sticky;top:0;z-index:2;padding:13px 6px;background:var(--surface-2,#f2f6fc);font-size:12px;font-weight:900;text-align:center;border-bottom:1px solid var(--border,#dde4ee);border-left:1px solid var(--border,#dde4ee)}
#ms-root .ms-period{display:grid;place-items:center;font-size:12px;font-weight:850;color:var(--muted,#60708a);border-bottom:1px solid var(--border,#e2e8f0);border-left:1px solid var(--border,#e2e8f0);background:var(--surface-2,#f8fafc)}
#ms-root .ms-slot{position:relative;min-height:84px;padding:5px;border:0;border-left:1px solid var(--border,#e2e8f0);border-bottom:1px solid var(--border,#e2e8f0);background:transparent;display:flex;flex-direction:column;align-items:stretch;text-align:inherit;cursor:pointer;min-width:0}
#ms-root .ms-slot:hover{background:color-mix(in srgb,var(--primary,#3b82f6) 7%,var(--surface,#fff))}
#ms-root .ms-slot[aria-selected="true"]{outline:2px solid #3b82f6;outline-offset:-3px}
#ms-root .ms-filled{border-radius:10px;background:color-mix(in srgb,var(--primary,#3b82f6) 12%,var(--surface,#fff));border-right:3px solid var(--primary,#3b82f6);padding:8px 6px;display:grid;gap:5px;height:100%;min-width:0}
#ms-root .ms-filled b{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
#ms-root .ms-filled small{font-size:10px;color:var(--muted,#53657e);overflow-wrap:anywhere;line-height:1.3}
#ms-root .ms-empty{margin:auto;color:#94a3b8;font-size:11px}
#ms-root .ms-slot.ms-drag-target{background:#e0f2fe;outline:2px dashed #0284c7;outline-offset:-2px}
#ms-root .ms-slot.ms-conflict{background:#fff1f2}
#ms-root .ms-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid var(--border,#e2e8f0);background:var(--surface,#fff)}
#ms-root .ms-status{font-size:11px;color:var(--muted,#64748b);margin-inline-end:auto}
#ms-root .ms-history{font-size:11px;color:var(--muted,#64748b);display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
#ms-root .ms-history strong{color:var(--text,#19304b)}
#ms-root .ms-history span{border:1px solid var(--border,#d7dee9);border-radius:9px;padding:5px 8px}
#ms-root .ms-editor-backdrop{position:absolute;inset:0;z-index:9;display:none;align-items:center;justify-content:center;background:rgba(6,20,43,.55);padding:15px}
#ms-root .ms-editor-backdrop.ms-visible{display:flex}
#ms-root .ms-editor{width:min(460px,100%);max-height:94%;overflow:auto;border-radius:20px;background:var(--surface,#fff);box-shadow:0 20px 60px #0004;padding:22px;display:grid;gap:12px}
#ms-root .ms-editor h3{margin:0;font-size:19px}
#ms-root .ms-editor .ms-field input,#ms-root .ms-editor .ms-field select{max-width:none;width:100%}
#ms-root .ms-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
#ms-root .ms-warning{font-size:11px;line-height:1.6;color:#9a6700;padding:8px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}
@media(max-width:850px){
  #ms-root{padding:0}
  #ms-root .ms-shell{height:100dvh;max-height:none;border-radius:0}
  #ms-root .ms-header{padding:12px}
  #ms-root h2{font-size:17px}
  #ms-root .ms-body{padding:12px}
  #ms-root .ms-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #ms-root .ms-foot{padding:10px;gap:6px}
  #ms-root .ms-week{min-width:750px}
}
@media print{
 #ms-root{display:none!important}
}

/* Make the manager timetable entry immediately discoverable on desktop/mobile. */
#schedulePage .page-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#schedulePage .page-toolbar #ms-open-btn.ms-primary-entry{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:44px;padding:11px 18px;border-radius:13px;font-weight:900;
  background:var(--primary,#2454a4);color:#fff;
  border:1px solid var(--primary,#2454a4);box-shadow:0 5px 15px rgba(30,64,175,.14);
}
#schedulePage .page-toolbar #ms-open-btn[hidden]{display:none!important}
@media(max-width:650px){
  #schedulePage .page-toolbar #ms-open-btn.ms-primary-entry{width:100%;order:3}
}

/* Timetable management, school-wide shift settings, and manual bell-by-bell timing */
#ms-root .ms-time-setup{color:var(--primary,#2454a4);border-color:color-mix(in srgb,var(--primary,#2454a4) 42%,var(--border,#dbeafe));font-weight:850}
#ms-root .ms-shift-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
#ms-root .ms-shift-summary>span{background:var(--surface-2,#f3f6fc);border:1px solid var(--border,#dfe6f1);border-radius:9px;padding:6px 11px;color:var(--muted,#66758b);font-size:11px}
#ms-root .ms-shift-summary strong{color:var(--text,#1d3557);font-size:12px}
#ms-root .ms-timing-panel{display:flex;flex-direction:column;gap:16px;width:min(630px,100%);max-height:94dvh;overflow:auto;background:var(--surface,#fff);border-radius:22px;padding:21px;border:1px solid var(--border,#e2e8f0);box-shadow:0 24px 62px #050d263d}
#ms-root .ms-timing-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
#ms-root .ms-timing-head h3{font-size:19px;margin:3px 0}
#ms-root .ms-timing-head p{margin:3px 0;color:var(--muted,#64748b);font-size:12px;line-height:1.7}
#ms-root .ms-period-list-head{display:grid;gap:4px}
#ms-root .ms-period-list-head b{font-size:13px}
#ms-root .ms-period-list-head small{font-size:11px;color:var(--muted,#64748b)}
#ms-root .ms-period-list{display:grid;gap:8px}
#ms-root .ms-period-row{display:grid;grid-template-columns:85px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:9px;border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:9px 11px;background:var(--surface-2,#f8fafc)}
#ms-root .ms-period-row>b{font-size:12px;align-self:center}
#ms-root .ms-period-row .ms-field input{width:100%;min-width:0}
#ms-root .ms-timing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:550px){
  #ms-root .ms-timing-panel{height:100dvh;max-height:none;border-radius:0;width:100%}
  #ms-root .ms-period-row{grid-template-columns:65px minmax(0,1fr) minmax(0,1fr);gap:6px}
  #ms-root .ms-period-row{padding:7px}
}

/* v1.1.1 · iPhone/mobile repair: schedule editor must cover the floating nav.
   The prior nav z-index is 2147483640, while the prior editor was 2147482500. */
body.ms-editor-open .bottom-nav{display:none!important}
body.ms-editor-open{overflow:hidden!important}
#ms-root{z-index:2147483646!important;isolation:isolate;overscroll-behavior:contain}

/* Layer the time editor over the week grid and lock action buttons outside scrolling. */
#ms-root #ms-timing-layer{
  position:absolute;inset:0;z-index:50;align-items:center;justify-content:center;
  padding:12px;overflow:hidden;background:rgba(7,17,37,.70);backdrop-filter:blur(9px);
}
#ms-root #ms-timing-layer.ms-visible{display:flex}
#ms-root .ms-timing-panel{
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
  width:min(650px,100%);height:min(92dvh,900px);max-height:calc(100dvh - 16px);
  padding:0;border:1px solid var(--border,#dce3ef);border-radius:23px;
  background:var(--surface,#fff);color:var(--text,#182c47);
  box-shadow:0 32px 100px rgba(5,15,35,.35);
}
#ms-root .ms-timing-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:14px;margin:0;padding:20px 22px 15px;
  border-bottom:1px solid var(--border,#e2e8f0);
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--primary,#2454a4) 9%,var(--surface,#fff)),
    var(--surface,#fff));
}
#ms-root .ms-timing-head>div{min-width:0}
#ms-root .ms-timing-head .ms-eyebrow{font-size:10px;letter-spacing:.02em}
#ms-root .ms-timing-head h3{margin:5px 0 4px;font-size:20px;font-weight:900;line-height:1.35}
#ms-root .ms-timing-head p{
  margin:0;max-width:520px;line-height:1.55;font-size:12px;color:var(--muted,#64748b)
}
#ms-root #ms-timing-close{flex:none;width:38px;height:38px;min-height:38px;border-radius:12px;background:var(--surface,#fff)}
#ms-root .ms-timing-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  padding:17px 22px 26px;display:grid;align-content:start;gap:14px;
  -webkit-overflow-scrolling:touch;
}
#ms-root .ms-shift-card{
  padding:15px;border:1px solid var(--border,#dde5ef);border-radius:16px;
  background:var(--surface-2,#f6f8fc);display:grid;gap:13px;
}
#ms-root .ms-settings-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
#ms-root .ms-settings-section-head b{font-size:13px;font-weight:900}
#ms-root .ms-settings-section-head small{font-size:11px;color:var(--muted,#64748b)}
#ms-root .ms-shift-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:end
}
#ms-root .ms-shift-grid .ms-field{min-width:0;width:100%;gap:7px;font-size:12px}
#ms-root .ms-period-list-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;padding:1px 2px;
}
#ms-root .ms-period-list-head>div{min-width:0;display:grid;gap:4px}
#ms-root .ms-period-list-head b{font-size:14px;font-weight:900}
#ms-root .ms-period-list-head small{font-size:11px;color:var(--muted,#64748b);line-height:1.6}
#ms-root .ms-progress-badge{
  flex:none;min-height:29px;display:inline-flex;align-items:center;
  padding:6px 10px;border:1px solid color-mix(in srgb,var(--primary,#2454a4) 28%,var(--border,#dce5f1));
  border-radius:999px;color:var(--primary,#2454a4);font-size:11px;font-weight:900;
  background:color-mix(in srgb,var(--primary,#2454a4) 7%,var(--surface,#fff))
}
#ms-root .ms-period-list{display:grid;gap:8px;min-width:0}
#ms-root .ms-period-row{
  display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,1fr);
  gap:11px;align-items:center;min-width:0;min-height:76px;
  padding:10px 12px;border:1px solid var(--border,#e0e6ef);
  border-radius:15px;background:var(--surface,#fff);
  box-shadow:0 3px 10px rgba(19,43,76,.025);
}
#ms-root .ms-period-row.ms-period-complete{
  border-color:color-mix(in srgb,#047857 35%,var(--border,#dce6ef));
  background:color-mix(in srgb,#dcfce7 9%,var(--surface,#fff));
}
#ms-root .ms-period-row.ms-period-incomplete{border-color:#f59e0b;background:#fffbeb}
#ms-root .ms-period-number{
  display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;
  align-self:stretch;padding:7px 5px;border-radius:11px;
  background:var(--surface-2,#f1f5fc);color:var(--text,#1c3453);
}
#ms-root .ms-period-number span{font-size:10px;font-weight:800;line-height:1.2;color:var(--muted,#64748b)}
#ms-root .ms-period-number strong{font-size:19px;font-weight:950;line-height:1.1;font-variant-numeric:tabular-nums}
#ms-root .ms-period-row .ms-field{
  display:grid;gap:6px;min-width:0;width:100%;max-width:100%;font-size:11px;
  font-weight:800;color:var(--muted,#64748b)
}
#ms-root .ms-period-row .ms-field>span{display:block;white-space:nowrap;padding-inline:3px}
#ms-root #ms-timing-layer input[type="time"]{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:44px!important;min-height:44px!important;
  padding:6px 7px!important;box-sizing:border-box!important;
  border:1px solid var(--border,#cbd5e1)!important;border-radius:11px!important;
  background:var(--surface,#fff)!important;color:var(--text,#192e4b)!important;
  font:700 16px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.035em;text-align:center!important;direction:ltr!important;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
#ms-root #ms-timing-layer input[type="time"]:focus{
  outline:2px solid color-mix(in srgb,var(--primary,#2454a4) 30%,transparent);
  outline-offset:1px;border-color:var(--primary,#2454a4)!important;
}
#ms-root #ms-timing-layer input[type="time"]::-webkit-datetime-edit{min-width:0;padding:0}
#ms-root #ms-timing-layer input[type="time"]::-webkit-calendar-picker-indicator{margin:0;width:15px;flex:none}
#ms-root .ms-timing-note{
  border:1px solid #bfdbfe;background:color-mix(in srgb,#dbeafe 30%,var(--surface,#fff));
  border-radius:13px;color:var(--text,#294366);font-size:11px;line-height:1.75;
  padding:11px 13px
}
#ms-root .ms-timing-actions{
  flex:0 0 auto;z-index:2;display:block;position:relative;margin:0;
  padding:13px 22px calc(13px + env(safe-area-inset-bottom,0px));
  border-top:1px solid var(--border,#dce5ef);background:var(--surface,#fff);
  box-shadow:0 -7px 22px rgba(16,39,73,.055);
}
#ms-root .ms-timing-buttons{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px
}
#ms-root .ms-timing-buttons .ms-button{
  width:100%;min-width:0;min-height:48px;padding:10px;
  line-height:1.5;font-size:13px;font-weight:900;white-space:normal;overflow-wrap:anywhere;
  border-radius:12px
}
#ms-root #ms-timing-save{background:var(--primary,#2454a4);border-color:var(--primary,#2454a4);color:#fff}
#ms-root #ms-timing-apply{color:#065f46;border-color:#a7f3d0;background:#ecfdf5}
#ms-root #ms-timing-cancel{
  grid-column:1/-1;min-height:30px;padding:2px;background:transparent;border:0;
  font-size:11px;color:var(--muted,#64748b)
}
#ms-root .ms-timing-feedback{
  display:block;margin:0 0 9px;padding:9px 11px;
  border-radius:10px;border:1px solid #bfdbfe;background:#eff6ff;
  font-size:11px;font-weight:700;line-height:1.6;max-height:96px;overflow-y:auto
}
#ms-root .ms-timing-feedback.error{border-color:#fda4af;background:#fff1f2;color:#9f1239}
#ms-root .ms-timing-feedback.success{border-color:#86efac;background:#f0fdf4;color:#166534}
#ms-root .ms-timing-feedback[hidden]{display:none!important}
#ms-root .ms-timing-buttons .ms-button:disabled{opacity:.65;cursor:wait}
@media(max-width:850px){
  #ms-root #ms-timing-layer{padding:0!important}
  #ms-root .ms-timing-panel{
    width:100%;height:100dvh;max-height:100dvh;min-height:0;
    border:0;border-radius:0;box-shadow:none
  }
  #ms-root .ms-timing-head{
    padding:calc(12px + env(safe-area-inset-top,0px)) 15px 12px;gap:10px
  }
  #ms-root .ms-timing-head h3{font-size:18px;margin:3px 0}
  #ms-root .ms-timing-head p{font-size:11px;line-height:1.5}
  #ms-root .ms-timing-body{padding:13px 13px 20px;gap:12px}
  #ms-root .ms-shift-card{padding:12px;gap:10px}
  #ms-root .ms-period-row{
    grid-template-columns:61px minmax(0,1fr) minmax(0,1fr);gap:8px;
    min-height:72px;padding:8px;border-radius:13px
  }
  #ms-root .ms-period-number{padding:5px 3px}
  #ms-root .ms-period-number strong{font-size:17px}
  #ms-root #ms-timing-layer input[type="time"]{
    height:42px!important;min-height:42px!important;padding:4px 3px!important;
    font-size:14px!important;letter-spacing:-.05em
  }
  #ms-root .ms-timing-actions{padding:10px 13px calc(10px + env(safe-area-inset-bottom,0px))}
  #ms-root .ms-timing-buttons .ms-button{min-height:45px;font-size:12px}
}
@media(max-width:360px){
  #ms-root .ms-period-row{grid-template-columns:53px minmax(0,1fr) minmax(0,1fr);gap:5px;padding:7px}
  #ms-root #ms-timing-layer input[type="time"]{font-size:13px!important;padding:3px 1px!important}
  #ms-root .ms-timing-body{padding-inline:9px}
  #ms-root .ms-timing-head{padding-inline:10px}
  #ms-root .ms-timing-actions{padding-inline:9px}
}

/* 2026-10-20: mobile day view and safe pre-publish review */
#ms-root .ms-mobile-day-field{display:none}
#ms-root .ms-review-summary{display:flex;flex-wrap:wrap;gap:5px 15px;align-items:center;padding:11px 14px;margin:10px 0;border:1px solid #bfdbfe;border-radius:13px;background:color-mix(in srgb,#eff6ff 55%,var(--surface,#fff));font-size:12px;line-height:1.65}
#ms-root .ms-review-summary strong{color:var(--text,#172337)}#ms-root .ms-review-summary span{font-weight:800}#ms-root .ms-review-summary small{flex-basis:100%;color:var(--muted,#64748b)}
#ms-root .ms-review-summary.ms-review-warning{border-color:#fbbf24;background:color-mix(in srgb,#fef3c7 46%,var(--surface,#fff))}
#ms-root .ms-teacher-warning{border-right-color:#d97706;background:color-mix(in srgb,#ffedd5 45%,var(--surface,#fff))}
@media(max-width:700px){
 #ms-root .ms-mobile-day-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0;padding:10px 12px;border:1px solid var(--border,#dbe3ef);border-radius:12px;color:var(--text,#172337);font-size:13px;font-weight:800}
 #ms-root .ms-mobile-day-field select{flex:1;max-width:180px;min-width:0;min-height:44px;border:1px solid var(--border,#dbe3ef);border-radius:10px;padding:7px;background:var(--surface,#fff);color:var(--text,#172337)}
 #ms-root .ms-week{min-width:0;grid-template-columns:58px minmax(0,1fr)}
 #ms-root .ms-slot{min-height:73px;padding:6px}
 #ms-root .ms-filled{padding:8px 10px;gap:4px}#ms-root .ms-filled b{font-size:12px}#ms-root .ms-filled small{font-size:11px}
 #ms-root .ms-day{font-size:13px}#ms-root .ms-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ms-root .ms-review-summary{padding:10px}
 #ms-root #ms-grid[data-mobile-day="0"] [data-ms-header-day]:not([data-ms-header-day="0"]),#ms-root #ms-grid[data-mobile-day="0"] [data-ms-day]:not([data-ms-day="0"]){display:none}
 #ms-root #ms-grid[data-mobile-day="1"] [data-ms-header-day]:not([data-ms-header-day="1"]),#ms-root #ms-grid[data-mobile-day="1"] [data-ms-day]:not([data-ms-day="1"]){display:none}
 #ms-root #ms-grid[data-mobile-day="2"] [data-ms-header-day]:not([data-ms-header-day="2"]),#ms-root #ms-grid[data-mobile-day="2"] [data-ms-day]:not([data-ms-day="2"]){display:none}
 #ms-root #ms-grid[data-mobile-day="3"] [data-ms-header-day]:not([data-ms-header-day="3"]),#ms-root #ms-grid[data-mobile-day="3"] [data-ms-day]:not([data-ms-day="3"]){display:none}
 #ms-root #ms-grid[data-mobile-day="4"] [data-ms-header-day]:not([data-ms-header-day="4"]),#ms-root #ms-grid[data-mobile-day="4"] [data-ms-day]:not([data-ms-day="4"]){display:none}
 #ms-root #ms-grid[data-mobile-day="6"] [data-ms-header-day]:not([data-ms-header-day="6"]),#ms-root #ms-grid[data-mobile-day="6"] [data-ms-day]:not([data-ms-day="6"]){display:none}
}