@layer prepago-legacy {
/* Shared proportions; desktop 90% scaling remains in workspace-refinement.css. */
body:not(.landing-view):not(.auth-pending){background:#f6f8fc;color:#17243b}
body:not(.landing-view):not(.auth-pending) .page{max-width:1640px;margin-inline:auto}
#page .section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;margin-bottom:28px;padding:0;min-height:86px}
#page .section-head>div{max-width:740px;min-width:0}
#page .section-head h1,#page .work-heading h1,#page .matieres-hero h1{font-size:var(--text-greeting);line-height:1.15;letter-spacing:-1.1px}
#page .section-head p,#page .work-heading p{font-size:15px;line-height:1.6;color:#63718a}
#page :is(.card,.activity-panel,.task-work-card,.progress-metric){border-color:#e0e6f0;box-shadow:0 3px 12px #22355204}
#page :is(.helper,.task-work-copy small,.session-row small){color:#65738a}
#page :is(input,select,textarea){font:inherit;border-radius:8px}
#page select{min-height:36px;padding:7px 10px;border:1px solid #dce3ee;background-color:#fff;color:#34445e}
#page [hidden]{display:none!important}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #91b7ff;outline-offset:3px}
#page .secondary-btn:hover{background:#eef4ff;border-color:#bbcef4}
#page .action-menu[open]{z-index:15}
#page .action-menu>div{min-width:190px;box-shadow:0 12px 32px #152d5424}
#page .matieres-hero{background:transparent;border:0;box-shadow:none;min-height:100px;padding:0;margin:0 0 24px;gap:20px}
#page .matieres-hero p{font-size:15px;color:#63718a}
#page .matieres-hero-note{display:none}
#page .matieres-add.primary-btn{min-height:42px;min-width:0;padding:10px 17px;font-size:var(--text-sm)}
#page .matieres-stat{min-height:100px;padding:19px 22px;gap:18px}
#page .matieres-stat-icon{width:46px;height:46px;border-radius:12px}
#page .matieres-stat-icon .icon-svg{width:23px;height:23px}
#page .matieres-stat strong{font-size:27px}
#page .matieres-stat b{font-size:var(--text-sm)}
#page .matieres-stat p{font-size:var(--text-xs);margin-top:5px}
#page .matieres-toolbar{margin-top:26px}
#page .matieres-overview .subject-hub-open{min-height:253px;padding:21px}
#page .matieres-overview .subject-hub-top .subject-symbol{width:48px;height:48px;border-radius:12px}
#page .matieres-overview .subject-hub-card h2{font-size:19px;margin-top:16px}
#page .matieres-overview .subject-hub-card p{font-size:var(--text-sm)}
#page .matieres-overview .subject-progress-line{margin-bottom:22px}
#page .matieres-overview .subject-card-link{min-height:39px;font-size:var(--text-label);background:#f0f5ff}
#page .matieres-overview .subject-hub-card:hover{border-color:#adc5ef;box-shadow:0 6px 20px #274a8910}
#page .matieres-overview .is-list .subject-hub-open{min-height:104px}
#page .subject-detail-summary{padding:22px;gap:18px;margin-bottom:20px}
.experience-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;flex-wrap:wrap}
.experience-toolbar .view-tabs{margin:0}
.date-jump{display:flex;align-items:center;gap:10px;font-size:var(--text-label);color:#56667e}
.date-jump input{border:1px solid #dce3ee;padding:7px 10px;background:#fff;color:#253953}
.experience-search{display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border:1px solid #dce3ee;border-radius:9px;min-height:40px;flex:1;max-width:420px}
.experience-search .icon-svg{width:18px;height:18px;opacity:.55}
.experience-search input{width:100%;min-width:0;border:0!important;background:transparent;padding:9px 0;outline-offset:0}
.chapter-toolbar{margin-top:24px;margin-bottom:8px}
#chapterCount{font-size:var(--text-xs);color:#66758d}
.chapter-help{font-size:var(--text-xs);margin-bottom:18px}
.chapter-card-head{gap:12px}
.chapter-card-head>div:first-child{flex:1;min-width:0}
.chapter-card-head .action-menu{order:3}
.chapter-focus{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:var(--text-xs)}
.chapter-focus .icon-svg{width:15px;height:15px}
#page .chapter-notes{border-top:1px solid #e8edf5;margin-top:18px;padding-top:14px}
#page .chapter-notes summary{font-size:var(--text-label);color:#415574;padding:4px 0;cursor:pointer}
#page .chapter-notes textarea{min-height:120px;resize:vertical;line-height:1.6}
#page .calendar-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px}
#page .month-card{padding:20px}
#page .month-grid{border-radius:10px;overflow:hidden}
#page .day-cell{min-height:84px;padding:9px;transition:background .15s}
#page .day-cell:hover{background:#f1f6ff}
#page .day-cell.selected{background:#eef4ff;box-shadow:inset 0 0 0 1.5px #2a66df}
#page .calendar-chip{font-size:10px;border-radius:4px;padding:3px 5px;background:#e9f1ff;color:#2351a1}
#page .calendar-chip.sport{background:#e3f5ee;color:#12684c}
#page .calendar-chip.exam{background:#ffebeb;color:#a13846}
#page .calendar-chip.class{background:#edeaff;color:#6146a7}
#page .calendar-chip.personal{background:#fff1d9;color:#856019}
.completed{text-decoration:line-through;opacity:.65}
#page .day-agenda{padding:22px}
#page .day-agenda h2{font-size:var(--text-panel);line-height:1.4;margin:10px 0 22px}
#page .day-agenda>.primary-btn,#page .day-agenda>.secondary-btn{width:100%;justify-content:center;margin-top:10px}
.agenda-empty{padding:28px 10px;text-align:center;color:#67758b;line-height:1.6}
.agenda-empty>.icon-svg{width:28px;height:28px;opacity:.5;margin-bottom:10px}
.agenda-empty h3,.agenda-empty h2{color:#263951;font-size:17px;margin:4px 0 8px}
.agenda-empty p{font-size:var(--text-label);margin:8px 0 16px}
.agenda-row>strong{display:block;margin:8px 0 4px;overflow-wrap:anywhere}
.event-category{display:inline-block;border-radius:5px;padding:3px 7px;background:#edf3ff;color:#2557a8;font-size:10px;font-weight:var(--font-semibold)}
.event-category.sport{background:#e4f5ee;color:#177257}.event-category.exam{background:#ffebed;color:#a2374a}.event-category.class{background:#efebff;color:#6551a3}.event-category.personal{background:#fff2dd;color:#80591d}
.week-list{display:grid;gap:8px}
.week-day{display:flex;width:100%;gap:20px;text-align:left;background:#fff;border:1px solid #e4eaf3;border-radius:10px;padding:14px;color:#263650;cursor:pointer;font:inherit}
.week-day.selected{border-color:#80a7ee;background:#f6f9ff}
.week-date{width:76px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;border-right:1px solid #e5ebf4;padding-right:14px}
.week-date small{text-transform:capitalize;font-size:var(--text-xs);color:#6a7790}.week-date strong{font-size:24px}.week-date em{font-size:9px;font-style:normal;color:#1254d5;margin-top:4px}
.week-items{display:grid;gap:8px;flex:1;min-width:0;align-content:center}
.week-item{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:var(--text-label)}.week-item strong{overflow-wrap:anywhere;font-weight:var(--font-semibold)}.week-item>span,.week-item small{font-size:11px;color:#65738b}.week-free{font-size:var(--text-xs);color:#8894a8}
#page .focus-personal .timer-surface{min-height:300px}
#page .session-history{margin-top:22px;padding:24px}
#page .session-history .section-title-row{gap:16px;align-items:center}
#page .session-history h2{margin-top:7px;font-size:var(--text-lg)}
#page .mastery-progress-row .link-btn{display:inline-flex;gap:5px;margin-top:8px;font-size:var(--text-xs)}.mastery-progress-row .icon-svg{width:14px;height:14px}
.activity-bar>span{position:relative}.activity-bar>span:hover:after,.activity-bar>span:focus:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#243750;color:#fff;padding:7px 10px;font-size:11px;white-space:nowrap;border-radius:6px;z-index:2}
.planner-intro{display:flex;gap:18px;align-items:center;border:1px solid #dce7fa;background:linear-gradient(110deg,#eef5ff,#f7faff);border-radius:14px;padding:25px;margin-bottom:22px}
.planner-intro h2{font-size:21px;margin:0 0 8px}.planner-intro p{margin:0;max-width:760px;color:#60728d;font-size:var(--text-sm);line-height:1.65}
.planner-icon{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fff}.planner-icon .icon-svg{width:25px;height:25px}
.planner-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}
.planner-layout>.activity-panel{padding:24px}.planner-layout h2{font-size:19px;margin:0 0 20px}.planner-layout form{margin-top:22px}.planner-layout form>.primary-btn{width:100%;justify-content:center}.planner-layout .helper{line-height:1.65;margin-top:18px;font-size:var(--text-xs)}
#revisionResults{min-height:390px}.revision-list{margin:20px 0}.revision-row{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #e7edf5}.revision-row div{min-width:0}.revision-row span{display:block;font-size:11px;color:#63758d;margin-bottom:7px}.revision-row strong{font-size:var(--text-sm);overflow-wrap:anywhere}.revision-row .icon-btn{flex-shrink:0}
.account-help{margin-top:22px;padding:25px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.help-grid details{border-bottom:1px solid #e6ecf4;padding:18px 0}.help-grid summary{font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;line-height:1.6}.help-grid p{font-size:var(--text-label);color:#62718b;line-height:1.7}.account-resources{display:flex;gap:20px;align-items:center;margin-top:24px}.account-resources a{text-decoration:none}
.cnc-library-notice{border:1px solid #dce5f2;border-radius:9px;background:#f4f8ff;padding:12px 16px!important;margin-bottom:22px;font-size:var(--text-xs)}
@media(max-width:1100px){#page .calendar-layout{grid-template-columns:minmax(0,1fr) 250px}.planner-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:820px){#page .section-head{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:23px}#page .section-head h1,#page .work-heading h1,#page .matieres-hero h1{font-size:29px}#page .section-head p{font-size:var(--text-sm)}#page .calendar-layout,.planner-layout{grid-template-columns:1fr}#page .matieres-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#page .matieres-stat{padding:15px;min-height:92px;gap:8px}#page .matieres-stat-icon,#page .matieres-stat p{display:none}#page .matieres-stat b{font-size:var(--text-xs)}#page .matieres-hero{min-height:0}#page .month-card{padding:14px}#page .day-cell{min-height:70px;padding:5px}#page .calendar-chip{font-size:9px;padding:2px}#page .day-agenda{padding:20px}.chapter-toolbar .experience-search{flex-basis:100%;max-width:none}.chapter-card-head{flex-wrap:wrap}.chapter-card-head>div:first-child{flex-basis:70%}.chapter-focus{padding:5px 0}.help-grid{grid-template-columns:1fr}.planner-intro{align-items:flex-start;padding:20px}.planner-intro h2{font-size:var(--text-panel)}.planner-icon{display:none}.planner-layout>.activity-panel{padding:20px}.week-item{grid-template-columns:55px 1fr}.week-item small{grid-column:2}.week-date{width:60px}.week-day{gap:12px}.experience-toolbar .date-jump{font-size:var(--text-xs)}#page .session-history{padding:18px}.session-history .section-title-row{flex-wrap:wrap}.account-resources{flex-wrap:wrap}.task-work-tabs{overflow-x:auto}.task-work-row{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#page .planner-layout label,#page .planner-layout button,#page .week-item strong{font-size:var(--text-sm)}
#page .revision-row span,#page .event-category,#page .week-item>span,#page .week-item small,#page .week-date em{font-size:var(--text-xs)}
#page .calendar-chip{font-size:var(--text-xs)}
@media(max-width:580px){#page .calendar-chip{font-size:10px}.week-item{grid-template-columns:65px 1fr}.week-item small{grid-column:2}}

#page .matieres-sort select{border:0;background:transparent;padding:0;min-height:0;border-radius:0}

}
