/* Fit the task overview to the viewport, with readable wrapping tiles. */
#homeTasksDialog[open]{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;padding:clamp(10px,1.4vw,24px)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
#homeTasksDialog>header{flex:0 0 auto!important;min-width:0;gap:12px!important}
#homeTasksDialog>header h2{font-size:clamp(21px,2vw,30px)!important}
#homeTasksDialog #homeExpenseReview{flex:1 1 0!important;min-height:0!important;min-width:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:auto minmax(120px,1fr) auto minmax(120px,1fr)!important;gap:10px!important;overflow:auto!important;padding:clamp(10px,1.4vw,22px)!important}
#homeTasksDialog #homeExpenseReview .taskLabel{margin:0!important;font-size:clamp(14px,1.1vw,18px)!important;font-weight:600}
#homeTasksDialog #homeExpenseReview .taskRow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(64px,1fr)!important;gap:12px!important;padding:0!important;min-width:0!important;overflow:visible!important}
#homeTasksDialog #homeExpenseReview .taskRow:last-child{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#homeTasksDialog #homeExpenseReview .taskRow>.btn{width:100%!important;height:100%!important;min-width:0!important;min-height:64px!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;padding:16px!important;margin:0!important;font-size:clamp(15px,1.25vw,21px)!important;line-height:1.45!important;display:flex!important;align-items:center!important;justify-content:center!important}
#homeTasksDialog #homeExpenseReview [hidden]{display:none!important}
@media(max-width:700px){#homeTasksDialog #homeExpenseReview .taskRow{grid-template-columns:repeat(3,minmax(0,1fr))!important}#homeTasksDialog #homeExpenseReview{grid-template-rows:auto minmax(150px,2fr) auto minmax(80px,1fr)!important}}
@media(max-width:600px){#homeTasksDialog #homeExpenseReview .taskRow,#homeTasksDialog #homeExpenseReview .taskRow:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#homeTasksDialog #homeExpenseReview{gap:8px!important;grid-template-rows:auto minmax(216px,3fr) auto minmax(144px,2fr)!important}#homeTasksDialog #homeExpenseReview .taskRow>.btn{padding:10px!important;font-size:15px!important}}
#homeTasksDialog #homeExpenseReview{display:flex!important;flex-direction:column!important;gap:10px!important;}
#homeTasksDialog #homeExpenseReview .taskRow{flex:0 0 auto!important;grid-auto-rows:minmax(54px,auto)!important;}
#homeTasksDialog #homeExpenseReview .taskRow:first-child{grid-template-columns:minmax(0,1fr)!important;}
#homeTasksDialog #homeExpenseReview .taskRow>.btn{min-height:54px!important;height:auto!important;padding:12px!important;}

@media(max-width:700px){#homeTasksDialog #homeExpenseReview .taskRow:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}