/* The user's selected light calendar composition, expanded into elmuallemzone's system. */
.stage-options button[aria-pressed=true],.stage-card-icon{background:var(--primary-soft);color:var(--primary);border-color:#c7d8ee}
:root{--primary:#1165d8;--primary-soft:#e9f1ff;--ink:#172f45;--muted:#606f83;--bg:#f6f9fc;--surface:#fff;--line:#e3eaf1;--sidebar:#fff;--good:#24704e;--bad:#b53d4c;font-size:15px}body{background:var(--bg)}h1,h2,h3{color:var(--ink)}h1{font-size:28px}.topbar{height:76px;margin-inline-start:220px;padding-inline:30px;border-bottom:1px solid var(--line)}.shell{padding-inline-start:220px}.shell>aside#sidebar{width:220px;background:#fff;border-inline-end:1px solid var(--line);padding-inline:12px}.side-brand{color:var(--ink);font-size:22px;padding:24px 8px;border-bottom:1px solid var(--line);gap:10px}.side-brand:hover{color:var(--ink)}.side-brand small{color:#6d7a8d;font-size:12px;letter-spacing:0}.brand-symbol{background:var(--primary);color:#fff;width:37px;height:40px;border-radius:9px}.brand-symbol svg{width:27px;height:27px}.nav-caption{color:#68778c;font-size:12px;margin:18px 11px 8px}nav a{color:#526277;font-size:13px;min-height:43px;border-radius:8px;padding:9px 11px;margin:3px 0;gap:10px}nav a:hover{background:#f1f5fb;color:var(--primary)}nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:500;box-shadow:none}nav a.active .ico{color:var(--primary)}nav a.active:after{display:none}.nav-count{background:var(--primary-soft);color:var(--primary)}nav#nav{scrollbar-color:#c7d0dd transparent}.sidebar-bottom{border-color:var(--line);padding:12px 9px 0}.sidebar-bottom a,.sidebar-bottom .text-button{color:#526277;font-size:12px}.sidebar-bottom .text-button:hover:not(:disabled){background:none;color:var(--primary)}.sidebar-bottom .text-button>span{border-color:#bec9d8}.private-note{color:#68778c;font-size:12px}.header-context .academy-symbol{background:var(--primary-soft);color:var(--primary);border-radius:8px}.header-context strong{font-size:14px}.header-sub{font-size:12px;color:var(--muted)}.global-search{background:#f5f7fa;color:var(--muted);border-radius:8px;min-width:240px}.global-search kbd{font-size:12px;border-color:var(--line)}.account-menu{border-color:var(--line)}.user-avatar{background:var(--primary-soft);color:var(--primary)}.header-attendance{background:var(--primary);font-size:12px}.topbar .icon-button{color:var(--muted)}.role-label{color:var(--muted)}main{padding:0 30px 32px}.page-head{margin:23px 0 24px}.page-head p{font-size:14px}.demo-banner{font-size:12px;color:#5c6c80}.demo-banner a{font-size:12px;color:#536c91}.ico{stroke-width:1.8}.panel{border-radius:10px}.panel-head{padding:20px 22px}.panel-body{padding:22px}.panel-head>a{color:var(--primary)}button{border-radius:8px;color:#526277;border-color:#d8e0ea}button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:#c7d8ee}button.primary{background:var(--primary);color:white}.primary:hover:not(:disabled){color:white}input,select,textarea{border-color:#d7dfe9;border-radius:8px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#66758a}.school-tabs{background:#e9eef5;border-radius:10px}.school-tabs button{color:#596d86}.school-tabs button[aria-selected=true]{color:var(--primary)}.t-tabs-pill{border-radius:7px}.student-avatar{background:var(--primary-soft);color:var(--primary)}.name-button{color:var(--ink)}th{background:#f8fafc;color:#607087}.course-cover{background:var(--primary-soft);color:var(--primary);border-color:#dce6f4}.message-preview{background:#f6f9fe;border-color:#dce6f4}.phone-header{background:#f4f8fe}.phone-nav button.active{color:var(--primary)}.profile-tabs a.selected{color:var(--primary);border-color:var(--primary)}.notice{border-radius:8px}.date-chip{border-radius:8px}.good{color:var(--good)}.bad{color:var(--bad)}.violet{background:var(--primary-soft);color:var(--primary)}.slot-details{box-shadow:none;transform:none;visibility:visible}.agenda-workspace{gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.agenda-calendar{border:0;border-radius:0}.slot-details{border:0;border-inline-start:1px solid var(--line);border-radius:0;align-self:stretch;background:#fff;top:76px}.agenda-hint{font-size:12px;background:#fcfdff}.calendar-slot{background:#eaf1fb;color:#315c91;border-radius:6px}.calendar-slot.is-selected{background:#dce9fb;border-color:var(--primary);color:#294e80}.calendar-slot.complete{background:#edf5ee;color:#3c6d48}.calendar-slot.cancelled{background:#f2f3f5;color:#637084}.calendar-period .icon-button{border-radius:7px}.agenda-view-switch{border-radius:8px}.agenda-view-switch button{border-radius:6px}.slot-detail-head{background:#fcfdff}.slot-details h2{font-size:22px}.subject-tag{background:var(--primary-soft);color:var(--primary)}.slot-when{background:#f7f9fc;padding:13px;border-radius:8px;margin-inline:-3px}.slot-when .ico{color:var(--primary)}.agenda-tips{color:#5a708e}.agenda-calendar .selected-day{background:#f1f6fe}.week-day.selected-day>strong{color:var(--primary)}.day-event.is-selected{background:#f0f6ff}.agenda-route .page-head{margin-bottom:22px}.agenda-legend{margin-top:15px}.session-picker{background:#fbfcfe}.session-picker>a{color:var(--primary)}.slot-details .icon-button:focus-visible{outline-offset:0}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:740px}.month-scroll{overflow:auto}.month-weekday{text-align:center;padding:13px;font-size:12px;background:#fafbfd;border-bottom:1px solid var(--line)}.month-cell{min-height:135px;border-inline-start:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 5px;position:relative}.month-cell>button:first-child{border:0;background:none;font-size:16px;min-height:36px;min-width:36px;padding:5px}.month-cell.chosen-date{background:#f6f9ff}.month-cell.chosen-date>button:first-child{background:var(--primary);color:#fff;border-radius:50%}.month-cell.outside-month{background:#fafbfc;color:#7e899a}.month-event{display:block;width:100%;border:0;background:#eaf1fb;color:#315c91;font-size:12px;text-align:right;padding:4px 5px;min-height:29px;margin:3px 0;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-event.cancelled{text-decoration:line-through;color:#707b8b;background:#f0f1f3}.month-add{position:absolute;top:9px;left:4px;padding:3px;border:0;background:none;min-height:32px;min-width:26px;color:#7a8ba3;opacity:0}.month-cell:hover>.month-add,.month-add:focus-visible{opacity:1}.month-add>.ico{width:14px;height:14px}.month-more{border:0;background:none;min-height:30px;font-size:12px;color:var(--primary);padding:2px 5px}::selection{background:#d9e9fc;color:#1d477c}:focus-visible{outline:3px solid #8db5ea;outline-offset:3px}dialog{box-shadow:0 12px 44px #00000026;border-radius:12px}dialog::backdrop{background:#172d454d}#toast{background:#253b54}.mobile-app .shell{padding:0}
@media(min-width:1500px){.agenda-workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1250px){.topbar{margin-inline-start:220px}.global-search{min-width:40px}.slot-details{border-inline-start:0;border-top:1px solid var(--line)}.agenda-workspace{grid-template-columns:1fr}}
@media(max-width:1050px){.shell{padding-inline-start:206px}.topbar{margin-inline-start:206px}.shell>aside#sidebar{width:206px}.side-brand{font-size:20px}.side-brand small{font-size:12px}.brand-symbol{width:32px;height:36px}.nav-caption{font-size:12px}nav a{font-size:12px}main{padding-inline:22px}}
@media(max-width:760px){.topbar{height:72px;margin:0;padding:12px 16px}.shell{padding:0}.shell>aside#sidebar{width:240px;border-inline-end:1px solid var(--line)}main{padding:0 16px 26px}.header-context strong{font-size:14px}.header-sub{font-size:12px}.global-search{min-width:40px;background:#f0f5fc}.side-brand{padding:18px 8px;font-size:22px}.side-brand small{font-size:12px}.nav-caption{font-size:12px}nav a{font-size:14px;min-height:44px}.sidebar-bottom a,.sidebar-bottom .text-button{font-size:12px}.mobile-role{color:var(--muted)}.mobile-role select{background:#f5f8fd;color:var(--ink);border-color:var(--line)}.slot-details{position:static;top:auto}.slot-detail-main{padding:20px}.agenda-workspace{border-radius:10px}.agenda-view-switch button{font-size:13px}.page-head h1{font-size:25px}.month-cell{min-height:120px}.month-add{opacity:1}.slot-details .icon-button{min-width:40px;min-height:40px}.slot-detail-head{padding-block:9px}}

/* Masar signature: connected selection and a restrained peach marker. */
.agenda-workspace{gap:24px;background:none;border:0;overflow:visible}.agenda-calendar{border:1px solid var(--line);border-radius:12px;overflow:hidden}.slot-details{border:1px solid #c8dafa;border-radius:12px;overflow:hidden;background:#fff}.slot-detail-head{background:var(--primary);border:0;color:white}.slot-detail-head .pill{background:#ffffff21;color:white}.slot-detail-head .icon-button{color:white}.side-brand .brand-symbol{border-radius:9px}.side-brand{font-size:23px}nav a.active:after{content:'';display:block;width:5px;height:5px;background:#de955e;margin-inline-start:auto;border-radius:50%}.header-context strong{font-size:15px}.day-strip{padding:12px;gap:7px}.day-strip button{border-radius:9px;background:#f5f8fc;min-height:76px}.day-strip button[aria-pressed=true]{background:var(--primary);position:relative}.day-strip button[aria-pressed=true]:after{content:'';position:absolute;bottom:7px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#f3b383}.day-strip button strong{font-size:23px}.day-strip button span{font-size:12px}.day-agenda{padding:20px;min-height:420px}.day-event{border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:22px 18px;background:white;position:relative;min-height:118px}.day-event.is-selected{background:#fff;border:2px solid var(--primary);padding:21px 17px}.day-event-time{background:#e9f1ff;padding:12px 8px;border-radius:8px;color:var(--primary);min-width:68px;text-align:center}.day-event:nth-child(2n) .day-event-time{background:#fff0e6;color:#925a30}.day-event>div:nth-child(2)>strong{font-size:19px}.day-event p{font-size:14px}.day-event>div>span{font-size:12px}.day-event.is-selected:after{content:'';position:absolute;width:12px;height:12px;background:#e9f1ff;border-left:1px solid #c8dafa;border-bottom:1px solid #c8dafa;left:-31px;top:50%;transform:rotate(45deg)}.slot-detail-main>.subject-tag{background:#fff0e6;color:#925a30}.lesson-path{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:22px 0 14px}.lesson-path>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#647489;background:#f4f6f9;border-radius:6px;padding:8px 3px}.lesson-path .ico{width:14px;height:14px}.lesson-path>.done{background:#e9f1ff;color:#24599e}.slot-detail-main .slot-roster-progress{margin-top:0;padding-top:15px}.slot-detail-main h2{font-size:23px}.calendar-slot>strong,.calendar-slot>span,.calendar-slot>small,.month-event,.month-more{font-size:12px}.calendar-slot{background:#e9f1ff}.calendar-slot.is-selected{background:#d9e9ff;color:#1f4f90}.calendar-slot.complete{background:#edf5ee;color:#3c6d48}.calendar-slot.cancelled{background:#f1f3f6;color:#637084}.week-day.selected-day{background:#e9f1ff}.agenda-calendar>.agenda-hint{background:#fcfdff}.month-cell.chosen-date{background:#f4f8ff}
@media(max-width:1250px){.day-event.is-selected:after{display:none}.slot-details{border:1px solid #c8dafa}.slot-detail-main .lesson-path{grid-column:1}.slot-detail-main .slot-roster-progress{grid-column:1}.slot-details .slot-detail-main{grid-template-columns:1fr 1fr}.agenda-workspace{gap:20px}.slot-detail-main form{grid-row:1/8}}
@media(max-width:760px){.agenda-workspace{gap:18px}.day-agenda{padding:15px;min-height:320px}.day-event{padding:16px 12px;gap:12px}.day-event.is-selected{padding:15px 11px}.day-event-time{min-width:59px;padding:10px 6px}.day-event>div:nth-child(2){min-width:140px}.day-event>div:nth-child(2)>strong{font-size:16px}.day-event p{font-size:13px}.day-event>.pill{margin-inline-start:71px}.day-strip{gap:4px;padding:10px}.day-strip button{min-height:68px;padding:6px 3px}.day-strip button strong{font-size:21px}.day-strip button span{font-size:12px}.slot-details .slot-detail-main{display:block}.lesson-path{gap:5px}.lesson-path>span{font-size:12px}.nav-caption{font-size:12px}.side-brand{font-size:22px}}

.slot-detail-head{align-items:flex-start;padding:20px 22px}.slot-detail-head h2{color:#fff;font-size:22px;margin:14px 0 7px}.slot-detail-head p{color:#e5efff;font-size:13px;margin:0;line-height:1.8}.slot-detail-head .pill{font-size:12px}.day-strip button span{white-space:nowrap}.slot-detail-main>.subject-tag{margin-bottom:0}.slot-detail-main .slot-when{margin-top:17px}.slot-details .slot-detail-main form{grid-row:1/7}

.slot-details,.agenda-calendar{scroll-margin-top:90px}@media(max-width:760px){.day-strip button{min-width:0}.day-strip button span{font-size:11px}.calendar-period strong{font-size:18px}}