/* Scoped to approved learning screens. Existing lesson/report editors are untouched. */
.li-screen{--li-good:#246e50;--li-bad:#a43b48;color:var(--app-ink,#242b38)}
body.student-theme .li-screen{--li-good:#ade8cd;--li-bad:#ffc1ca}
.li-screen *{box-sizing:border-box;min-width:0}.li-screen [hidden],.li-stopwatch [hidden]{display:none!important}
.li-screen button,.li-screen select{font:inherit;font-size:14px;min-height:44px;touch-action:manipulation}.li-screen button:focus-visible,.li-screen summary:focus-visible{outline:3px solid var(--app-accent,#b18b43);outline-offset:3px}
.li-screen .li-panel,.li-screen .li-summary{padding:18px;border:1px solid var(--app-edge,#ccd1da);border-radius:21px;background:var(--app-surface,#fff);margin:15px 0}
.li-screen .li-summary{border-top:2px solid #c4a365}.li-number{font-size:clamp(26px,5vw,36px);font-variant-numeric:tabular-nums;margin:10px 0 15px;line-height:1.25}.li-number small{font-size:15px;color:var(--app-muted,#637084)}
.li-screen .li-note,.li-screen .li-context{font-size:12px;line-height:1.6;color:var(--app-muted,#637084);margin:12px 0}.li-screen small{line-height:1.5}.li-screen h2{font-size:21px}.li-screen h3{font-size:18px}
.li-counts{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;margin:9px 0}.li-counts span{border:1px solid currentColor;border-radius:9px;padding:6px 9px}.li-good{color:var(--li-good)}.li-bad{color:var(--li-bad)}
.li-list{display:grid;gap:9px}.li-screen .li-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:13px;padding:15px;margin:0;border:1px solid var(--app-edge,#ccd1da);border-radius:15px;background:var(--app-surface,#fff);color:var(--app-ink,#242b38);text-align:left;box-shadow:none}.li-row strong{font-size:15px}.li-row small{display:block;color:var(--app-muted,#637084);font-size:12px;margin-top:5px}.li-row>b{font-weight:500;color:var(--app-accent,#705322);font-size:14px;flex-shrink:0;max-width:45%}
.li-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0;font-size:12px}.li-pages button{width:auto!important}.li-period{display:block;max-width:250px;font-size:14px;margin:15px 0}.li-period select{width:100%;margin-top:7px}
.li-toggle{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.li-toggle button{flex:1;min-width:85px;width:auto!important;padding:11px 9px;border:1px solid var(--app-edge,#ccd1da);border-radius:12px;background:var(--app-surface,#fff);color:var(--app-ink,#242b38);box-shadow:none}.li-toggle button[aria-pressed=true]{background:linear-gradient(120deg,#f6e2b3,#d5b36e);color:#352919}
.li-source{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:linear-gradient(110deg,#faeac0,#d7b363);color:#243f43;border-radius:11px;padding:9px 11px;font-size:12px;margin:10px 0 13px;line-height:1.5}.li-source b{font-weight:600;background:#ad8438;color:#fff8e8;border-radius:7px;padding:5px 8px}
.li-chart-label{font-size:12px;color:var(--app-muted,#637084);margin:14px 0 9px}.li-bars{display:flex;align-items:end;gap:10px;height:154px;border-bottom:1px solid var(--app-edge,#ccd1da);padding-bottom:35px;margin-bottom:35px}.li-bar{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;height:100%;position:relative;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.li-bar i{display:block;max-width:45px;width:100%;min-height:1px;background:linear-gradient(0deg,#ae8547,#efd5a0);border-radius:5px 5px 0 0}.li-bar small{position:absolute;top:100%;padding-top:8px;width:100%;font-size:10px;line-height:1.35;overflow-wrap:anywhere;color:var(--app-muted,#637084)}
.li-priority{border-left:2px solid var(--app-accent,#a27c39);padding-left:12px;margin:18px 0}.li-priority p{font-size:14px;line-height:1.6}.li-priority small{font-size:12px;color:var(--app-muted,#637084)}
.li-feature-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px}.li-feature-head h2{font-size:18px;margin:0}.li-feature-head small{font-size:12px;color:var(--app-muted,#637084)}
.li-feature{--li-good:#ade8cd;--li-bad:#ffc1ca;background:radial-gradient(ellipse at 100% 0%,#a67b4630,transparent 70%),linear-gradient(140deg,#483148,#302330);color:#fff2e4;border:1px solid #b79761;border-radius:23px;overflow:hidden;box-shadow:0 8px 22px #0002}
.li-feature-sheet{padding:15px}.li-feature-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#efd59c;margin-bottom:10px}.li-feature-label small{background:#2c4c40;color:#c9f1dd;padding:4px 7px;border-radius:20px;font-size:10px}.li-feature h3{font-size:24px;margin:0 0 11px;line-height:1.25}.li-feature p{font-size:12px;line-height:1.5}.li-feature .li-context,.li-feature .li-note,.li-feature .li-chart-label,.li-feature .li-bar small{color:#ddc4d0}
.li-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.li-score{padding:10px;background:#261e2b;border-radius:14px}.li-score>small{font-size:11px;color:#ddc4d0}.li-score strong,.li-goal-hero .li-score-grid strong{font-size:29px;display:block;font-weight:500;font-variant-numeric:tabular-nums;margin:7px 0}.li-score strong small{font-size:14px}.li-score p{font-size:11px;color:#ddc4d0;margin:5px 0}.li-score p b{color:#ade8cd;font-weight:500}
.li-delta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;margin:13px 0}.li-delta b{font-weight:500}.li-feature-totals{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #896e7c70;padding-top:12px;margin-top:14px;font-size:11px}.li-feature-totals span{display:flex;flex-direction:column;gap:5px}.li-feature-totals b{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.li-feature .li-bars{height:130px}.li-motivation{font-size:13px;line-height:1.6;color:var(--app-accent,#76551d);margin:13px 0}.li-feature .li-motivation{color:#f1d69b;margin-bottom:0}.li-feature-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #71596a;background:#2d222f}.li-feature-controls button{color:#fff2e4;background:transparent;box-shadow:none;width:auto;border:0;padding:9px 11px;margin:0}.li-feature-controls small{font-size:11px;color:#d7c3ce}.li-screen .li-detail-button{width:100%;background:transparent;border:0;color:var(--app-accent,#76551d);padding:10px;margin:3px 0;box-shadow:none}
.li-compact-panel>.student-info-card{padding:15px 18px!important;border-radius:19px!important;margin-bottom:13px!important}.li-compact-panel>.student-info-card .summary-title{font-size:12px;margin:0 0 5px}.li-compact-panel #studentSummaryName{font-size:24px!important;margin:3px 0}.li-compact-panel #studentSummaryInfo{font-size:13px;line-height:1.5}.li-compact-panel #studentTrackPills{margin:9px 0;gap:6px}.li-compact-panel #studentTrackPills .pill{font-size:11px;padding:5px 9px}.li-compact-panel .education-edit-button{font-size:13px;padding:8px 12px;min-height:38px;margin-top:4px}.li-compact-panel>.summary-card:not(.student-info-card){padding:16px 18px!important}.li-compact-panel #coachStatusText{font-size:21px!important}.li-compact-panel .daily-power{margin:12px 0;padding:10px 0}.li-compact-panel .power-battery{max-height:40px;max-width:70px}.li-compact-panel .daily-power strong{font-size:14px}.li-compact-panel .daily-power small,.li-compact-panel .daily-task-note{font-size:11px}
.li-stopwatch .stopwatch-copper-panel{background:var(--app-surface,#fff);color:var(--app-ink,#242b38);border-color:var(--app-edge,#ccd1da)}.li-stopwatch .sw-clock{font-size:clamp(32px,8vw,45px);font-variant-numeric:tabular-nums}.li-stopwatch .sw-session-title{font-size:13px}.li-stopwatch .sw-buttons{display:flex;gap:10px;flex-wrap:wrap}.li-stopwatch .sw-buttons button{flex:1;min-width:100px}.li-sw-subject select{width:100%;font-size:16px;min-height:44px;margin:7px 0;padding:10px;color:var(--app-ink,#242b38);background:var(--app-page,#f5f6fa);border:1px solid var(--app-edge,#ccd1da);border-radius:12px}.li-distribution{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin:16px 0}.li-distribution>div{grid-column:1/-1;height:6px;border-radius:6px;background:var(--app-edge,#ccd1da);overflow:hidden}.li-distribution i{display:block;height:100%;background:var(--app-accent,#b18b43);border-radius:6px}.li-distribution small{grid-column:1/-1;color:var(--app-muted,#637084);font-size:11px}
.li-goal-hero{border:1px solid #b69459;border-radius:23px;background:radial-gradient(ellipse at 100% 0%,#ac7d3930,transparent 65%),var(--app-surface,#fff);padding:19px;margin:14px 0}.li-goal-hero>small{font-size:11px;letter-spacing:.06em;color:var(--app-muted,#637084)}.li-goal-hero .li-score-grid small{font-size:12px;color:var(--app-muted,#637084)}.li-goal-track{height:7px;background:var(--app-edge,#ccd1da);border-radius:8px;overflow:hidden}.li-goal-track i{display:block;height:100%;background:linear-gradient(90deg,#ae8547,#efd5a0);border-radius:8px;transition:width .5s ease}.li-screen .study-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.li-screen summary{min-height:44px;padding:10px 0;line-height:1.5}
@media(max-width:380px){.li-feature-sheet{padding:13px}.li-feature h3{font-size:22px}.li-bars{gap:7px}.li-bar{font-size:10px}.li-score-grid{gap:8px}.li-row strong{font-size:14px}.li-row>b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.li-screen *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The approved development card is isolated from the application's generic buttons. */
#studentGrowthScreen #liDevelopmentCard{max-width:620px;margin:16px auto 20px;font-family:inherit}
#studentGrowthScreen #liDevelopmentCard .li-feature-head{margin:0 0 11px;gap:12px;align-items:start}
#studentGrowthScreen #liDevelopmentCard .li-feature-head h2{font-size:17px;line-height:1.3;font-weight:500;flex:1}
#studentGrowthScreen #liDevelopmentCard .li-feature-head>small{font-size:10px;max-width:112px;text-align:right;line-height:1.45;color:var(--app-muted,#637084)}
#studentGrowthScreen #liDevelopmentCard .li-feature{background:radial-gradient(ellipse at 100% 0%,#a6784530,transparent 60%),linear-gradient(140deg,#483148,#302330);border:1px solid #b79761;border-radius:23px;box-shadow:0 9px 26px #0003;overflow:hidden;color:#fff2e4}
#studentGrowthScreen #liDevelopmentCard .li-feature-sheet{padding:17px 16px 16px}
#studentGrowthScreen #liDevelopmentCard .li-feature-label{font-size:11px;letter-spacing:.035em;margin:0 0 13px;gap:8px;color:#efd59c;align-items:center}
#studentGrowthScreen #liDevelopmentCard .li-feature-label>small{font-size:10px;letter-spacing:0;padding:5px 8px;color:#caefde;background:#2d5144;white-space:normal;text-align:center}
#studentGrowthScreen #liDevelopmentCard .li-feature-label>.li-awaiting{background:#4d3d43;color:#eed5b8}
#studentGrowthScreen #liDevelopmentCard h3{font-size:25px;font-weight:500;line-height:1.25;margin:0 0 13px;color:#fff2e4}
#studentGrowthScreen #liDevelopmentCard .li-source{width:fit-content;max-width:100%;background:linear-gradient(110deg,#faeac0,#d7b363);color:#294047;padding:8px 10px;font-size:12px;border-radius:10px;margin:0 0 15px}
#studentGrowthScreen #liDevelopmentCard .li-source b{background:transparent;color:#294047;border-left:1px solid #9c834a;border-radius:0;padding:0 0 0 8px;font-weight:500}
#studentGrowthScreen #liDevelopmentCard .li-source-unknown{background:#504050;color:#dac7d3;font-size:11px}
#studentGrowthScreen #liDevelopmentCard .li-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0}
#studentGrowthScreen #liDevelopmentCard .li-score{background:#261e2d;border-radius:17px;padding:12px 12px 13px;min-height:145px;color:#fff2e4}
#studentGrowthScreen #liDevelopmentCard .li-score-heading{display:flex;justify-content:space-between;align-items:start;gap:6px;font-size:11px;line-height:1.4;color:#d8c1cf}
#studentGrowthScreen #liDevelopmentCard .li-score-heading>span:first-child{max-width:70%;overflow-wrap:anywhere}
#studentGrowthScreen #liDevelopmentCard .li-score-heading>span:last-child{white-space:nowrap}
#studentGrowthScreen #liDevelopmentCard .li-score strong{font-size:35px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:11px 0 7px;color:#fff2e4}
#studentGrowthScreen #liDevelopmentCard .li-score strong small{font-size:15px;letter-spacing:0}
#studentGrowthScreen #liDevelopmentCard .li-score p{font-size:11px;line-height:1.65;color:#d8c1cf;margin:0}
#studentGrowthScreen #liDevelopmentCard .li-score p>b{font-weight:400;color:#b5e4d4}
#studentGrowthScreen #liDevelopmentCard .li-score p>em{font-style:normal;color:#f0bfc6}
#studentGrowthScreen #liDevelopmentCard .li-score-empty strong{color:#af9fac}
#studentGrowthScreen #liDevelopmentCard .li-score-meter{height:4px;background:#55414e;border-radius:8px;margin-top:12px;overflow:hidden}
#studentGrowthScreen #liDevelopmentCard .li-score-meter i{display:block;height:100%;background:#f0d49b;border-radius:8px}
#studentGrowthScreen #liDevelopmentCard .li-delta{margin:15px 0 17px;font-size:11px;line-height:1.5;color:#d9c0cf;gap:10px}
#studentGrowthScreen #liDevelopmentCard .li-delta>b{font-size:12px;font-weight:400;padding:8px 10px;border-radius:9px;background:#2d4b40;color:#b5e6d3;white-space:nowrap}
#studentGrowthScreen #liDevelopmentCard .li-delta>b.li-bad{color:#ffd0d6;background:#5b3342}
#studentGrowthScreen #liDevelopmentCard .li-delta>b.li-delta-empty{color:#d9c0cf;background:#4b394b}
#studentGrowthScreen #liDevelopmentCard .li-data-note{font-size:11px;line-height:1.5;color:#ddc5d1;margin:12px 0}
#studentGrowthScreen #liDevelopmentCard .li-feature-totals{padding-top:15px;margin-top:16px;border-top:1px solid #8d748270;gap:7px;font-size:11px;line-height:1.4;color:#ddc5d1}
#studentGrowthScreen #liDevelopmentCard .li-feature-totals b{font-size:19px;line-height:1.3;margin-top:3px;color:#fff2e4;font-weight:400}
#studentGrowthScreen #liDevelopmentCard .li-context{border-left:2px solid #ddbd78;padding-left:10px;font-size:11px;line-height:1.55;color:#ddc5d1;margin:17px 0 13px}
#studentGrowthScreen #liDevelopmentCard .li-motivation{font-size:13px;line-height:1.6;color:#f0d49b;margin:0}
#studentGrowthScreen #liDevelopmentCard .li-feature-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;background:#2d212f;border-top:1px solid #8d748270}
#studentGrowthScreen #liDevelopmentCard .li-feature-controls>button{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;min-width:0!important;min-height:44px!important;max-width:unset!important;height:auto!important;padding:8px!important;margin:0!important;background:transparent!important;background-image:none!important;color:#f4e5d5!important;border:0!important;border-radius:11px!important;box-shadow:none!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;transform:none!important}
#studentGrowthScreen #liDevelopmentCard .li-feature-controls>.li-feature-play{flex:0 1 120px!important;width:auto!important;padding:10px 11px!important;background:linear-gradient(115deg,#f8e3af,#d8b56b)!important;color:#352b21!important;font-size:12px!important;border-radius:14px!important;white-space:normal!important}
#studentGrowthScreen #liDevelopmentCard .li-feature-controls>button:disabled{opacity:.45!important}
#studentGrowthScreen #liDevelopmentCard .li-feature-controls>small{font-size:11px;color:#d9c0cf;white-space:nowrap}
#studentGrowthScreen #liDevelopmentCard>.li-detail-button{appearance:none!important;width:100%!important;min-height:44px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:var(--app-accent,#795821)!important;padding:11px 6px!important;margin:5px 0 0!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;transform:none!important}
#studentGrowthScreen #liDevelopmentCard .li-chart-empty{padding:12px;margin:12px 0;border-top:1px solid #8d748270;border-bottom:1px solid #8d748270;min-height:82px;color:#ddc5d1}
#studentGrowthScreen #liDevelopmentCard .li-chart-empty span{font-size:10px;letter-spacing:.035em;color:#e7cb93}
#studentGrowthScreen #liDevelopmentCard .li-chart-empty p{font-size:11px;line-height:1.5;color:#ddc5d1;margin:7px 0 0}
#studentGrowthScreen #liDevelopmentCard .li-chart-label{font-size:11px;color:#ddc5d1}
#studentGrowthScreen #liDevelopmentCard .li-bars{height:132px;padding-bottom:30px;margin-bottom:26px}
#studentGrowthScreen #liDevelopmentCard .li-bar{color:#fff2e4}
@media(max-width:380px){#studentGrowthScreen #liDevelopmentCard .li-feature-sheet{padding:15px 13px}#studentGrowthScreen #liDevelopmentCard .li-score{padding:11px 10px;min-height:140px}#studentGrowthScreen #liDevelopmentCard .li-score strong{font-size:32px}#studentGrowthScreen #liDevelopmentCard h3{font-size:23px}#studentGrowthScreen #liDevelopmentCard .li-feature-controls{gap:5px;padding:9px}#studentGrowthScreen #liDevelopmentCard .li-feature-controls>.li-feature-play{flex-basis:110px!important}}

#studentGrowthScreen #liDevelopmentCard .li-feature-label>span{text-transform:uppercase}

/* Keep goal controls consistent when a student theme styles all buttons. */
#examGoalsScreen #examGoalSummary .li-row,
#examGoalsScreen #examGoalSummary .li-toggle button{background:var(--app-surface,#fff)!important;color:var(--app-ink,#242b38)!important;border:1px solid var(--app-edge,#ccd1da)!important;box-shadow:none!important}
#examGoalsScreen #examGoalSummary .li-toggle button[aria-pressed=true]{background:linear-gradient(120deg,#f6e2b3,#d5b36e)!important;color:#352919!important}
#examGoalsScreen #examGoalSummary .li-row>b{color:var(--app-accent,#705322)}
#examGoalsScreen #examGoalSummary .li-row:hover{border-color:var(--app-accent,#b18b43)!important}
#examGoalEditorScreen #examGoalNetSync{display:block;margin-top:8px;line-height:1.5;color:var(--app-muted,#637084)}
#examGoalEditorScreen #examGoalNet[readonly]{border-color:var(--app-accent,#b18b43);font-variant-numeric:tabular-nums}
#examGoalEditorScreen #examGoalTargetSum{font-weight:600;font-variant-numeric:tabular-nums}

/* Custom history dates are drafts until Apply; summaries keep their confirmed range label. */
.li-range-controls{margin:15px 0;min-width:0;}.li-range-controls .li-period{margin:0 0 12px;max-width:320px;}
.li-screen .li-custom-range{max-width:640px;padding:16px;border:1px solid var(--app-edge,#ccd1da);border-radius:16px;background:var(--app-surface,#fff);}
.li-screen .li-custom-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.li-screen .li-custom-dates label{display:block;margin:0;font-size:13px;min-width:0;}
.li-screen .li-custom-dates input{display:block;width:100%;min-width:0;max-width:100%;font-size:16px;min-height:46px;margin-top:6px;}
.li-screen .li-range-apply{width:auto;min-height:44px;padding:11px 18px;margin:12px 0 0;}
.li-screen #liHistoryRangeMessage{font-size:13px;line-height:1.5;margin:10px 0;}.li-screen #liHistoryRangeMessage:empty{display:none;}
.li-screen .li-custom-range>small{display:block;color:var(--app-muted,#637084);font-size:12px;margin-top:10px;}
@media(max-width:420px){.li-screen .li-custom-dates{grid-template-columns:minmax(0,1fr);}.li-screen .li-range-apply{width:100%;}}

/* Stopwatch ranges share one set of dates in History and Pro analysis. */
.li-sw-range{display:grid;gap:12px}.li-sw-range .sw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.li-sw-range label{min-width:0}.li-sw-range input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;font-size:16px}.li-sw-range .li-note{display:block}.li-sw-chart{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.li-sw-chart .li-bars{margin-bottom:48px}.li-sw-range[hidden]{display:none!important}@media(max-width:420px){.li-sw-range .sw-fields{grid-template-columns:minmax(0,1fr)}}