/* Shared presentation for instructor screens; timetable colors stay intact. */
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]){--instructor-section659:#173c60;--instructor-border659:#cbd9e8}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .design-bar249,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-panel295>h2,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-payment-bar333,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .course-panel-head242{background:var(--instructor-section659)!important;color:#fff!important;min-height:56px;box-sizing:border-box;padding:15px 20px!important;border-radius:5px 5px 0 0;display:flex;align-items:center;gap:12px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .design-bar249 .design-title249,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-panel295>h2,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-payment-bar333 h2,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .course-panel-head242 h2{font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.2px!important;color:#fff!important;margin:0;display:flex;align-items:center;gap:12px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .design-bar249 svg,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-panel295>h2 svg,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-payment-bar333 h2 svg,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .course-panel-head242 h2 svg{width:22px!important;height:22px!important;flex:0 0 22px;stroke:currentColor!important;color:inherit!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-filters label,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-filters336,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .substitution-filters93,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339{background:#edf1f6!important;border-color:var(--instructor-border659)!important;border-radius:5px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters{padding:16px 20px;border:1px solid var(--instructor-border659);align-items:end;box-sizing:border-box}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters label,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 label{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important;font-family:inherit;font-size:14px!important;font-weight:500;min-width:0;margin:0}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339{align-items:end;flex-wrap:wrap}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 label>svg{display:none}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 label{background:transparent!important;border:0!important;padding:0!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-filters label>span,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-filters336 label,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .substitution-filters93 label{font-family:inherit;font-size:14px!important;font-weight:500!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-filters input,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-filters select,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-filters336 input,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-filters336 select,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .substitution-filters93 input,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters select,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 select{box-sizing:border-box;height:44px!important;min-height:44px!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.4;border:1px solid #bdcfe2!important;border-radius:5px!important;background:#fff!important;color:#173c60!important;width:100%;max-width:none}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .instructor-filter659 select{margin:0!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) button{font-family:inherit}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-panel295 button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-bottom button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-tools336 button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .substitution-filters93 button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-navigation button,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 button{min-height:44px!important;box-sizing:border-box;font-size:14px!important;border-radius:5px;line-height:1.4}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) #calendar54-clear-filters,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) [data-attendance-reset88],#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) [data-attendance-today88],#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) [data-sub-clear93]{background:#f4f7fb!important;color:#173c60!important;border:1px solid #bdcfe2!important;font-weight:400!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) #calendar54-clear-filters svg{stroke:currentColor!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-group88>summary::after{display:none!important;content:none!important}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 td,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 th,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-info-row{font-family:inherit;font-size:14px;line-height:1.5}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 td{font-weight:400}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 td strong{font-weight:600}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-status339,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .attendance-stage336,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .groups62-online{font-family:inherit;font-size:12px!important;font-weight:500!important;line-height:1.5;border-radius:4px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-empty281,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .substitution-empty93{padding:32px 20px!important;color:#61758d;font-size:14px;line-height:1.5}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-demo503{display:none}
@media(max-width:700px){#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .calendar54-filters{grid-template-columns:1fr;padding:16px}#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .cancellation-toolbar339 label{width:100%}}

/* Account fields share typography for instructors and tenants. */
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-panel295{border-radius:5px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 label,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 dt{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-fields295 input,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .tenant-details523 dd,#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .account-credentials529 dd{font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;min-height:46px;box-sizing:border-box}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 .muted{font-family:inherit;font-size:13px;line-height:1.5}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 .account-access-actions135 button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;min-height:44px;padding:10px 14px}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295 .account-access-actions135 svg{width:20px;height:20px;flex:0 0 20px}

/* Identical account heading rhythm and access actions for both roles. */
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"])>.page-heading{margin:0 0 24px;gap:20px;align-items:center}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"])>.page-heading .eyebrow{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.7px;line-height:1.6;color:#627c96;margin:0 0 7px}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"])>.page-heading h1{margin:0;display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;line-height:1.25}
#main.design249[data-design-role249="reservation"]>.page-heading .eyebrow{display:none!important}
#main.design249[data-design-role249="reservation"]>.page-heading h1{gap:0!important}
#main.design249[data-design-role249="reservation"]>.page-heading h1 .role-title-icon87{display:none!important}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"]) .member-access295{padding:22px}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"]) .member-access295 .account-access135{background:transparent!important;border:0!important;padding:20px 0 0!important;margin:0!important;box-shadow:none!important;border-radius:0}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"]) .member-access295 .account-access-actions135{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;background:transparent}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"]) .member-access295 .account-access-actions135 button{margin:0;min-height:44px;padding:10px 14px}
#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"]) .member-access295>.muted{margin:16px 0 0}
@media(max-width:650px){#main.design249[data-design-page249="account"]:is([data-design-role249="instructor"],[data-design-role249="reservation"])>.page-heading h1{font-size:24px}}
#main.design249:is([data-design-role249="instructor"],[data-design-role249="reservation"][data-design-page249="account"]) .member-account295>.member-panel295>h2{min-height:64px!important;padding:16px 20px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}