/* The plan editor has one source of layout rules, scoped away from learning pages. */
#educational-plans.plan-builder{--plan-gap:24px;}
#educational-plans .plan-setup{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;margin-bottom:28px;}
#educational-plans .plan-identity-heading{display:flex;align-items:center;gap:14px;min-width:0;}
#educational-plans .plan-identity-heading >svg{flex:0 0 30px;width:30px;height:30px;color:var(--accent);}
#educational-plans .plan-identity-heading h2,#educational-plans .plan-topics-heading h2,#educational-plans .plan-export h2{font:600 21px/1.35 Inter,sans-serif;letter-spacing:-.025em;margin:0;}
#educational-plans .plan-fields{display:grid;grid-template-columns:minmax(0,1fr) 228px;align-items:start;gap:24px;min-width:0;}
#educational-plans .plan-class-field{border:0;padding:0;margin:0;min-width:0;}
#educational-plans .ep-label{display:block;font:500 13px/1.5 Inter,sans-serif;color:var(--text-secondary);letter-spacing:0;text-transform:none;padding:0;margin:0 0 10px;}
#educational-plans .ep-student-name-input{width:100%;height:52px;padding:13px 16px;border:1px solid var(--glass-line);border-radius:14px;background:var(--surface);color:var(--text-primary);font:400 15px/1.5 Inter,sans-serif;}
#educational-plans .ep-class-selector{display:flex;gap:8px;}
#educational-plans .ep-class-btn{flex:1;white-space:nowrap;height:52px;min-height:52px;padding:12px 14px;font:500 14px/1.4 Inter,sans-serif;}
#educational-plans .plan-topics-heading{margin:0 0 22px;}
#educational-plans .plan-topics-heading p{font:400 14px/1.8 Inter,sans-serif;color:var(--text-secondary);margin:9px 0 0;max-width:80ch;}
#educational-plans .ep-category-card{margin:0 0 16px;border-radius:24px;overflow:hidden;}
#educational-plans .ep-category-header{display:grid !important;grid-template-columns:48px minmax(0,1fr) 100px 44px;align-items:center;gap:28px;padding:22px 24px;}
#educational-plans .ep-category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 !important;border:1px solid var(--accent-border) !important;border-radius:16px;background:var(--accent-muted) !important;color:var(--accent);}
#educational-plans .ep-category-icon svg{width:26px;height:26px;}
#educational-plans .ep-category-info{width:auto !important;min-width:0;margin:0 !important;text-align:left !important;}
#educational-plans .ep-category-name{font:600 18px/1.4 Inter,sans-serif;color:var(--text-primary) !important;overflow-wrap:anywhere;}
#educational-plans .ep-category-meta{font:400 12px/1.6 Inter,sans-serif;color:var(--text-secondary);margin-top:4px;}
#educational-plans .ep-category-progress{min-width:0;width:100px;margin:0 !important;text-align:right !important;}
#educational-plans .ep-category-pct{font:500 20px/1.4 'JetBrains Mono',monospace;color:var(--accent) !important;margin:0;}
#educational-plans .ep-category-bar{height:3px;border-radius:99px;overflow:hidden;background:var(--surface-hover);margin:8px 0 0;}
#educational-plans .ep-category-bar-fill{height:100%;background:var(--accent) !important;}
#educational-plans .ep-category-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 !important;border-left:1px solid var(--glass-line);color:var(--text-secondary);}
#educational-plans .ep-category-toggle svg{display:block;width:20px;height:20px;}
#educational-plans .ep-category-content{padding:0 24px 6px;}
#educational-plans .ep-task-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 0 !important;margin:0;border:0 !important;border-top:1px solid var(--glass-line) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;}
#educational-plans .ep-task-item::before{content:none;}
#educational-plans .ep-task-header{display:flex;align-items:flex-start;gap:16px;padding:0 !important;min-width:0;flex-wrap:nowrap;}
#educational-plans .ep-task-number{font:500 20px/1.4 'JetBrains Mono',monospace;color:var(--accent) !important;background:none !important;padding:0;min-width:52px;flex:0 0 auto;}
#educational-plans .ep-task-title{font:500 15px/1.6 Inter,sans-serif;min-width:0;white-space:normal;overflow-wrap:anywhere;}
#educational-plans .ep-task-pct,#educational-plans .ep-task-progress-bar{display:none;}
#educational-plans .ep-progress-buttons{display:flex;flex-wrap:nowrap;gap:5px;padding:0;}
#educational-plans .ep-progress-btn{font:500 12px/1.5 'JetBrains Mono',monospace;min-height:42px;padding:8px 10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--glass-line);border-radius:12px;}
#educational-plans .ep-progress-btn.active{color:var(--accent) !important;background:var(--accent-muted) !important;border-color:var(--accent-border) !important;}
#educational-plans .plan-export{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;border-color:var(--accent-border);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--glass-bg-strong)),var(--glass-bg-strong)) !important;}
#educational-plans .ep-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-height:50px;padding:14px 22px;font:500 14px/1.5 Inter,sans-serif;}
#educational-plans .ep-generate-btn svg{width:22px;height:22px;flex:0 0 22px;}
@media(max-width:1200px){#educational-plans .plan-setup{grid-template-columns:1fr;gap:22px;}#educational-plans .plan-identity-heading h2{font-size:20px;}}
@media(max-width:1000px){#educational-plans .ep-task-item{grid-template-columns:1fr;gap:16px;}#educational-plans .ep-progress-buttons{justify-content:flex-start;}}
@media(max-width:700px){
 #educational-plans .plan-fields{grid-template-columns:1fr;gap:20px;}
 #educational-plans .plan-topics-heading p{font-size:13px;}
 #educational-plans .ep-category-header{grid-template-columns:42px minmax(0,1fr) 44px;column-gap:12px;row-gap:10px;padding:20px !important;}
 #educational-plans .ep-category-icon{width:42px;height:42px;grid-column:1;grid-row:1;}
 #educational-plans .ep-category-info{grid-column:2;grid-row:1;}
 #educational-plans .ep-category-name{font-size:16px;}
 #educational-plans .ep-category-toggle{grid-column:3;grid-row:1;}
 #educational-plans .ep-category-progress{grid-column:2/4;grid-row:2;display:flex;align-items:center;gap:14px;width:auto;}
 #educational-plans .ep-category-pct{font-size:15px;}
 #educational-plans .ep-category-bar{width:100px;margin:0;}
 #educational-plans .ep-category-content{padding:0 20px 6px !important;}
 #educational-plans .ep-task-title{font-size:14px;}
 #educational-plans .ep-task-number{font-size:18px;min-width:48px;}
 #educational-plans .ep-progress-btn{flex:1;padding:8px 4px;font-size:11px;}
 #educational-plans .plan-export{flex-direction:column;align-items:stretch;gap:18px;}
 #educational-plans .ep-generate-btn{width:100%;}
}