[hidden]{display:none!important}
#content>button[data-new-plan]{margin-bottom:24px}
.enrollment-stats .enrollment-stat-button{text-align:left;align-items:flex-start;color:inherit;min-width:0;transition:border-color .15s,background-color .15s}.enrollment-stat-button:hover{border-color:var(--orange);background:#ff762e0c}.enrollment-stat-button:focus-visible,.enrollment-list:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.enrollment-stat-button small{color:var(--orange);font-size:12px;font-weight:600;margin-top:3px}.enrollment-list{scroll-margin-top:20px}
.password-field{display:grid;gap:7px}.password-control{position:relative}.password-control input{padding-right:56px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:42px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--orange);background:#ff762e12}.password-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.enrollment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.enrollment-stats .card{display:flex;flex-direction:column;gap:5px;padding:22px}.enrollment-stats strong{font-size:32px;letter-spacing:-1px;color:var(--orange)}.enrollment-stats span{font-size:14px;color:var(--muted)}.enrollment-filters{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:12px}.student-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.student-row:last-child{border-bottom:0}.student-identity{display:flex;gap:14px;align-items:center;min-width:0}.student-identity>div{min-width:0}.student-identity h3{overflow-wrap:anywhere}.student-identity p{font-size:14px;overflow-wrap:anywhere;margin:0}.student-plan{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px;min-width:0}.student-plan small{color:var(--muted);font-size:14px}.student-plan strong{overflow-wrap:anywhere}.enrollment-identity{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.enrollment-identity .portrait{width:80px;height:80px;font-size:30px}.enrollment-identity .eyebrow{margin-bottom:6px}.enrollment-divider{padding-top:22px;border-top:1px solid var(--line)}#enrollment-details{display:grid;gap:18px}#enrollment-details .note{margin:0 0 18px}.enrollment-editor input[readonly]{color:var(--muted)}.enrollment-editor .form-error:empty{display:none}.enrollment-editor .form-error:focus{outline:0}.enrollment-editor .choice-days{grid-template-columns:repeat(4,minmax(0,1fr))}.enrollment-editor .choice-day{min-width:0}.enrollment-editor .choice-row{min-width:0}.enrollment-editor .choice-row span{min-width:0}.enrollment-editor .choice-row small{overflow-wrap:anywhere}.enrollment-history{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.enrollment-history:last-child{border:0}.enrollment-history span{color:var(--muted)}
@media(max-width:1100px){.student-row{grid-template-columns:minmax(0,1fr) auto}.student-plan{grid-column:1;grid-row:2}.student-row>.student-actions{grid-column:2;grid-row:1 / 3}.enrollment-editor .choice-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.teacher-account nav{grid-template-columns:repeat(6,minmax(0,1fr))}.teacher-account nav button{min-width:0}.teacher-account nav button span{font-size:12px}.enrollment-stats{gap:8px}.enrollment-stats .card{padding:16px 10px}.enrollment-stats strong{font-size:26px}.enrollment-stats span{font-size:13px}.enrollment-filters{grid-template-columns:1fr}.student-row{grid-template-columns:minmax(0,1fr);gap:14px}.student-row>.student-actions{grid-column:1;grid-row:auto;justify-self:start}.enrollment-editor .choice-days{grid-template-columns:1fr}.enrollment-identity{align-items:flex-start}.enrollment-editor .actions>button{flex:1}.enrollment-editor .schedule-toolbar{gap:12px}.password-control input{font-size:16px}}

.membership-summary{margin:24px 0}.membership-summary .section-title{gap:14px;flex-wrap:wrap}.membership-summary p{margin-bottom:14px}

.student-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.danger-link{border:0;background:none;color:#ffa491;font-size:14px;min-height:40px;padding:8px 4px}.danger-link:hover{text-decoration:underline}.danger-button{background:#392521;color:#ffc3b7;border:1px solid #985343;border-radius:8px;font-size:14px;font-weight:650;padding:12px 18px}.danger-button:hover{background:#4b2b24}.danger-button:disabled,.danger-link:disabled{opacity:.55;cursor:wait}.roster-help{margin:20px 0 0}.roster-removal{margin-top:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.roster-removal p{margin:0;max-width:640px}.roster-removal button{flex-shrink:0}
@media(max-width:640px){.student-actions{align-items:flex-start}.roster-removal{align-items:flex-start;flex-direction:column;gap:16px}}

/* All navigation items share one icon box, including the saved profile photo. */
nav{--nav-icon-size:1.5rem}
nav button{align-items:center}
nav button>.nav-icon{display:block;flex:0 0 var(--nav-icon-size);width:var(--nav-icon-size);height:var(--nav-icon-size)}
nav button[data-tab="perfil"]{align-items:center}
nav button .profile-nav-avatar{position:relative;display:grid;place-items:center;flex:0 0 var(--nav-icon-size);width:var(--nav-icon-size);height:var(--nav-icon-size);border:2px solid #44474d;border-radius:50%;overflow:hidden;background:#303135;color:var(--orange);font-size:13px;font-weight:700;line-height:1}
.profile-nav-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#303135}
nav button.active .profile-nav-avatar{border-color:var(--orange)}

@media(max-width:640px){nav button{gap:4px}}

.quarterly-section{margin-top:36px}.quarterly-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan .plan-original{margin-bottom:0}.plan .plan-saving{color:var(--orange);font-weight:650}.quarterly-plans .price{font-size:clamp(1.75rem,3vw,2.375rem);letter-spacing:-1px}@media(max-width:1050px){.quarterly-plans{grid-template-columns:1fr}}
.plan.featured-plan{margin-bottom:32px;border-color:var(--orange);background:radial-gradient(ellipse at top right,#64331e60,transparent 65%),var(--panel)}.other-plans-title{margin-bottom:18px}
.plan-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.plan-card-heading .eyebrow{flex:1}.plan-validity{flex-shrink:0;white-space:nowrap}
.plan-renewal-notice,.plan-renewal-controls{margin-bottom:24px;border-color:var(--orange)}.plan-renewal-notice .section-title,.plan-renewal-controls .section-title{gap:14px;flex-wrap:wrap}.plan-renewal-notice h2,.plan-renewal-controls h2{margin:0}
.renewal-payment-check{display:flex;align-items:flex-start;gap:12px}.renewal-payment-check input{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:var(--orange)}

@media(max-width:360px){.teacher-account nav button>span:not(.profile-nav-avatar){font-size:10.5px}}
.enrollment-editor .enrollment-choice-days{align-items:start}
.enrollment-editor .enrollment-choice-day{padding:0;overflow:hidden}
.enrollment-day-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px;cursor:pointer;list-style:none}
.enrollment-day-toggle::-webkit-details-marker{display:none}
.enrollment-day-toggle:hover{background:#ff762e0c}
.enrollment-day-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
.enrollment-day-info{display:grid;gap:4px;min-width:0}
.enrollment-day-name{font-size:18px;font-weight:700}
.enrollment-day-info small{color:var(--orange);font-size:12px}
.enrollment-day-action{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:var(--orange);font-size:14px;font-weight:600}
.enrollment-day-action svg{flex-shrink:0}
.enrollment-choice-day .enrollment-day-close{display:none}
.enrollment-choice-day[open] .enrollment-day-open{display:none}
.enrollment-choice-day[open] .enrollment-day-close{display:inline}
.enrollment-choice-day[open] .enrollment-day-action svg{transform:rotate(180deg)}
.enrollment-day-slots{padding:10px 14px 14px;border-top:1px solid var(--line)}
.plan-request-card{border-color:rgba(255,116,35,.55);margin-bottom:24px}
.status-chip.pending{color:#ffb180;background:rgba(255,116,35,.12)}
.signup-notices{margin-bottom:24px}
.signup-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--border,#343638)}
.signup-notice p{margin:8px 0 0}
.signup-notice button{flex-shrink:0}
.request-roster-label{color:#ffb180;line-height:1.5;margin-bottom:8px}
@media(max-width:600px){.signup-notice{align-items:stretch;flex-direction:column}.signup-notice button{align-self:flex-start}}

.plan-request-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.plan-request-header .eyebrow{margin:0}.plan-request-header button{flex-shrink:0;min-height:44px}