/* To-Do calendar only. List views, task records and detail dialogs are unchanged. */
body .todo-calendar{padding:20px;border:1px solid #cedeea;border-radius:16px;background:#fff;box-shadow:0 5px 18px #16395006;overflow:hidden;min-width:0}
body .todo-calendar .panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 20px}
body .todo-calendar .panel-head h3{font-family:var(--font-primary);font-size:23px;font-weight:700;line-height:1.25;color:#153752;margin:3px 0 0}
body .todo-calendar .panel-head .eyebrow{font-size:10px;letter-spacing:1.2px;color:#087f80}
body .todo-calendar .todo-calendar-modes{display:flex;align-items:center;justify-content:flex-end;gap:12px;max-width:none;flex-wrap:wrap}
body .todo-calendar .todo-calendar-views{display:flex;gap:3px;padding:4px;border:1px solid #d5e2eb;border-radius:10px;background:#f3f7fa}
body .todo-calendar .todo-calendar-navigation{display:flex;gap:6px;align-items:center}
body .todo-calendar .todo-calendar-modes button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;padding:7px 12px;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:12px;line-height:1.3;box-shadow:none}
body .todo-calendar .todo-calendar-views button.ghost{background:transparent;color:#526c80}
body .todo-calendar .todo-calendar-views button.primary{background:#0d8583;color:#fff;border-color:#0d8583}
body .todo-calendar .todo-calendar-navigation button{background:#fff;border-color:#cbdce9;color:#254f70}
body .todo-calendar .todo-calendar-modes button:hover{border-color:#80bdbb}
body .todo-calendar .todo-calendar-board{max-width:100%;overflow:auto;border:1px solid #d5e1eb;border-radius:11px;scrollbar-width:thin;scrollbar-color:#afc8d9 #f3f7fa}
body .todo-calendar .todo-calendar-weekdays,body .todo-calendar .todo-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:840px}
body .todo-calendar .todo-calendar-weekdays{background:#f5f8fb;border-bottom:1px solid #d5e1eb}
body .todo-calendar .todo-calendar-weekdays b{padding:11px 8px;color:#60768a;font-size:11px;font-weight:600;letter-spacing:.4px;text-align:center;text-transform:uppercase}
body .todo-calendar .todo-calendar-day{min-width:0;min-height:132px;margin:0;padding:8px;border:0;border-right:1px solid #e1e9f0;border-bottom:1px solid #e1e9f0;background:#fff;opacity:1}
body .todo-calendar .todo-calendar-day:nth-child(7n){border-right:0}
body .todo-calendar .todo-calendar-day:nth-last-child(-n+7){border-bottom:0}
body .todo-calendar .todo-calendar-day.outside{background:#f7f9fc;opacity:1}
body .todo-calendar .todo-calendar-day.today{background:#f1fbf9}
body .todo-calendar .todo-calendar-date{display:flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;margin:0 0 7px;border-radius:50%;font-size:12px;font-weight:600;color:#36536c;background:transparent}
body .todo-calendar .todo-calendar-day.outside .todo-calendar-date{color:#8193a1}
body .todo-calendar .todo-calendar-day.today>.todo-calendar-date{width:27px;height:27px;background:#0d8583;color:#fff}
body .todo-calendar .todo-calendar-day>button.todo-calendar-task{display:grid;align-items:start;justify-items:start;gap:4px;width:100%;max-width:none;min-width:0;min-height:39px;margin:6px 0 0;padding:8px 9px;border:1px solid #cce5e0;border-left:3px solid #159b8d;border-radius:7px;background:#edf8f5;color:#164e4a;text-align:left;box-shadow:none;white-space:normal;overflow:visible}
body .todo-calendar .todo-calendar-day>button.todo-calendar-task.personal_reminder{border-color:#d3e1f5;border-left-color:#4e83cb;background:#f0f5fd;color:#284e81}
body .todo-calendar .todo-calendar-task .todo-calendar-task-title{display:block;min-width:0;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
body .todo-calendar .todo-calendar-task-time{display:block;color:#5b7381;font-size:11px;font-weight:400;line-height:1.3}
body .todo-calendar .todo-calendar-day>button.todo-calendar-task.is-completed{background:#f3f5f7;border-color:#dbe2e8;border-left-color:#8a9cab;color:#647888}
body .todo-calendar .todo-calendar-day>button.todo-calendar-task:hover{border-color:#71bdb4;background:#e2f4ee}
body .todo-calendar .todo-calendar-day>button.todo-calendar-task.personal_reminder:hover{border-color:#86a9dc;background:#e5eefb}
body .todo-calendar .todo-calendar-day>button.todo-calendar-more{display:block;width:auto;max-width:100%;min-height:30px;margin:5px 0 0;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#167b7a;font-size:12px;font-weight:600;text-align:left}
body .todo-calendar .todo-calendar-day>button.todo-calendar-more:hover{background:#e6f4f1}
body .todo-calendar button:focus-visible,body .todo-calendar .todo-calendar-board:focus-visible{outline:2px solid #078f89;outline-offset:2px}
body .todo-calendar .todo-calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:15px;color:#657c8e;font-size:12px}
body .todo-calendar .todo-calendar-legend>span{display:inline-flex;align-items:center;gap:7px}
body .todo-calendar .todo-calendar-legend i{width:9px;height:9px;border-radius:50%;background:#159b8d}
body .todo-calendar .todo-calendar-legend i.personal{background:#4e83cb}
body .todo-calendar.mode-week .todo-calendar-day{min-height:250px}
body .todo-calendar.mode-day .todo-calendar-grid{min-width:0;grid-template-columns:minmax(0,1fr)}
body .todo-calendar.mode-day .todo-calendar-day{min-height:230px;border:0;padding:15px}
body .todo-calendar.mode-day .todo-calendar-date{justify-content:flex-start;width:auto;height:auto;min-height:30px;font-size:15px;border-radius:0;background:transparent;color:#1c4c65;margin-bottom:10px}
body .todo-calendar.mode-day .todo-calendar-day.today>.todo-calendar-date{width:auto;height:auto;background:transparent;color:#087b75}
body .todo-calendar.mode-day .todo-calendar-day>button.todo-calendar-task{padding:11px 13px}
body .todo-calendar.mode-day .todo-calendar-task .todo-calendar-task-title{font-size:14px}
@media(max-width:700px){body .todo-calendar{padding:14px}body .todo-calendar .panel-head{gap:12px;margin-bottom:15px}body .todo-calendar .todo-calendar-modes{width:100%;justify-content:space-between;gap:8px}body .todo-calendar .todo-calendar-modes button{padding:7px 9px}body .todo-calendar .todo-calendar-grid,body .todo-calendar .todo-calendar-weekdays{min-width:840px}body .todo-calendar .todo-calendar-day{min-height:120px}body .todo-calendar.mode-day .todo-calendar-grid{min-width:0}}