.clock-calendar{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(20,28,38,.34);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:16px;box-sizing:border-box}
.clock-calendar[hidden]{display:none}
.cc-panel{width:min(1160px,100%);height:80vh;height:80dvh;background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(20,30,45,.3);display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--ink)}
.cc-header{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;flex-wrap:wrap;flex-shrink:0}
.cc-heading{margin-right:auto}.cc-heading h2{margin:0;font-size:21px;font-weight:700;line-height:1.2}.cc-heading p{margin:5px 0 0;font-size:12px;color:var(--textdim)}
.cc-nav{display:flex;align-items:center;gap:7px}.cc-nav .tbtn{height:36px;min-width:36px;padding:0 12px}.cc-nav .cc-arrow{padding:0;font-size:22px;color:var(--muted)}
.cc-board{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 16px;scrollbar-width:thin}
.cc-week,.cc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:735px}
.cc-week{height:27px;position:sticky;top:0;z-index:1;background:#fff;align-items:center;font-size:11px;font-weight:600;color:var(--textdim);text-transform:uppercase;letter-spacing:.05em}
.cc-week span{padding-left:10px}.cc-week span:nth-child(n+6){color:#9aa4b1}
.cc-grid{height:calc(100% - 28px);min-height:calc(var(--cc-rows,6)*90px);grid-template-rows:repeat(var(--cc-rows,6),minmax(0,1fr))}
.cc-day{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #edf0f4;border-radius:13px;background:#fafbfd;overflow:hidden}
.cc-day.cc-other{background:#f5f6f8}.cc-day.cc-other .cc-date{color:#98a1ad}.cc-day.cc-today{border-color:#c9ddfa;background:#eef5ff}
.cc-day-head{display:flex;align-items:center;gap:4px;padding:5px 6px;flex-shrink:0;min-width:0}
.cc-date{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:650;font-size:13px;flex-shrink:0}.cc-today .cc-date{color:#fff;background:#3b82f6}
.cc-count{font-size:10px;color:var(--textdim)}
.cc-add{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;background:#edf2fa;color:#83a9d0;font-size:19px;line-height:1;cursor:pointer}.cc-add:hover{background:#dceafa;color:#3b82f6}.cc-add:focus-visible,.cc-task:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}
.cc-tasks{display:flex;flex-direction:column;gap:4px;overflow:auto;min-height:0;padding:0 5px 6px;scrollbar-width:thin}
.cc-task{display:block;width:100%;flex-shrink:0;border:1px solid #e5eaf1;border-radius:8px;background:#fff;padding:5px 7px;color:var(--ink);font:inherit;font-size:11.5px;line-height:1.35;text-align:left;cursor:pointer;overflow-wrap:anywhere;box-shadow:0 1px 2px #172b4d05}
.cc-task:hover{border-color:#c5daf7;background:#f1f6fe}.cc-task-time{color:#7191af;font-size:10px;margin-right:4px;white-space:nowrap}.cc-task.cc-done{color:#8893a0;background:#f4f6f8}.cc-task.cc-done .cc-task-name{text-decoration:line-through}
.cc-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 20px;font-size:11px;color:var(--textdim);flex-shrink:0}.cc-status{font-size:12px;color:var(--muted);padding:0 20px 8px;flex-shrink:0}.cc-status:empty{display:none}.cc-status.cc-error{color:var(--danger)}
body.clock-calendar-open #taskSide{z-index:36!important}
@media(max-width:700px){.clock-calendar{padding:8px}.cc-panel{border-radius:18px}.cc-header{padding:14px 12px 10px;gap:10px}.cc-heading{width:100%}.cc-heading h2{font-size:19px}.cc-nav{width:100%}.cc-close{margin-left:auto}.cc-board{padding:0 8px}.cc-footer{padding:10px 12px;font-size:10px}.cc-status{padding:0 12px 8px}}