dialog:has(#board-form){width:min(1100px,96vw)}.board-enable{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--skin-soft,#edf5ff);border-radius:8px;margin-bottom:20px}.board-enable input{width:17px;height:17px}.board-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:25px}.board-editor-grid>aside{position:sticky;top:0;align-self:start;min-width:0}.board-editor-grid textarea{font-size:14px;line-height:1.65;resize:vertical}.desktop-board-preview{--board-bg:#294639;--board-card:#375646;--board-ink:#eff6ec;--board-muted:#adc6ad;--board-accent:#f2d16b;background:var(--board-bg);color:var(--board-ink);padding:22px;border-radius:10px;box-shadow:0 5px 16px #112c2115}.desktop-board-preview.board-blue{--board-bg:#172e4b;--board-card:#264265;--board-muted:#a4c1de;--board-accent:#84c4ff}.desktop-board-preview.board-cream{--board-bg:#f9f4e7;--board-card:#fffcf4;--board-ink:#504431;--board-muted:#908062;--board-accent:#ae7129}.board-preview-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.board-preview-heading strong{font-size:18px;overflow-wrap:anywhere}.board-preview-heading span{font-size:22px;font-weight:600;color:var(--board-accent);white-space:nowrap}.desktop-board-preview>small{color:var(--board-muted);font-size:10px}.board-countdown{font-size:12px;color:var(--board-accent);margin:10px 0}.board-preview-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:18px;min-height:220px}.board-preview-cards>div{display:grid;gap:12px}.board-preview-cards section{padding:13px;border-radius:8px;background:var(--board-card);min-width:0}.board-preview-cards h3{font-size:12px;font-weight:550;color:var(--board-accent);margin:0 0 10px}.board-preview-cards p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;max-height:330px;overflow:auto}.desktop-board-preview footer{margin-top:16px;font-size:10px;line-height:1.8;color:var(--board-muted);overflow-wrap:anywhere}
@media(max-width:800px){.board-editor-grid{grid-template-columns:1fr}.board-editor-grid>aside{position:static;order:-1}.desktop-board-preview{padding:16px}.board-preview-cards{min-height:150px}.board-preview-cards p{max-height:150px}.board-preview-heading strong{font-size:15px}.board-preview-heading span{font-size:18px}}
.board-opacity output{float:right;color:var(--green);font-size:12px}.board-opacity small{display:block;line-height:1.8;color:var(--muted);font-size:11px}.board-opacity input{padding:0;accent-color:#ba7e9b}
#board-preview:has(.board-pink){padding:12px;border-radius:16px;background:linear-gradient(135deg,#d9e1df,#c9d3dc 45%,#e4d5d1)}
.desktop-board-preview.board-pink{--board-ink:#503d49;--board-muted:#957487;--board-accent:#a35f82;--board-card:#ffffff55;border:1px solid #ffffffc7;border-radius:16px;background:linear-gradient(135deg,rgba(255,245,249,var(--glass-alpha,.8)),rgba(244,220,233,var(--glass-alpha,.8)));box-shadow:0 6px 22px #8c627d20;color:var(--board-ink)}
.board-pink .board-preview-cards section{border:1px solid #ffffffa6;border-radius:12px;background:#ffffff55}
.board-pink .board-preview-heading strong{font-weight:550;letter-spacing:.4px}.board-pink .board-preview-heading span{font-weight:400;color:#a95f83}.board-pink .board-preview-cards h3{font-weight:550}.board-pink .board-countdown{color:#ac6587}
.board-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto}.board-subject-grid article{padding:10px;background:#ffffff35;border:1px solid #ffffffb0;border-radius:9px;min-width:0}.board-subject-grid b{display:block;margin-bottom:7px;color:#ad698c;font-weight:550;font-size:12px}.board-subject-grid p{font-size:11px;line-height:1.8;max-height:none}
/* Shared appearance for every colour, matching the native right-half panel. */
.board-preview-position{font-size:12px;color:var(--muted);margin:0 0 10px;text-align:center}
#board-preview{padding:8px;border-radius:18px;background:linear-gradient(130deg,#cadbd6,#b4c8de 48%,#ebcdd5)}
.desktop-board-preview{--board-rgb:36,78,67;--board-end:49,102,90;--board-card:#ffffff22;--board-ink:#f1f8f3;--board-muted:#bed7ca;--board-accent:#f7dba0;--board-line:#ffffff38;display:flex;flex-direction:column;min-height:520px;aspect-ratio:8/9;border:1px solid #ffffffc7;border-radius:14px;background:linear-gradient(135deg,rgba(var(--board-rgb),1),rgba(var(--board-end),1));color:var(--board-ink)}
.desktop-board-preview.board-blue{--board-rgb:24,59,97;--board-end:40,83,128;--board-ink:#f1f7ff;--board-muted:#bdcee6;--board-accent:#a8d7ff}
.desktop-board-preview.board-cream{--board-rgb:255,249,236;--board-end:240,231,214;--board-card:#ffffff50;--board-ink:#554a3b;--board-muted:#8c7963;--board-accent:#a57840;--board-line:#ffffffa0}
.desktop-board-preview.board-pink{--board-rgb:255,245,249;--board-end:244,220,233;--board-card:#ffffff50;--board-ink:#503d49;--board-muted:#886578;--board-accent:#a0577a;--board-line:#ffffffa0;background:linear-gradient(135deg,rgba(var(--board-rgb),1),rgba(var(--board-end),1))}
.desktop-board-preview.board-glass{background:linear-gradient(135deg,rgba(var(--board-rgb),var(--glass-alpha,.8)),rgba(var(--board-end),var(--glass-alpha,.8)))}
.board-preview-cards{flex:1;min-height:300px;grid-template-columns:1.4fr 1fr}.board-preview-cards>div{grid-template-rows:1fr 1.6fr;min-height:0}.board-preview-cards section,.board-pink .board-preview-cards section{background:var(--board-card);border:1px solid var(--board-line);border-radius:12px;padding:12px;min-height:0}.board-subject-grid{grid-template-columns:1fr;max-height:440px}.board-subject-grid article{background:var(--board-card);border-color:var(--board-line)}.board-subject-grid b,.board-preview-heading span,.board-pink .board-preview-heading span,.board-pink .board-countdown{color:var(--board-accent)}.board-opacity input:disabled{opacity:.35}.board-opacity input{accent-color:var(--green)}
@media(max-width:800px){.desktop-board-preview{min-height:400px;aspect-ratio:auto}.board-preview-cards{min-height:230px}.board-subject-grid{max-height:300px}}
.board-cheer-settings{border:1px solid var(--line,#dce9e1);border-radius:12px;padding:18px;display:grid;gap:15px;min-width:0}.board-cheer-settings legend{font-size:14px;font-weight:600;padding:0 7px}.board-cheer-toggle{display:flex;align-items:center;gap:9px;font-size:14px}.board-cheer-toggle input{width:17px;height:17px}.board-preview-cards>.board-main-column{display:flex;flex-direction:column;gap:12px;min-width:0}.board-main-column>.board-homework{flex:1;min-height:0}.board-main-column>.board-cheer-card{flex:0 0 auto;min-height:140px;max-height:175px}.board-cheer-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr);align-items:center;gap:8px}.board-cheer-content.no-sticker{grid-template-columns:1fr}.board-cheer-content p{font-size:16px;line-height:1.7;font-weight:600;color:var(--board-accent);max-height:112px;overflow:auto;margin:0}.board-cheer-content img{width:100%;height:110px;object-fit:contain;display:block}.board-cheer-card h3{margin-bottom:8px}.board-cheer-card{position:relative}.board-main-column .board-subject-grid{max-height:330px}
.board-cheer-sticker{margin:0;min-width:0;max-height:128px;display:grid;grid-template-rows:minmax(0,1fr) auto}.board-cheer-sticker img{height:84px}.board-cheer-captions{display:grid;grid-template-columns:1fr;text-align:center;color:var(--board-ink);font-size:10px;font-weight:500;line-height:1.4;gap:4px;margin-top:2px}.board-cheer-captions.two-captions{grid-template-columns:repeat(2,minmax(0,1fr));font-size:10px}.board-cheer-captions span{white-space:pre-line;overflow-wrap:anywhere}
.schedule-editor{border:1px solid var(--line,#dce9e1);border-radius:12px;padding:16px;min-width:0}.schedule-editor legend{padding:0 7px;font-size:14px;font-weight:600}.schedule-editor [data-schedule-rows]{display:grid;gap:10px}.schedule-lesson{display:grid;grid-template-columns:58px minmax(0,1fr) 30px;gap:8px;align-items:start}.schedule-lesson>label{font-size:13px;line-height:44px;white-space:nowrap;color:var(--muted)}.lesson-course-field{min-width:0;display:grid;gap:8px}.lesson-course-field select,.lesson-course-field input{width:100%;min-width:0;min-height:44px}.lesson-remove{border:0;background:transparent;color:var(--muted);min-height:44px;font-size:22px;cursor:pointer;border-radius:7px}.lesson-remove:hover{background:var(--skin-soft,#edf5f0);color:var(--green)}.lesson-add{width:100%;margin:14px 0 9px;min-height:44px;border:1px dashed var(--line,#dce9e1);border-radius:9px;background:transparent;color:var(--green);font:inherit;font-size:13px;cursor:pointer}.lesson-add:hover{background:var(--skin-soft,#edf5f0)}.lesson-add:disabled{opacity:.45;cursor:default}.schedule-editor .field-help{display:block;line-height:1.8}.lesson-remove:focus-visible,.lesson-add:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:600px){.schedule-editor{padding:12px}.schedule-lesson{grid-template-columns:50px minmax(0,1fr) 28px;gap:6px}}
.homework-editor{border:1px solid var(--line,#dce9e1);border-radius:12px;padding:16px;min-width:0}.homework-editor legend{padding:0 7px;font-size:14px;font-weight:600}.homework-editor>.field-help{display:block;line-height:1.8;margin-bottom:14px}.homework-editor [data-homework-rows]{display:grid;gap:14px}.homework-item{padding:14px;border:1px solid var(--line,#dce9e1);border-radius:10px;background:var(--paper,#fff);min-width:0}.homework-item-header{display:flex;align-items:start;gap:12px;margin-bottom:10px}.homework-subject-field{display:grid;gap:8px;flex:1;min-width:0}.homework-subject-field select,.homework-subject-field input{min-width:0;width:100%;min-height:44px}.homework-remove{min-height:44px;flex-shrink:0}.homework-remove:disabled{opacity:.35;cursor:default}.homework-item textarea{width:100%;min-height:96px;line-height:1.75}.homework-count{display:block;color:var(--muted);font-size:12px;line-height:1.7}.homework-count.error-text{color:#b44747}.homework-editor .lesson-add{margin-bottom:8px}
@media(max-width:600px){.homework-editor{padding:12px}.homework-item{padding:11px}.homework-item-header{gap:8px}}
/* Wide classroom composition: 65% homework, 35% reminders and timetable. */
.desktop-board-preview{aspect-ratio:4/3;min-height:430px;padding:18px}.board-preview-cards{grid-template-columns:minmax(0,65fr) minmax(0,35fr);min-height:0;margin-top:14px}.board-main-column>.board-homework{display:flex;flex-direction:column;overflow:hidden}.board-main-column .board-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-height:0;max-height:none;align-content:start;gap:8px}.board-subject-grid article{padding:9px}.board-subject-grid p{font-size:11px;line-height:1.7}.board-main-column>.board-cheer-card{min-height:0;max-height:170px}.board-cheer-sticker img{height:66px}.board-cheer-content p{font-size:14px;line-height:1.6;max-height:100px}.desktop-board-preview footer{padding:9px 12px;background:var(--board-card);border:1px solid var(--board-line);border-radius:8px;margin-top:12px}.board-preview-cards h3{margin-bottom:8px}.board-preview-cards p{margin-top:0}
@media(max-width:800px){.desktop-board-preview{aspect-ratio:auto;min-height:480px}.board-preview-cards{min-height:280px}.board-main-column .board-subject-grid{grid-template-columns:1fr}.board-cheer-content{grid-template-columns:minmax(0,1.3fr) minmax(54px,1fr)}.board-cheer-captions{font-size:9px}.board-cheer-captions.two-captions{font-size:8px}}
.board-preview-cards>div:not(.board-main-column)>section{display:flex;flex-direction:column;overflow:hidden}.board-preview-cards>div:not(.board-main-column)>section>h3{flex-shrink:0}.board-preview-cards>div:not(.board-main-column)>section>p{flex:1;min-height:0;max-height:none;overflow:auto;margin-bottom:0}
/* Keep all four subject cards legible at the workbench preview scale. */
.desktop-board-preview{min-height:520px}.board-main-column>.board-cheer-card{padding:10px}.board-cheer-sticker img{height:52px}.board-cheer-captions,.board-cheer-captions.two-captions{font-size:8px}.board-cheer-content p{font-size:12px;line-height:1.6;max-height:76px}
@media(max-width:800px){.desktop-board-preview{min-height:480px}}
.desktop-board-preview{width:100%;max-width:100%;aspect-ratio:auto}