.tasks-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:var(--canvas,#f5f7fa);color:var(--ink,#172b42)}
.tasks-workspace[hidden]{display:none}.tasks-sidebar{display:flex;flex-direction:column;gap:14px;padding:18px 12px 0;border-right:1px solid var(--line,#dce3eb);min-height:0;overflow:auto}.tasks-sidebar h2{font-size:21px;margin:0 8px}.tasks-account-label{display:grid;gap:5px;padding:0 8px;font-size:12px}.tasks-sidebar select{width:100%;min-width:0}.tasks-sidebar nav:not(.module-switcher),#taskLists{display:grid;gap:3px}.tasks-sidebar button{text-align:left;padding:9px 12px;border-radius:5px}.tasks-sidebar button.active{background:var(--selected,#dbeeff);color:var(--ink,#124a78);font-weight:600}.tasks-sidebar small{display:block;font-size:11px;font-weight:400;overflow-wrap:anywhere;margin-top:3px}.tasks-sidebar .module-switcher{margin-top:auto;flex-shrink:0}.tasks-list-heading{display:flex;align-items:center;justify-content:space-between;padding-left:10px}.tasks-main{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel,#fff)}.tasks-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line,#dce3eb)}.tasks-toolbar button,.task-dialog button{padding:8px 12px;border:1px solid var(--line,#ccd7e5);border-radius:4px}.tasks-spacer{flex:1}.tasks-search input{width:210px}.tasks-workspace input,.tasks-workspace select,.task-dialog input:not([type=checkbox]),.task-dialog select,.task-dialog textarea{font:inherit;color:inherit;background:var(--panel,#fff);border:1px solid var(--line,#bbc9d8);border-radius:4px;padding:8px;min-width:0;max-width:100%}.tasks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.tasks-heading h2{margin:0;font-size:20px}.tasks-heading>span{font-size:12px;color:var(--muted,#64748b)}.tasks-table-scroll{overflow:auto;flex:1}.tasks-table{width:100%;border-collapse:collapse;font-size:13px}.tasks-table th{text-align:left;background:var(--canvas,#f3f6fa);font-size:12px;white-space:nowrap;position:sticky;top:0;z-index:1}.tasks-table td,.tasks-table th{padding:13px 12px;border-bottom:1px solid var(--line,#dce3eb)}.tasks-table td:nth-child(2){min-width:200px}.tasks-table small{display:block;color:var(--muted,#63748b);margin-top:5px;font-size:11px;overflow-wrap:anywhere}.task-title{text-align:left;font-weight:600;overflow-wrap:anywhere;padding:0}.task-category{display:inline-block;font-size:11px;background:var(--selected,#e3effa);padding:2px 7px;border-radius:8px;margin:5px 4px 0 0}.tasks-table progress{width:55px;height:7px;accent-color:#0f6cbd}.task-complete .task-title{text-decoration:line-through;color:var(--muted,#63748b)}.task-overdue td:nth-child(3){color:#be3434;font-weight:600}.tasks-empty{padding:60px 20px;text-align:center;color:var(--muted,#63748b)}.tasks-pager{display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid var(--line,#dce3eb);padding:12px;font-size:12px}.tasks-workspace button:disabled,.task-dialog button:disabled{opacity:.5;cursor:default}.task-dialog{padding:0;border:1px solid var(--line,#bbc9d8);border-radius:10px;width:min(790px,calc(100vw - 24px));max-height:calc(100dvh - 32px);background:var(--panel,#fff);color:var(--ink,#172b42)}.task-dialog::backdrop{background:#10243e66}.task-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 36px)}.task-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line,#dce3eb)}.task-dialog-header h2{margin:0 0 4px;font-size:20px}.task-dialog-header small{color:var(--muted,#63748b)}.task-dialog-header>button{font-size:22px;border:0}.task-dialog-body{padding:20px 22px;overflow:auto;min-height:0}.task-dialog label{display:grid;gap:5px;font-size:12px}.task-dialog fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;min-width:0}.task-dialog .task-wide{grid-column:1/-1}.task-dialog .task-check{display:flex;align-items:center;gap:8px}.task-dialog textarea{resize:vertical;width:100%}.task-dialog label input,.task-dialog label select{width:100%;box-sizing:border-box}.task-dialog .task-check input{width:auto}.task-dialog input[type=color]{height:35px;padding:3px}.task-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.task-section{border-top:1px solid var(--line,#dce3eb);padding-top:15px;margin-top:20px;font-size:13px}.task-section h3{font-size:14px;margin:0 0 10px}.task-inline{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.task-inline input{flex:1}.task-dialog-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 22px;border-top:1px solid var(--line,#dce3eb)}.task-dialog button.primary,.tasks-workspace button.primary{background:#0f6cbd;color:#fff;border-color:#0f6cbd}.task-dialog .danger{color:#bd2828}.task-source{font-size:12px;overflow-wrap:anywhere;background:var(--canvas,#f5f7fa);padding:12px}.task-error{color:#a21d28;background:#ffedef;padding:12px 20px;white-space:pre-wrap}.task-attachment{display:flex;justify-content:space-between;gap:8px;margin:6px 0;overflow-wrap:anywhere}.task-attachment button{text-align:left;min-width:0;overflow-wrap:anywhere}.task-upload{padding:16px;border:1px dashed #7b9cc1;border-radius:5px;margin:12px 0;background:var(--canvas,#f5f7fa)}.task-upload.dragover{background:#d9ecff;outline:2px solid #0f6cbd}.task-section small{display:block;color:var(--muted,#63748b);font-size:11px;margin:4px 0}.task-share-dialog{max-width:540px}.task-share-dialog label{margin-top:15px}.task-reminder{display:flex;flex-direction:column;gap:8px;max-width:400px;pointer-events:auto}.task-reminder>div{display:flex;gap:6px;flex-wrap:wrap}.task-reminder button{padding:5px;border:1px solid currentColor;border-radius:4px;font-size:12px}#taskHistory{padding-left:18px}#taskHistory li{padding:7px 0}.task-dialog [hidden]{display:none!important}
@media(max-width:800px){.tasks-workspace{grid-template-columns:180px minmax(0,1fr)}.tasks-toolbar{padding:10px}.tasks-heading{padding:14px}.tasks-table td,.tasks-table th{padding:10px 8px}.tasks-table td:nth-child(n+4),.tasks-table th:nth-child(n+4){display:none}.tasks-search input{width:160px}.tasks-toolbar .tasks-spacer{display:none}}
@media(max-width:560px){.tasks-workspace{display:flex;flex-direction:column}.tasks-sidebar{padding:10px;border:0;border-bottom:1px solid var(--line,#dce3eb);overflow:visible;gap:8px;flex-shrink:0}.tasks-sidebar h2,.tasks-list-heading,.tasks-sidebar .module-switcher{display:none}.tasks-account-label{display:flex;align-items:center}.tasks-sidebar nav#tasksFilters,#taskLists{display:flex;overflow:auto;gap:6px}.tasks-sidebar button{white-space:nowrap;font-size:12px;padding:7px 10px}.tasks-sidebar small{display:none}.tasks-main{flex:1}.tasks-toolbar{gap:6px}.tasks-toolbar button{font-size:12px;padding:7px}.tasks-search{flex:1}.tasks-search input{width:100%}.tasks-heading h2{font-size:16px}.tasks-heading>span{font-size:11px}.task-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.task-dialog form{max-height:calc(100dvh - 16px)}.task-dialog-body{padding:14px}.task-dialog fieldset{gap:12px}.task-dialog-footer{padding:12px}.task-dialog-footer button{font-size:12px;padding:7px}.task-dialog .task-spacer{display:none}.task-inline{display:grid;grid-template-columns:1fr 1fr}.task-inline input{grid-column:1/-1}}
@media print{body:has(#taskDialog[open]) #app,body:has(#taskDialog[open]) #toastRegion{display:none}#taskDialog[open]{position:static;max-height:none;width:100%;border:0}#taskDialog form,#taskDialog .task-dialog-body{max-height:none;overflow:visible}#taskDialog button,#taskUploadLabel{display:none!important}}

.tasks-workspace{grid-row:3 / 5}
.tasks-workspace .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.tasks-search{flex:1 1 170px;min-width:140px}.tasks-toolbar #taskSort{flex:1 1 120px;min-width:110px}.tasks-table td:first-child,.tasks-table th:first-child{width:34px;padding:8px}.tasks-table td:nth-child(2){min-width:140px}.tasks-table td:last-child{min-width:90px}}
/* Four modules must fit both the mail and calendar sidebars equally. */
.module-switcher{min-width:0;max-width:100%;width:100%}.module-switcher button{flex:1 1 0;min-width:0;padding-left:3px;padding-right:3px}.module-switcher button b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.task-category{border-left:3px solid #0f6cbd}