/* Calendar-only light workspace, inspired by a native desktop planner. */
body.calendar-mode{color-scheme:light;--bg:#f4f1f6;--panel:#fff;--card:#fff;--line:#dedbe4;--text:#34323c;--muted:#86818e;--green:#39bda6;--purple:#a782dd;--blue:#4da5ed;--red:#ee647c;background:#f4f1f6;color:var(--text)}
.calendar-mode .sidebar{background:#e9e6ed;border-color:#d7d4de;backdrop-filter:blur(24px)}
.calendar-mode .brand{color:#37323e}
.calendar-mode .workspace-select{background:#ffffff65;border-color:#d8d4df;color:#48424e}
.calendar-mode .workspace-monogram{background:#dcd7e5;color:#655978}
.calendar-mode .traffic-lights span,.calendar-mode .nav-label{color:#96909d}
.calendar-mode .nav-item{color:#625d6b}
.calendar-mode .nav-item.active{background:#fff9f3;color:#cf682f;box-shadow:inset 2px 0 #ed986a}
.calendar-mode .nav-item:hover{background:#fff8}
.calendar-mode .nav-count{background:#d9d4e340;color:#7f758d}
.calendar-mode .team-note{background:#f5f1f7;border-color:#ded8e7}
.calendar-mode .profile{border-color:#d5cfdd;color:#48414e}
.calendar-mode .topbar{background:#f8f6fae6;border-color:#dedbe4}
.calendar-mode .breadcrumb strong{color:#514958}
.calendar-mode .live-status{color:#817a8b}
.calendar-mode main{max-width:1600px;padding-top:23px}
.calendar-mode .project-heading,.calendar-mode .stats,.calendar-mode .board-footer{display:none}
.calendar-mode .view-bar{margin-bottom:19px;border-color:#ddd7e4}
.calendar-mode .tab{color:#8a8293}
.calendar-mode .tab.active{color:#45404c}
.calendar-mode .board-update{color:#a39baa}
.calendar-mode .toolbar{margin-bottom:29px}
.calendar-mode input,.calendar-mode select,.calendar-mode textarea{background:#f8f6fa;border-color:#ded8e5;color:#4c4458;color-scheme:light}
.calendar-mode .search{background:#ffffff80;border-color:#ded8e5;color:#9b90a6}
.calendar-mode .search input{background:none;border:0;color:#4c4458}
.calendar-mode .icon-button{color:#8d8299}
.calendar-mode .outline-button{background:#fff;color:#716779;border:1px solid #e0dbe6;box-shadow:0 2px 3px #45334f04}
.calendar-mode .outline-button:hover{background:#f2edf8;color:#675479}
.calendar-mode .primary{background:#ee8a53;border-color:#ed8a53;box-shadow:none}
.calendar-mode .avatar{border-color:#f4f0f7}
.calendar-mode dialog{background:#fcfafe;color:#403948;border-color:#e1d9ea;box-shadow:0 30px 100px #40305026}
.calendar-mode .modal-body label,.calendar-mode .modal-body legend{color:#776983}
.calendar-mode .modal-footer{background:#f4eff8}
.calendar-mode .comment{background:#f0eaf5}
.calendar-mode .comment strong,.calendar-mode .activity strong{color:#685672}
.calendar-mode #toast{background:#fff;color:#554561;border-color:#e5dceb}
.planner{padding-bottom:35px}
.planner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.planner-eyebrow{font-size:8px;letter-spacing:1.8px;color:#a39aab;font-weight:600}
.planner-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:600;margin:7px 0 7px;color:#42394b}
.planner-heading h2>span{color:#ed9463}
.planner-heading p{font-size:11px;color:#a095aa}
.planner-controls{display:flex;gap:7px}
.planner-controls .outline-button{height:33px;min-width:33px;padding:7px 11px}
.planner-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,1fr);gap:25px;align-items:start}
.agenda-panel,.months-panel{min-width:0}
.planner-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5f2f8;border:6px solid white;border-radius:19px;padding:10px 12px;box-shadow:0 3px 14px #6c54740b;margin-bottom:23px;min-height:62px}
.planner-summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.planner-summary strong{font-size:12px;font-weight:650;color:#463b50}
.planner-summary span{font-size:10px;color:#a198aa}
.planner-summary button{font-size:10px;padding:5px 9px;border-radius:6px;flex-shrink:0}
.agenda-card{background:#fff;border:1px solid #f8f6fb;border-radius:21px;padding:7px 7px 13px;box-shadow:0 5px 19px #53405f08;margin-bottom:24px;overflow:hidden}
.agenda-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f1f7;border-radius:13px 13px 8px 8px;margin-bottom:5px;padding:8px 13px;min-height:38px}
.agenda-card h3{font-size:11px;color:#94869f;font-weight:500;line-height:1.6}
.agenda-card header button{color:#91819e;display:flex;align-items:center;padding:2px}
.agenda-card header svg{width:15px;height:15px}
.today-label{font-size:8px;color:#b08658;background:#f5e9da;padding:3px 6px;margin-left:7px;border-radius:5px;white-space:nowrap}
.agenda-task{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:14px 6px;min-height:78px;border-radius:10px;transition:background .15s}
.agenda-task:hover{background:#f9f7fc;filter:none}
.agenda-time{color:#4b4156;font-size:12px;font-weight:600;width:46px;flex-shrink:0;font-variant-numeric:tabular-nums}
.agenda-time small{display:flex;align-items:center;gap:3px;font-size:8px;color:#9c93a4;font-weight:400;margin-top:5px}
.agenda-time svg{width:9px;height:9px}
.agenda-stripe{width:5px;border-radius:6px;align-self:stretch;background:currentColor;flex-shrink:0}
.agenda-circle{border:1.5px solid currentColor;width:14px;height:14px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.agenda-circle svg{width:10px;height:10px}
.agenda-task-text{flex:1;min-width:0}
.agenda-task-text strong{display:block;color:#504659;font-size:11px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.agenda-task-text small{display:block;color:#aaa0b2;font-size:8px;margin-top:4px;line-height:1.5}
.agenda-indicator{background:#f2f6fb;border-radius:20px;display:flex;padding:5px;color:currentColor;flex-shrink:0}
.agenda-indicator svg{width:11px;height:11px}
.agenda-indicator.is-late{background:#fff0f2;color:#e97c93}
.agenda-task.is-done .agenda-task-text strong{color:#a29aaa;text-decoration:line-through;text-decoration-color:#d7d0df}
.agenda-task.is-done .agenda-stripe{opacity:.45}
.agenda-empty{padding:30px 20px;text-align:center;color:#a194aa;font-size:11px;line-height:1.8}
.agenda-empty p{margin:8px 0 16px}
.month-card{background:#fff;border:6px solid #fff;border-radius:22px;padding:0 0 10px;margin-bottom:24px;box-shadow:0 5px 19px #53405f08}
.month-card h3{font-size:12px;font-weight:600;color:#53475e;background:#f4f1f7;border-radius:15px 15px 8px 8px;padding:12px 14px;margin:0 0 10px}
.mini-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 1px;padding:0 7px}
.mini-weekday{text-align:center;font-size:9px;color:#9b8ca8;padding:10px 0 13px}
.mini-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:61px;padding:3px 0;border-radius:10px}
.date-number{height:35px;width:35px;background:#f5f2f8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:550;color:#9889a7;transition:background .15s}
.mini-date:hover .date-number{background:#eae1f4;color:#77618d}
.mini-date.is-today .date-number{background:#f8e4d6;color:#c37d4e;box-shadow:0 0 0 2px #fcf2eb}
.mini-date.is-selected .date-number{background:#b49bcd;color:#fff;box-shadow:0 0 0 3px #f0e9f7}
.date-dots{display:flex;align-items:center;justify-content:center;gap:2px;min-height:7px}
.date-dots i,.calendar-legend i{display:inline-block;background:currentColor;width:4px;height:4px;border-radius:50%}
.date-dots b{font-size:8px;color:#a89ab2;line-height:7px}
.calendar-legend{display:flex;gap:9px 14px;flex-wrap:wrap;padding:0 12px;color:#9b8ca8;font-size:9px}
.calendar-legend span:first-child{width:100%;margin-bottom:3px;color:#ae9fbb}
.calendar-legend span{display:flex;align-items:center;gap:5px}
.calendar-legend i{width:5px;height:5px}
@media(min-width:1450px){.planner-columns{gap:32px}.agenda-task{min-height:86px;padding:17px 10px}.agenda-task-text strong{font-size:13px}.agenda-task-text small{font-size:10px}.agenda-time{font-size:14px;width:53px}.mini-date{min-height:73px}.date-number{width:41px;height:41px;font-size:13px}.month-card h3{font-size:14px}.agenda-card h3{font-size:12px}}
@media(max-width:1000px){.planner-columns{grid-template-columns:minmax(0,1fr)}.months-panel{grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.month-card{margin-bottom:6px}.calendar-legend{grid-column:1/-1;padding-bottom:14px}.mini-month{padding:0 2px}.date-number{width:29px;height:29px;font-size:10px}.mini-date{min-height:48px}.planner-heading h2{font-size:23px}}
@media(max-width:600px){.months-panel{display:block}.months-panel .month-card:nth-child(2){display:none}.month-card{margin-bottom:18px}.planner-heading{align-items:start;gap:10px}.planner-heading h2{font-size:21px}.planner-eyebrow{font-size:6px;letter-spacing:1.3px}.planner-controls{gap:3px}.planner-controls .outline-button{padding:5px 7px;min-width:27px;font-size:9px}.planner-summary{padding:8px;border-width:5px}.planner-summary span{font-size:9px}.agenda-task{gap:7px}.agenda-time{width:40px;font-size:11px}.agenda-task-text strong{font-size:11px}.calendar-mode main{padding-top:18px}.calendar-mode .toolbar{margin-bottom:23px}.calendar-mode .board-update{display:none}.date-number{height:33px;width:33px}.mini-date{min-height:55px}}