/* Dashboard tablet layout only. Keep source values, controls and handlers intact. */
@media (min-width:769px) {
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stats {grid-template-columns:repeat(auto-fit,minmax(min(100%,156px),1fr));align-items:stretch}
}
@media (min-width:769px) and (max-width:1366px) {
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat {grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:18px 27px auto;gap:2px 8px!important;align-content:center;min-height:96px!important}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat>span:last-child {display:contents}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat>.icon {grid-column:1;grid-row:1/3;align-self:center}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat h3 {grid-column:2;grid-row:1;white-space:nowrap!important;line-height:18px!important}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat strong {grid-column:2;grid-row:2;white-space:nowrap!important}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .stat small {grid-column:1/-1;grid-row:3;font-size:11px!important;line-height:16px!important;margin:4px 0 0!important;white-space:normal!important;overflow-wrap:normal!important}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;padding:10px 12px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters>label:not(.dates) {grid-column:span 4;min-width:0}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters select {width:100%!important;max-width:100%;height:36px;font-size:12px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .periods {grid-column:span 5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .periods button {padding:8px 2px;font-size:12px;min-height:36px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters .dates {grid-column:span 5;min-width:0;max-width:none;width:100%}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .dates>div {height:38px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .dates input {font-size:12px;height:36px;min-width:0}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters>button {min-width:0;height:38px;padding:6px 2px;font-size:12px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .scope-note {height:auto;min-height:28px;line-height:18px;flex-wrap:wrap;padding:4px 0;gap:2px 8px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .heading {min-width:0;flex-wrap:wrap;gap:4px 12px}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .heading>div {min-width:0;flex:1}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .heading small {white-space:nowrap}
}
@media (min-width:769px) and (max-width:1023px) {
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .periods {grid-column:1/-1}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters .dates {grid-column:span 8}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .filters>button {grid-column:span 2}
html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .work-row,html.wnc-desktop-standard body.wnc-desktop-standard:is(body,#app):is(body,#main-area):is(body,#page-wallet) #dashboard-workbench-v2 .work-row.secondary {grid-template-columns:1fr}
}
/* Small iPad portrait uses the existing mobile controls and time sheet. */
@media (min-width:600px) and (max-width:768px) {
#dashboard-workbench-v2 .stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,156px),1fr));overflow:visible;gap:8px;margin:0 0 10px;padding:0}
#dashboard-workbench-v2 .stat {display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;min-width:0;min-height:96px;padding:10px 12px;text-align:left;align-items:center}
#dashboard-workbench-v2 .stat h3 {font-size:12px;white-space:nowrap;margin-bottom:6px}
#dashboard-workbench-v2 .stat strong {font-size:21px;overflow-wrap:normal;white-space:nowrap}
#dashboard-workbench-v2 .stat small {font-size:11px;min-height:0;line-height:16px}
#dashboard-workbench-v2 .filters select,#dashboard-workbench-v2 .periods button {font-size:12px}
}