/* Shared dashboard canvas: DOM order is visual order, including keyboard navigation. */
.home-page .dh-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start;--dh-metric-span:3;--dh-wide-span:6}
.dh-dashboard-grid.dh-density-2{--dh-metric-span:6;--dh-wide-span:12}
.dh-dashboard-grid.dh-density-3{--dh-metric-span:4;--dh-wide-span:8}
.dh-dashboard-grid.dh-density-6{--dh-metric-span:2;--dh-wide-span:4}
.home-page .dh-dashboard-grid>.dh-metric{grid-column:span var(--dh-metric-span)}
.home-page .dh-dashboard-grid>.dh-metric.dh-wide{grid-column:span var(--dh-wide-span)}
.home-page .dh-dashboard-grid>.dh-chart{grid-column:span 6}
.home-page .dh-dashboard-grid>.dh-size-third{grid-column:span 4}
.home-page .dh-dashboard-grid>.dh-size-full,.home-page .dh-dashboard-grid>.dh-websites{grid-column:1/-1}
.home-page .dh-dashboard-grid>.dh-websites{margin:0;min-width:0}
.dh-website-actions{display:flex;align-items:center;gap:8px}
.dh-editing [data-dh-layout-item]{outline:1px dashed #b4c5bd;outline-offset:3px}
.dh-editing [data-dh-layout-item]:focus-within{outline-color:#42705d}
.dh-dragging .dh-drag-source{opacity:.45;outline:2px dashed #42705d;outline-offset:3px}
.dh-dragging{cursor:grabbing}
.dh-grip{touch-action:none;user-select:none}
.dh-dragging .dh-drag-source{pointer-events:none}
.home-page .dh-item-controls .dh-circle:disabled{cursor:default;opacity:.35}
.dh-work-widget{container-type:inline-size}
.home-page .dh-work-widget>header{padding:18px 18px 8px;align-items:center}
.home-page .dh-work-widget [data-dh-work]{padding:0 18px}
.home-page .dh-work-tabs{gap:2px;border-bottom:1px solid #e1e7e3;padding:4px 0 9px;scrollbar-width:thin}
.home-page .dh-work-tabs button{gap:6px;border-radius:6px!important;padding:7px 9px;min-height:34px;font:500 12px/1.3 Inter,sans-serif}
.home-page .dh-work-tabs button.active{color:#173e32;background:#edf4ef}
.home-page .dh-work-tabs span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;min-height:19px;border-radius:999px;font:500 11px/1 Inter,sans-serif;background:#f0f3f1;color:#68786f;padding:3px 5px}
.home-page .dh-work-tabs .active span{background:#d9e9df;color:#244f3a}
.home-page .dh-work-tabs [data-work-status="overdue"]:not(.active) span{color:#a84652;background:#fbeff1}
.home-page .dh-work-search{gap:8px;margin:12px 0;align-items:center}
.home-page .dh-work-search label{flex:1 1 220px;max-width:360px;min-width:150px;height:36px;gap:8px;padding:0 11px;border-radius:7px;margin:0;background:#fff}
.home-page .dh-work-search label>svg{color:#85948c;width:15px;height:15px}
.home-page .dh-work-search input{font:400 12px/1.4 Inter,sans-serif;height:34px;min-height:0;padding:0;margin:0;box-shadow:none;background:transparent}
.home-page .dh-work-search input::placeholder{color:#849089;font-weight:400}
.home-page .dh-work-search label:focus-within{outline:2px solid #267d68;outline-offset:2px}
.home-page .dh-work-search select{width:auto;flex:0 1 170px;max-width:180px;height:36px;margin:0;font:400 12px/1.3 Inter,sans-serif;color:#405249;padding:7px 28px 7px 10px;border-radius:7px}
.home-page .dh-work-search [data-work-configure]{margin-left:auto}
.home-page .dh-work-grid{max-height:380px;border:1px solid #dce3e0;border-radius:7px;scrollbar-width:thin;overscroll-behavior:contain}
.home-page .dh-work-grid:focus-visible{outline:2px solid #267d68;outline-offset:2px}
.home-page .dh-work-grid table{min-width:0;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:400 13px/1.4 Inter,sans-serif}
.home-page .dh-work-grid th,.home-page .dh-work-grid td{padding:9px 12px;border-left:0;border-right:0;text-align:left;white-space:normal}
.home-page .dh-work-grid th{font:500 12px/1.4 Inter,sans-serif;background:#f7f9f8;color:#60716a}
.home-page .dh-work-grid th:first-child,.home-page .dh-work-grid td:first-child{width:38px;padding:6px 0 6px 8px}
.home-page .dh-work-grid th:nth-child(2){width:auto}
.home-page .dh-work-grid th:last-child{width:190px}
.home-page .dh-work-grid tbody tr:hover{background:#f8faf9}
.home-page .dh-work-grid td>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;font-weight:500;color:#253b31}
.home-page .dh-work-grid .dh-work-context{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 11px/1.4 Inter,sans-serif;color:#7a8981;margin-top:3px}
.home-page .dh-work-grid .dh-work-date{vertical-align:middle;font-size:12px}
.home-page .dh-work-date>small{font:400 11px/1.4 Inter,sans-serif;margin-top:3px}
.home-page .dh-work-date>.dh-work-overdue-label{color:#ad4453}
.home-page .dh-work-due{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:#465d50;font-size:12px}
.home-page .dh-work-due>svg{width:14px;height:14px;color:#98a49d}
.home-page .dh-work-due.is-overdue{color:#ad4453}
.home-page .dh-work-due.is-complete{color:#39775b}
.home-page .dh-work-undated{color:#94a098;font-size:12px}
.home-page button.dh-work-complete{width:28px;height:28px;min-height:28px;border:0;background:transparent;padding:4px;color:#81958a}
.home-page button.dh-work-complete>svg{width:19px;height:19px}
.home-page button.dh-work-complete[aria-pressed="true"]{color:#39775b}
.home-page button.dh-work-complete:hover{background:#e8f0eb}
.home-page .dh-work-readonly{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#a0aba5}
.home-page .dh-work-widget footer{padding:11px 0 14px;font:400 12px/1.4 Inter,sans-serif;color:#7a8981}
.home-page .dh-work-widget footer button{padding:6px 12px;min-height:31px}
.home-page .dh-work-empty{display:flex;min-height:210px;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;padding:20px;color:#7a8981;font-size:12px}
.home-page .dh-work-empty>svg{width:25px;height:25px;color:#a0aba5}
.home-page .dh-work-empty strong{font-size:13px;font-weight:500;color:#50675a}
.dh-work-skeleton{padding:12px 0;display:grid;gap:12px}
.dh-work-skeleton i{height:42px;background:#f2f5f3;border-radius:5px}
.dh-work-skeleton i:first-of-type{width:65%;height:32px}
@container(max-width:640px){
 .home-page .dh-work-search label{flex-basis:100%;max-width:none}
 .home-page .dh-work-search select{flex:1 1 120px;max-width:none}
 .home-page .dh-work-grid th:last-child{width:145px}
}
@container(max-width:420px){
 .home-page .dh-work-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page .dh-work-search label{grid-column:1/-1;min-width:0}
 .home-page .dh-work-search select{width:100%;min-width:0}
 .home-page .dh-work-search [data-work-configure]{justify-self:end}
 .home-page .dh-work-widget [data-dh-work]{padding:0 12px}
 .home-page .dh-work-grid th:last-child{width:106px}
 .home-page .dh-work-grid td,.home-page .dh-work-grid th{padding:9px 8px}
 .home-page .dh-work-due{font-size:11px}
 .home-page .dh-work-due>svg{display:none}
 .home-page .dh-work-grid td>a{font-size:12px}
}
@media(max-width:1200px){.home-page .dh-dashboard-grid{--dh-metric-span:4;--dh-wide-span:8}.home-page .dh-dashboard-grid>.dh-size-third{grid-column:span 6}}
@media(max-width:800px){.home-page .dh-dashboard-grid{--dh-metric-span:6;--dh-wide-span:12}.home-page .dh-dashboard-grid>.dh-chart{grid-column:1/-1}}
@media(max-width:600px){.home-page .dh-dashboard-grid{gap:12px}.home-page.dh-editing .dh-dashboard-grid>.dh-metric{grid-column:1/-1}.dh-websites>header{flex-wrap:wrap}.dh-website-actions{margin-left:auto}.home-page .dh-work-search select{min-height:36px}}