/* ClassFill existing owner workspace: Classes-only month view, not a new demo. */
#classesPanel .class-month-layout{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);gap:14px;align-items:start;margin:15px 0}
#classesPanel .class-month-layout>.student-add-tools{margin:0;align-self:start}
#classesPanel .class-month-workspace{min-width:0}
#classesPanel .class-month-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}
#classesPanel .class-month-bar h3{margin:0}
#classesPanel .class-month-bar .row{display:flex;gap:5px}
#classesPanel .class-month-bar button{padding:8px 10px;border-radius:8px}
#classesPanel .class-month-labels,#classesPanel .class-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#classesPanel .class-month-labels span{text-align:center;font-size:11px;color:#59705e;font-weight:800;padding:6px 0}
#classesPanel .class-month-cell{min-height:102px;border:1px solid #dce7dc;background:#fff;padding:5px;min-width:0;overflow:hidden}
#classesPanel .class-month-cell.other{background:#f5f7f4}
#classesPanel .class-month-cell.current{background:#f5fcef}
#classesPanel .class-month-day{display:block;font-size:12px;color:#527059;font-weight:800;margin-bottom:5px}
#classesPanel .class-month-add-day{border:0;background:transparent;border-radius:6px;min-width:28px;min-height:27px;text-align:left;padding:3px 6px;cursor:pointer}
#classesPanel .class-month-add-day:hover,#classesPanel .class-month-add-day:focus-visible{background:#ddefd5;outline:2px solid #376c4c}
#classesPanel .class-month-event{display:block;border:0;border-left:3px solid #3c8c61;background:#e9f5e9;color:#264c34;text-align:left;width:100%;margin:3px 0;padding:5px;border-radius:5px;overflow-wrap:anywhere;cursor:pointer;line-height:1.3;font-size:11px}
#classesPanel .class-month-event b{display:block}
#classesPanel .class-month-event.low{background:#fff0d7;border-left-color:#d19b31;color:#7c521b}
#classesPanel .class-month-event.full{background:#f9e7e5;border-left-color:#c45c51;color:#963d39}
#classesPanel .class-month-event:focus-visible{outline:2px solid #255c3b}
/* Same five studio activity colors as the owner big-picture calendar. Real event rows, not dots. */
#classesPanel .class-month-event.studio{background:#e9f5e9;border-left:4px solid #3c8c61;color:#264c34}
#classesPanel .class-month-event.meeting{background:#e6f0fc;border-left:4px solid #497db9;color:#244a77}
#classesPanel .class-month-event.instructor{background:#fff0d7;border-left:4px solid #d19b31;color:#7c521b}
#classesPanel .class-month-event.personal{background:#f2e7fc;border-left:4px solid #9162b6;color:#633d81}
#classesPanel .class-month-event.conflict{outline:2px solid #df7b37;outline-offset:-2px}
#classesPanel .class-month-legend .class-key{display:inline-block;padding:2px 5px;border-radius:4px;font-weight:700}
#classesPanel .class-key-studio{background:#e9f5e9;color:#264c34}
#classesPanel .class-key-meeting{background:#e6f0fc;color:#244a77}
#classesPanel .class-key-instructor{background:#fff0d7;color:#7c521b}
#classesPanel .class-key-personal{background:#f2e7fc;color:#633d81}
#classesPanel .class-key-conflict{background:#fff3e8;color:#a34d18;border:2px solid #df7b37}
#classesPanel .class-month-event span{display:block;font-size:10px;font-weight:500}
#classesPanel .class-month-event b{display:block;font-size:11px}

#classesPanel .class-month-more{font-size:11px;background:transparent;border:0;color:#155d3c;padding:5px;cursor:pointer}
#classesPanel .class-month-day-list{padding:10px;border:1px solid #dce7dc;border-radius:9px;margin-top:12px}
#classesPanel .class-month-legend{font-size:12px;color:#657b68;margin:7px 0}
#classesPanel .class-month-scroll{overflow-x:auto}
#classesPanel .class-month-scroll>.class-month-labels,#classesPanel .class-month-scroll>.class-month-grid{min-width:510px}
#classesPanel .classes-old-list{margin-top:15px}
#classesPanel .classes-old-list>summary{cursor:pointer;font-weight:750}
@media(max-width:950px){#classesPanel .class-month-layout{grid-template-columns:1fr}#classesPanel .class-month-cell{min-height:87px}#classesPanel .class-month-event{font-size:10px}}