.task-hub{margin:20px 0;color:#e4f1f1}
.task-hub-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.task-hub-heading h2{font-size:24px;margin:0}.task-hub-heading p,.task-hub-note{color:#b6ced2;font-size:13px}
.task-hub-tabs{display:flex;gap:24px;border-bottom:1px solid #527782;margin:20px 0 0}
.task-hub-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 2px;color:#b6ced2;font:inherit;cursor:pointer}
.task-hub-tabs button[aria-pressed=true]{color:#a4f3e6;border-color:#82e8d9}
.task-hub-totals{display:flex;gap:32px;padding:20px 0;color:#c3d9dc}.task-hub-totals b{margin-left:8px;font-size:24px;color:#f4fcfd}
.task-hub-filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.task-hub-filters :is(input,select){border:1px solid #527782;background:#112f3c;color:#edf8fa;border-radius:7px;padding:10px 12px;font:inherit}
.task-hub-filters input{min-width:220px;flex:1}.task-hub-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.task-hub-table th{color:#a8c9ce;font-size:12px;font-weight:500}.task-hub-table :is(th,td){padding:15px 12px;border-bottom:1px solid #41636f}
.task-hub-table th:first-child{width:40%}.task-hub-table tbody tr:hover{background:#8fe3d90a}
.task-hub .ops-record-open{font:inherit;color:#e5f5f6;background:none;border:0;text-align:left;cursor:pointer}
.task-hub-status{white-space:nowrap;color:#bbd6e5}.task-hub-status:before{content:'●';font-size:9px;margin-right:8px;color:#89bdde}
.task-hub-status[data-done=true]{color:#96ead2}.task-hub-status[data-done=true]:before{color:#74e2bb}
.task-hub-limited{color:#adc1c6;font-size:12px}.task-completion{padding:12px 0;color:#315566}
.task-completion label{display:flex!important;align-items:center;gap:8px}.task-completion input{width:auto!important}
.task-hub :is(button,input,select):focus-visible{outline:2px solid #8de7df;outline-offset:3px}
@media(max-width:640px){.task-hub-heading{align-items:flex-start}.task-hub-totals{gap:16px;flex-wrap:wrap}.task-hub-filters :is(input,select){width:100%;min-width:0}.task-hub-table{min-width:620px}}

#app .task-hub h2{color:#e4f1f1}#app .task-hub input::placeholder{color:#afc6ce;opacity:1}#app .task-hub .quiet-empty{color:#bdd1d5}
