/* Scoped to actual work controls, without changing their click handlers. */
body #dashboardView .work-hero-btn.start,body #dashboardView #personalStartBtn,body #dashboardView #myWorkQuickBtn{background:#b1ec08!important;color:#192016!important;border:2px solid #86b600!important;box-shadow:0 5px 0 #536f08!important;font-size:22px!important;font-weight:800!important;min-height:64px!important}
body #dashboardView .work-hero-btn.start span,body #dashboardView #personalStartBtn strong,body #dashboardView #personalStartBtn small{color:#192016!important}
body #dashboardView #workFinishBtn{background:#a72c26!important;color:#fff!important;border:2px solid #842019!important;font-weight:800!important;min-height:48px}
body #dashboardView #workStartOfficeBtn,body #dashboardView #workStartRemoteBtn{background:#b1ec08!important;color:#192016!important;font-weight:800!important;min-height:48px}
body [data-wf-reopen][hidden]{display:none!important}
.v12-dialog{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important}
.wf-dialog .wf-planner-head{display:flex;flex-wrap:wrap;gap:12px;min-width:0}
.wf-dialog .wf-planner-head>label{flex:1 1 220px;min-width:0;max-width:100%;box-sizing:border-box}
.wf-dialog .wf-planner-head input[type=month]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.wf-dialog input[type=month]::-webkit-date-and-time-value{text-align:left;min-width:0}
@media(max-width:600px){.wf-dialog .wf-planner-head{display:block}.wf-dialog .wf-planner-head>label{width:100%}.wf-dialog .wf-body{padding:14px}.v12-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important}}