:root{--ink:#172c3b;--muted:#64717b;--paper:#f8f7f3;--line:#e2e3dd;--green:#b8e4c7;--pink:#f2c1dc;--blue:#e8eff4;--accent:#183e54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100% - 1000px)/2));border-bottom:1px solid var(--line);background:#fff}.topbar h1{font-size:23px;margin:0}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);margin:0 0 3px}.primary,.secondary,.text-button{font:inherit;border:0;border-radius:10px;padding:11px 15px;cursor:pointer}.primary{background:var(--accent);color:white;font-weight:650}.secondary{background:#edf0ed;color:var(--ink);font-weight:600}.text-button{background:transparent;color:var(--muted)}main{max-width:1000px;margin:auto;padding:26px 18px 55px}.intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.intro h2{font-size:22px;margin:0 0 5px}.intro p,.hint{color:var(--muted);margin:0}.saved{font-size:12px;color:#328259;background:#e5f2e9;border-radius:99px;padding:6px 10px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0;box-shadow:0 2px 10px #20303a08}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h2{font-size:18px;margin:0}.step{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9eff1;color:var(--accent);font-size:12px;font-weight:700}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.formgrid label,.period-row label{font-size:12px;color:var(--muted);display:grid;gap:6px}input,select{font:inherit;color:var(--ink);border:1px solid #d9dedc;border-radius:9px;background:#fff;padding:10px;width:100%;min-height:42px}.hint{font-size:12px;margin-top:12px}.period-head,.period-row{display:grid;grid-template-columns:1.35fr 1fr 1fr .8fr 34px;gap:9px;align-items:end}.period-head{font-size:11px;color:var(--muted);padding:0 2px 7px}.period-row{padding:9px 0;border-top:1px solid #eef0ec}.period-row input,.period-row select{padding:8px;font-size:14px}.remove{border:0;background:none;color:#9a5563;font-size:22px;cursor:pointer;height:42px}.holiday-tools{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.check{display:flex;gap:8px;align-items:center;font-size:13px}.check input{width:17px;height:17px;min-height:0}.year-picker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.year-picker select{width:auto;min-width:90px}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted);margin:0 0 14px}.legend span{display:flex;align-items:center;gap:6px}.swatch{width:13px;height:13px;border-radius:4px;display:inline-block}.father{background:var(--green)}.mother{background:var(--pink)}.school{background:var(--blue)}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.month{border:1px solid var(--line);border-radius:11px;padding:10px}.month h3{font-size:13px;margin:0 0 8px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dow,.day{display:grid;place-items:center;min-height:25px;font-size:11px;border-radius:5px}.dow{font-size:9px;color:var(--muted);font-weight:700}.day.father{background:var(--green)}.day.mother{background:var(--pink)}.day.school{box-shadow:inset 0 0 0 1px #c3d1dc}.day.empty{background:transparent}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-label{display:inline-flex;align-items:center;cursor:pointer}footer{font-size:12px;color:var(--muted);text-align:center;padding:10px}.print-only{display:none}@media(max-width:650px){.topbar{padding:15px;gap:10px}.topbar h1{font-size:19px}.primary{padding:10px;font-size:12px}main{padding:18px 12px 35px}.intro{align-items:flex-start;gap:10px}.intro h2{font-size:19px}.intro p{font-size:14px}.panel{padding:15px;border-radius:13px}.formgrid{grid-template-columns:1fr 1fr}.formgrid label:first-child{grid-column:1/-1}.period-head{display:none}.period-row{grid-template-columns:1fr 1fr 32px;gap:7px}.period-row label:first-child{grid-column:1/3}.period-row label:nth-child(4){grid-column:1/3}.remove{grid-column:3;grid-row:1}.calendar-grid{grid-template-columns:repeat(2,1fr);gap:8px}.month{padding:7px}.day{min-height:23px;font-size:10px}.section-title h2{font-size:16px}.secondary{padding:9px;font-size:13px}}@media print{@page{size:A4 landscape;margin:9mm}body{background:#fff;font-size:10px}.topbar{padding:0 0 8px;border:0}.topbar h1{font-size:19px}.topbar .primary,main>.intro,main>.panel:not(:has(#calendar)),footer{display:none!important}main{max-width:none;margin:0;padding:0}.panel:has(#calendar){display:block!important;border:0;box-shadow:none;padding:0;margin:0}.panel:has(#calendar)>.section-title{display:none}.legend{margin-bottom:8px}.calendar-grid{grid-template-columns:repeat(4,1fr);gap:6px}.month{break-inside:avoid;padding:5px;border-radius:3px}.month h3{font-size:10px;margin-bottom:4px}.day,.dow{min-height:18px;font-size:8px}.day.father,.day.mother{print-color-adjust:exact;-webkit-print-color-adjust:exact}.day.school{box-shadow:inset 0 0 0 1px #c3d1dc;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* School breaks remain visible over parent colors by a strong blue frame. */
.day.school{box-shadow:inset 0 0 0 2px #397da5;font-weight:700}.day.school:not(.father):not(.mother){background:#dcebf4}.day.school.father,.day.school.mother{outline:2px solid #397da5;outline-offset:-2px}
@media print{.day.school{box-shadow:inset 0 0 0 2px #397da5!important;outline:2px solid #397da5!important;outline-offset:-2px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.day[tabindex="0"]{position:relative;cursor:help}.day[tabindex="0"]:hover,.day[tabindex="0"]:focus{z-index:5;outline:2px solid var(--accent);outline-offset:1px}.day[tabindex="0"]:hover::after,.day[tabindex="0"]:focus::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);width:max-content;max-width:min(260px,75vw);white-space:normal;background:#172c3b;color:#fff;padding:8px 10px;border-radius:7px;font-size:11px;line-height:1.35;font-weight:500;box-shadow:0 3px 12px #0003;pointer-events:none}.month h3{ text-transform:capitalize }
.period-row{padding:10px;border:1px solid transparent;border-radius:10px;margin:5px 0}.period-row.father{background:#eff8f1;border-color:#d7ebdc}.period-row.mother{background:#fcf0f6;border-color:#f2dce8}
@media(max-width:650px){.period-row{padding:12px;margin:8px 0;gap:10px}.period-row input,.period-row select{min-height:46px;font-size:16px}.period-row .remove{min-height:46px;min-width:42px;touch-action:manipulation}}
.period-row{grid-template-columns:1.35fr 1fr 1fr .8fr 88px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.row-actions button{border:0;background:transparent;cursor:pointer;border-radius:7px;min-width:27px;height:36px;font-size:17px;color:var(--ink);touch-action:manipulation}.row-actions button:hover{background:#ffffffaa}.row-actions .remove{color:#9a5563;font-size:21px}
@media(max-width:650px){.period-row{grid-template-columns:1fr 1fr 42px}.row-actions{grid-column:3;grid-row:1;flex-direction:column;gap:3px}.row-actions button{width:40px;height:40px;background:#ffffffbb;font-size:20px}.period-row label:nth-child(4){grid-column:1/3}}
.period-row{grid-template-columns:1.35fr 1fr 1fr .8fr 34px}.row-actions{display:none!important}
@media(max-width:650px){.period-row{grid-template-columns:1fr 1fr 42px}}
.year-actions{display:flex;align-items:center;gap:10px}.year-actions .year-picker{margin:0}
@media(max-width:650px){.section-title:has(.year-actions){align-items:flex-start;gap:8px;flex-wrap:wrap}.year-actions{width:100%;justify-content:space-between}.year-actions .year-picker{flex:1}.year-actions select{width:100%}}
.weekly-row{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.weekly-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:10px}.weekly-fields[hidden]{display:none}.weekly-fields label{font-size:12px;color:var(--muted);display:grid;gap:6px}
@media(max-width:650px){.weekly-fields{grid-template-columns:1fr 1fr}.weekly-fields label:first-child{grid-column:1/-1}}
.bottom-add{display:flex;justify-content:flex-end;padding-top:10px}
@media(max-width:650px){.bottom-add{justify-content:stretch}.bottom-add .secondary{width:100%;min-height:46px}}
.header-buttons{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer}.theme-toggle:hover{transform:rotate(-12deg)}body[data-theme="dark"]{--ink:#edf2f4;--muted:#aab7bf;--paper:#141d25;--line:#34434e;--blue:#293b49;--accent:#a6cddd;background:var(--paper);color:var(--ink)}body[data-theme="dark"] .topbar,body[data-theme="dark"] .panel,body[data-theme="dark"] .month{background:#1d2933;color:var(--ink)}body[data-theme="dark"] .topbar{border-bottom:1px solid var(--line)}body[data-theme="dark"] input,body[data-theme="dark"] select{background:#17222b;color:var(--ink);border-color:#45545e;color-scheme:dark}body[data-theme="dark"] .secondary{background:#33434e;color:#f3f6f7}body[data-theme="dark"] .step{background:#31434e;color:#d8e9ef}body[data-theme="dark"] .period-row.father{background:#20382f;border-color:#345845}body[data-theme="dark"] .period-row.mother{background:#3a2935;border-color:#5a3b4d}body[data-theme="dark"] .day.school:not(.father):not(.mother){background:#293f50}body[data-theme="dark"] .theme-toggle{background:#25333d;color:#ffd879}
@media(max-width:650px){.header-buttons{gap:7px}.theme-toggle{width:40px;height:40px}}
@media print{body[data-theme="dark"]{--ink:#172c3b;--muted:#64717b;--paper:#fff;background:#fff;color:#172c3b}body[data-theme="dark"] .topbar,body[data-theme="dark"] .panel,body[data-theme="dark"] .month{background:#fff;color:#172c3b}.theme-toggle{display:none!important}}
.topbar{gap:12px}.header-buttons{flex-shrink:0}.theme-toggle{flex:0 0 42px;position:relative;z-index:2}.primary{position:relative;z-index:1}
body[data-theme="dark"] .saved{background:#203b2e;color:#a9e1c1}body[data-theme="dark"] .eyebrow,body[data-theme="dark"] .hint,body[data-theme="dark"] .brand-subtitle{color:var(--muted)}body[data-theme="dark"] .period-row{border-color:#34434e}body[data-theme="dark"] .month{border-color:var(--line)}body[data-theme="dark"] .dow{color:#c0ccd2}
@media(max-width:650px){.topbar{flex-wrap:wrap}.header-buttons{width:100%;display:flex;justify-content:space-between}.header-buttons .primary{flex:1}.theme-toggle{flex:0 0 42px}}
body[data-theme="dark"] .day.father{background:#285a43;color:#f4fff7;font-weight:700}body[data-theme="dark"] .day.mother{background:#70415f;color:#fff5fb;font-weight:700}body[data-theme="dark"] .day.school:not(.father):not(.mother){background:#293f50;color:#f1f5f7}
@media print{body[data-theme="dark"] .day.father{background:#b8e4c7;color:#172c3b}body[data-theme="dark"] .day.mother{background:#f2c1dc;color:#172c3b}}
.topbar h1{font-size:28px}
@media(max-width:650px){.topbar h1{font-size:22px}}
/* Prevent intrinsic form-control widths from expanding mobile grids. */
.formgrid,.weekly-fields,.period-row,.year-actions{min-width:0}.formgrid>* , .weekly-fields>* , .period-row>*{min-width:0}.formgrid input,.formgrid select,.weekly-fields input,.weekly-fields select,.period-row input,.period-row select{width:100%;max-width:100%;min-width:0}
@media(max-width:650px){.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.period-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px}.period-row label:nth-child(4){grid-column:1/3}.year-actions{gap:8px}.year-actions .year-picker{min-width:0}.year-actions .secondary{white-space:nowrap}.panel{min-width:0;overflow:hidden}}