#office-tasks{max-width:1200px}.office-task-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.office-task-summary>div{background:#1d2a30;border:1px solid #394f58;border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.office-task-summary span{color:#b9cbd1;font-size:14px}.office-task-summary strong{font-size:30px;color:#a7ebd3}.office-task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}#office-tasks button{min-height:44px}#office-tasks [aria-pressed="true"]{background:#176b4b;border-color:#69c99c;color:white}.office-person{display:grid;gap:7px;max-width:320px;margin:0 0 20px}.office-person select,#office-task-form input,#office-task-form select,#office-task-form textarea{width:100%;box-sizing:border-box;min-height:44px;background:#151c21;color:#edf5f7;border:1px solid #52636c;border-radius:10px;padding:11px 12px;font:inherit}#office-task-form label{display:grid;gap:8px;margin:14px 0;color:#bdcdd4}#office-task-form textarea{resize:vertical}.office-task-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.office-task-list{display:grid;gap:12px}.office-task{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #3e5058;border-radius:14px;background:#182329}.office-task.overdue{border-left:4px solid #e09965}.office-task-content{min-width:0}.office-task h2{font-size:17px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.office-task p{color:#b8c9d0;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.office-task small{color:#9eafb7}.office-task-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#abc3cc}.office-task-meta .office-overdue{color:#ffc28c}.office-task-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}#office-task-error{color:#ffb6bf}@media(max-width:650px){.office-task-summary{gap:8px}.office-task-summary>div{padding:12px;display:grid;gap:5px}.office-task-summary span{font-size:12px}.office-task-summary strong{font-size:24px}.office-task{align-items:flex-start;flex-direction:column;padding:16px}.office-task-fields{grid-template-columns:1fr;gap:0}.office-task-toolbar>.controls{width:100%}.office-task-toolbar>.controls button{flex:1;padding:8px}.office-task-actions{width:100%}}
#office-calendar{margin-top:22px}.office-cal-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.office-cal-head h2{font-size:21px;margin:0 0 8px}.office-cal-head p{color:#b8cdd4;margin:0;text-transform:capitalize}.office-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.office-cal-weekday{text-align:center;color:#afc3cb;font-size:13px;padding:8px 0}.office-calendar .office-cal-day{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:6px;min-width:0;min-height:110px;padding:10px 8px;border:1px solid #3c5059;border-radius:10px;background:#172229;color:#e9f2f5;cursor:pointer;font:inherit}.office-cal-day:hover{background:#223941}.office-cal-day:focus-visible{outline:3px solid #8ad9bf;outline-offset:2px}.office-cal-day.is-today{border:2px solid #75d5ae}.office-cal-day>b{font-size:14px}.office-cal-day>small{font-size:10px;color:#b7cbd3}.office-cal-entry{font-size:11px;line-height:1.4;background:#294655;border-radius:5px;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-cal-entry.is-completed{background:#1b5544;color:#c8f4df}.office-cal-entry.is-overdue{background:#634633;color:#ffe0b6}.office-cal-hint{font-size:12px;color:#afc3cb;margin:14px 0 0;line-height:1.6}.office-day-list{display:grid;gap:10px;margin:20px 0}.office-day-list h3{font-size:17px;margin:0;overflow-wrap:anywhere}.office-day-list p{color:#b6c9d0;white-space:pre-wrap;overflow-wrap:anywhere}.office-calendar:not(.office-calendar-agenda) button{min-height:44px}@media(max-width:650px){.office-cal-grid{gap:3px}.office-calendar .office-cal-day{min-height:76px;padding:6px 3px;gap:3px;border-radius:6px}.office-cal-day>b{font-size:12px}.office-cal-entry{font-size:9px;padding:3px 2px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.office-cal-day>small{font-size:9px}.office-cal-head h2{font-size:18px}.office-cal-weekday{font-size:11px}}

