/* Shared employee dashboard: existing four KPI tiles, overview and calendar. */
#app main #hours .dash-greeting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:18px!important}
#app main #hours .dash-heading-copy{min-width:0;flex:1 1 220px}
#app #dashboardAddHours{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:12px 20px!important;border-radius:12px!important;white-space:nowrap!important;font-size:16px!important;font-weight:700!important;background:#1677f5!important;color:#fff!important;border:0!important}
#app main #hours .quick-card{margin-top:18px!important;padding:18px!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:16px!important;position:static!important;width:100%!important;box-sizing:border-box!important}
#app main #hours .quick-card>.section-head{display:flex!important;margin:0 0 12px!important}
#app main #hours .quick-card>.quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;position:static!important;margin:0!important;padding:0!important}
#app main #hours .quick-actions>.quick-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:52px!important;padding:12px!important;border-radius:11px!important;font-size:14px!important;min-width:0!important;position:static!important;border:0!important;color:#fff!important}
#app main #hours .quick-actions>.blue{background:#1677f5!important}#app main #hours .quick-actions>.green{background:#11ab70!important}#app main #hours .quick-actions>.orange{background:#c97d06!important}#app main #hours .quick-actions>.purple{background:#7650df!important}
#app main #hours .quick-actions .quick-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;font-size:22px!important;background:transparent!important;color:#fff!important;flex:0 0 auto!important}
#app main #hours .quick-actions .quick-label{font-size:14px!important;line-height:1.2!important;font-weight:700!important}
#app main #hours .quick-actions .quick-arrow{display:none!important}
#app main #hours .employee-desktop-quick{display:none!important}
#officeExpenseArea{margin:16px 0}#officeExpenseArea[hidden],#officeExpenseFields[hidden],#employeeExpensesButton[hidden]{display:none!important}
#officeExpenseToggle{width:100%;min-height:44px;font-size:16px}
#officeExpenseFields{display:grid;gap:8px;padding-top:14px}
#officeExpenseFields label{font-size:14px;color:#53657d;font-weight:600}
#officeExpenseFields input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;font-size:16px;border:1px solid #dce5ef;border-radius:10px;padding:10px;background:#fff}
#officeExpenseFields small{color:#667085}
.employee-expenses-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.employee-expense-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #e5ebf3}
.employee-expense-row>div{flex:1;min-width:160px}.employee-expense-row strong,.employee-expense-row small{display:block}.employee-expense-row small{color:#667085;margin-top:4px;overflow-wrap:anywhere}
#employeeExpensesButton{min-height:44px;margin-top:12px;font-size:14px}
#app main #expenses.hidden{display:none!important}
@media(max-width:700px){#app main #hours .quick-card>.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app #dashboardAddHours{min-height:44px!important;padding:10px 14px!important;font-size:14px!important}}