.dates-simple>span{display:flex;align-items:center;justify-content:space-between;height:44px;flex:0 0 44px;padding:10px 14px}
.dates-lines{height:218px;min-height:0}
.date-month-heading{display:flex;align-items:center;justify-content:space-between;height:44px;flex:0 0 44px}
.dates-lines .date-page-arrow{display:grid;place-items:center;width:24px;height:24px;min-height:24px;max-height:24px;flex:0 0 24px;padding:0;border:0;background:transparent;font:18px/1 system-ui;color:var(--planner-ink)}
.date-line-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:6px 9px}
.date-line-list::-webkit-scrollbar{display:none}
.date-line{display:flex;align-items:center;gap:6px;height:31px;border-bottom:1px solid #f2dce7}
.dates-lines .line-date{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;min-height:23px;max-height:23px;padding:0;border:1px solid #e7afc9;border-radius:4px;background:#fff5fa;font:11px/1 system-ui;color:var(--planner-ink)}
.line-date svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.date-line input{flex:1;min-width:0;width:0;border:0;background:transparent;color:#664456;font:13px/1.3 system-ui;padding:4px 0;outline-offset:0}
.date-line input::placeholder{color:#b591a3;font-size:11px}
@media(max-width:700px){.dates-lines{height:210px;min-height:0}.date-line-list{padding:5px 7px}.date-line{gap:4px}.date-line input{font-size:12px}}
.dates-simple .day-circle{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;border:1px solid var(--planner-accent);border-radius:50%;padding:0;background:transparent;font:14px/1 system-ui;color:var(--planner-ink)}
.dates-simple textarea{height:135px;resize:none}
.dates-notebook{height:210px;min-height:0}
.month-slides{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.month-slides::-webkit-scrollbar{display:none}
.dates-notebook .month-sheet{flex:0 0 100%;width:100%;min-width:100%;min-height:0;height:100%;resize:none;scroll-snap-align:start;padding:10px 12px;font-size:13px;line-height:1.6}
.sheet-controls{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border-top:1px solid #f3d6e4;font-size:10px;color:#b07b95}
.sheet-controls button{padding:3px 7px;border:0;background:transparent;font-size:13px}
.sheet-controls span{min-width:32px;text-align:center}
@media(max-width:700px){.dates-notebook{height:200px;min-height:0}.sheet-controls{gap:2px;padding:4px}.sheet-controls button{padding:3px 5px;font-size:12px}}