.office-agenda-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#70bddb;flex:none}.office-agenda-dot.overdue{background:#e9a46c}.office-agenda-dot.completed{background:#7cdbad}.office-calendar-agenda .tf-calendar-legend{margin-top:8px}.office-calendar-agenda .panelhead h2{text-transform:capitalize}
.office-person-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin:8px 0 18px;font-size:12px;color:#bdced5}.office-person-legend span{display:inline-flex;align-items:center;gap:6px}.office-person-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.office-task{border-left:4px solid var(--office-person-color,#70b8ff)}.office-task.overdue{border-left-color:#ff747f;background:#362329;border-color:#c45663}.office-task.overdue h2,.office-task.overdue h3,.office-task .office-overdue{color:#ff9ca5}.office-assignee{color:var(--office-person-color,#70b8ff)}.office-calendar .office-cal-entry{border-left:3px solid var(--office-event-color,#70b8ff);background:#283b48;color:#edf5f7}.office-calendar .office-cal-entry.is-overdue{background:#6a2933;border-color:#ff747f;color:#ffe8eb}.office-calendar .office-cal-entry.is-completed{background:#263b36;opacity:.8}.office-calendar .office-agenda-dot{background:var(--office-event-color,#70b8ff)}.office-agenda-late{border:1px solid #ff747f!important;background:#44252e!important}.office-late-label{font-size:11px;color:#ffadb5}.office-older{border:1px solid #c45663;border-radius:10px;padding:14px;margin-bottom:16px;background:#362329}.office-older h3{font-size:15px;color:#ffadb5;margin:0 0 10px}.office-older button{display:block;text-align:left;width:100%;border:0;background:transparent;color:#ffe3e7;min-height:44px;padding:8px;cursor:pointer;font:inherit;font-size:13px;overflow-wrap:anywhere}

.office-calendar-agenda>.panelhead:first-child{align-items:center;gap:12px;flex-wrap:wrap}.office-calendar-agenda .office-calendar-title{flex:1;min-width:0;gap:14px;align-items:center}.office-calendar-agenda .office-calendar-title h2{margin:0;white-space:nowrap;font-size:20px}.office-calendar-agenda .office-calendar-title .office-person-legend{margin:0;gap:6px 12px;font-size:11px;line-height:1.5;flex:1;min-width:220px}.office-calendar-agenda .office-person-legend i{width:9px;height:9px}.office-calendar-agenda .office-person-legend span{gap:5px}@media(max-width:650px){.office-calendar-agenda .office-calendar-title{flex-basis:100%;gap:9px}.office-calendar-agenda .office-calendar-title h2{font-size:18px}.office-calendar-agenda .office-calendar-title .office-person-legend{min-width:0;flex-basis:100%}}

.office-calendar-agenda>.panelhead:first-child>.office-calendar-title{flex:1 1 100%;width:100%}.office-calendar-agenda .v13-day-only>.empty{grid-column:1/-1;flex-basis:100%;width:100%;box-sizing:border-box}

.office-calendar-agenda>.panelhead .tf-calendar-legend{margin:0}.office-calendar-agenda>.panelhead .tf-calendar-title h2{margin:0}.office-calendar-agenda>.panelhead{margin-bottom:16px}.office-calendar-agenda .v13-home-month>.panelhead{align-items:center}

.office-calendar-agenda>.panelhead .tf-calendar-title{width:100%;min-width:0}.office-calendar-agenda>.panelhead .tf-calendar-legend{flex:1;min-width:0}.office-calendar-agenda>.panelhead .tf-calendar-title h2{white-space:nowrap}@media(max-width:650px){.office-calendar-agenda>.panelhead .tf-calendar-legend{flex-basis:100%}}

.office-calendar-agenda .office-agenda-dot{width:9px;height:9px}

.office-calendar .office-agenda-dot.completed,.office-completed-key{border:1px solid #aab4bc;box-sizing:border-box}.office-calendar .office-cal-entry.is-completed{background:#090d10;color:#f5f5f5;opacity:1;border-color:#63717b;border-left-color:#050607}

.office-completed-key{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}