.compact-expenses{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;font-size:12px}
.compact-expenses>div{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.inline-expense{display:flex;align-items:center;gap:.3rem}
.inline-expense input{width:90px;min-width:0;padding:.4rem}
.day-hours{display:block;white-space:nowrap;margin-top:.25rem}
.review-request{padding:.6rem;border:1px solid var(--line);border-radius:.6rem;margin:.5rem 0}
.preview-role-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;background:#fff1bb;color:#302605;padding:10px;font-size:13px}
.preview-role-bar select{width:auto;color:#302605;background:#fff}
.preview-role-bar button{padding:8px;border-radius:6px}
/* Employee identity remains visible while reviewing a long report. */
#adminEditor>.section-heading.compact{position:sticky;top:var(--employee-heading-top,8px);z-index:19;background:var(--surface-solid);padding:.75rem;border-radius:.75rem;box-shadow:0 4px 12px #00000012}
#adminEmployeeName{overflow-wrap:anywhere}
#adminReportList .day-hours,.admin-report-table .day-hours{display:inline-block;background:#e4efff;color:#204f87;font-weight:800;padding:.35rem .5rem;border-radius:.5rem;white-space:normal;line-height:1.4}
.compact-expenses .expense-meal,.compact-expenses .expense-taxi{padding:.4rem;border-radius:.5rem;border:1px solid var(--line);font-weight:700}
.expense-meal{background:#fff4d6;color:#775000}
.expense-taxi{background:#e4f5ef;color:#18644a}
html[data-theme="dark"] .expense-meal{background:#392f1b;color:#ffdb85}
html[data-theme="dark"] .expense-taxi{background:#18372d;color:#9ce5c5}
html[data-theme="dark"] #adminReportList .day-hours,html[data-theme="dark"] .admin-report-table .day-hours{background:#20364f;color:#b9d9ff}
#adminTableView .admin-report-table{table-layout:fixed;min-width:0!important;width:100%}
#adminTableView .admin-report-table th,#adminTableView .admin-report-table td{white-space:normal!important;overflow-wrap:anywhere;text-align:left;padding:.55rem .35rem;vertical-align:top;min-width:0}
#adminTableView .admin-report-table th:nth-child(1){width:11%}
#adminTableView .admin-report-table th:nth-child(2){width:11%}
#adminTableView .admin-report-table th:nth-child(3){width:17%}
#adminTableView .admin-report-table th:nth-child(4){width:10%}
#adminTableView .admin-report-table th:nth-child(5){width:12%}
#adminTableView .admin-report-table th:nth-child(6){width:12%}
#adminTableView .admin-report-table th:nth-child(7){width:14%}
#adminTableView .admin-report-table th:nth-child(8){width:13%}
#adminTableView .compact-expenses{margin:0;display:grid;gap:.4rem}
#adminTableView .inline-expense{display:grid;gap:.25rem;width:100%}
#adminTableView .inline-expense input{width:100%;max-width:100%;padding:.35rem;font-size:inherit}
#adminTableView .btn{white-space:normal!important;max-width:100%;width:100%;margin:0 0 .35rem;padding:.4rem;line-height:1.35}
#adminTableView .badge{white-space:normal;display:inline-block}
#adminTableView .review-part-status{font-size:.75rem;line-height:1.6}
@media(max-width:760px){
 #adminTableView .admin-report-table thead{display:none}
 #adminTableView .admin-report-table,#adminTableView .admin-report-table tbody{display:block}
 #adminTableView .admin-report-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid var(--line);padding:.5rem}
 #adminTableView .admin-report-table td{display:block;width:auto!important;border:0!important;text-align:left!important}
 #adminTableView .admin-report-table td::before{display:block;position:static;width:auto;margin-bottom:.25rem;color:var(--muted);font-size:.65rem}
 #adminTableView .admin-report-table td:nth-child(3){grid-column:1/-1}
}
/* Avoid a non-scrolling body becoming the sticky containing scroller. */
body:has(#adminView:not(.hidden)){overflow-x:clip;overflow-y:visible}
/* Compact staff profile; reports scroll independently of identity and filters. */
#adminEditor>.section-heading.compact{position:static;box-shadow:none;padding:0 0 .75rem;background:transparent;justify-content:flex-start}
#adminEditor>.staff-identity{flex-direction:row!important;align-items:center!important}
#staffIdentityAvatar{width:88px;height:88px;min-width:88px;flex:0 0 88px;padding:0;overflow:hidden;border-radius:1rem}
#staffIdentityAvatar img{width:100%;height:100%;object-fit:cover}
#staffProfileDetails{border:1px solid var(--line);border-radius:.75rem;padding:.7rem;margin-bottom:.75rem}
#staffProfileDetails>summary{cursor:pointer;font-weight:700;color:var(--text)}
#staffReportsViewport{height: min(65vh,900px);min-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.35rem;margin-top:.75rem}
#staffReportsViewport .entries-list{margin-top:0}
#adminView>.topbar,#adminView>#adminNav{position:static!important}

#monthlySummaryBody .summary-money{color:var(--text)!important;font-weight:400}
#monthlySummaryBody .summary-part-reviewed{color:#23815a!important;font-weight:600}
#monthlySummaryBody .summary-row-reviewed{background:rgba(35,150,98,.07)}
html[data-theme="dark"] #monthlySummaryBody .summary-part-reviewed{color:#8bdcb3!important}
html[data-theme="dark"] #adminView .mini-summary,html[data-theme="dark"] #adminView .badge{background:#27313f!important;color:#e1e8f0!important;border-color:#3d4958}
html[data-theme="dark"] #adminView .btn-quick-review{background:#193d2e!important;color:#b4e6c9!important;border-color:#32644c!important}
html[data-theme="dark"] #adminView .profile-stat,html[data-theme="dark"] #adminView .readonly-value,html[data-theme="dark"] #adminView .admin-note{background:#1c242e!important;color:#e1e8f0!important}
#adminView .profile-stat-positive{background:var(--surface-solid);border-color:var(--line)}
#adminView .profile-stat-positive strong{color:var(--text)}
/* Dense employee workstation, matching the profile/reference layout. */
.staff-profile-header{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto 1fr;gap:.4rem .65rem;align-items:start}
#adminEditor .staff-profile-header #staffIdentityAvatar{grid-row:1/3;width:80px;min-width:0;height:120px;margin:0;background:var(--surface-solid);border:1px solid var(--line)}
#staffIdentityAvatar img{object-fit:contain}
#adminEditor #adminEmployeeName{font-size:1rem;line-height:1.25;margin:0}
#adminEditor #employeeProfileSummary{gap:.35rem;margin:0}
#adminEditor .profile-stat{padding:.4rem .5rem;border-radius:.5rem;gap:.15rem}
#adminEditor .profile-stat span{font-size:.6rem;line-height:1.3}
#adminEditor .profile-stat strong{font-size:.78rem;line-height:1.3}
#staffProfileDetails{padding:.3rem .5rem;margin:0;border-radius:.4rem;font-size:.75rem}
#staffProfileDetails[open]{overflow:auto;max-height:45vh;flex-shrink:0}
#adminEditor>.divider{display:none}
#adminEditor .admin-report-filters{gap:.4rem;flex-wrap:wrap;margin:0}
#adminEditor .admin-report-filters .field{min-width:0;width:7rem;gap:.2rem}
#adminEditor .admin-report-filters label{font-size:.65rem}
#adminEditor .admin-report-filters select,#adminEditor .admin-report-filters .btn{padding:.4rem .55rem;font-size:.75rem;min-height:32px}
#adminEditor .staff-report-viewbar{margin:0 0 0 auto;padding:0;align-self:flex-end}
#adminEditor .mini-summary{margin:0;padding:.5rem .6rem;gap:.5rem 1rem;font-size:.7rem;border-radius:.5rem}
#adminEditor .mini-summary strong{font-size:.75rem}
#adminEditor{display:flex;flex-direction:column;gap:.55rem;min-height:0}
#staffReportsViewport{margin:0}
@media(min-width:1001px){
 #adminView:has(#peopleSection:not(.hidden)){height:calc(100dvh - var(--staff-panel-top,0px));box-sizing:border-box;display:flex;flex-direction:column;padding-top:.65rem;padding-bottom:.65rem;gap:.6rem}
 #adminView:has(#peopleSection:not(.hidden))>.topbar,#adminView:has(#peopleSection:not(.hidden))>#adminNav{flex-shrink:0;margin:0}
 #adminView #peopleSection{flex:1;min-height:0;margin:0;gap:.65rem;grid-template-columns:260px minmax(0,1fr)}
 #peopleSection>.admin-panel{margin:0;padding:.8rem;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column}
 #peopleSection>.admin-panel #adminEditor{flex:1;min-height:0}
 #peopleSection #employeeAdminList{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
 #staffReportsViewport{flex:1;min-height:0;height:auto}
 #adminEditor>*{flex-shrink:0}
 #adminEditor>#staffReportsViewport{flex-shrink:1}
}
@media(max-width:600px){
 .staff-profile-header{grid-template-columns:62px minmax(0,1fr)}
 #adminEditor .staff-profile-header #staffIdentityAvatar{width:62px;height:100px}
 #adminEditor #employeeProfileSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #adminEditor .admin-report-filters .field{width:calc(50% - .2rem)}
 #adminEditor .staff-report-viewbar{margin-left:0}
}
/* Shared service menu and visual surfaces across both workspaces. */
#adminServiceMenu{position:relative}
#adminServiceMenu .employee-menu-items{z-index:60;background:var(--surface-solid);color:var(--text);border:1px solid var(--line);padding:.65rem;border-radius:1rem}
#adminServiceMenu .employee-menu-items>.btn{justify-content:flex-start}
#staffProfileDetails:not([open]){height:auto!important;min-height:0!important;max-height:none;flex:0 0 auto;padding:.3rem .5rem}
#staffProfileDetails:not([open])>summary{margin:0;min-height:0;line-height:1.4;padding:0}
html:not([data-theme=dark]) #employeeView{--panel:#fff;--control:#f3f5f8;--text:#12151b;--muted:#737a86}
html:not([data-theme=dark]) #employeeView :is(input,select){background:#fff;border-color:var(--line);color:var(--text)}
#employeeView .employee-header{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow-soft)}
html:not([data-theme=dark]) #employeeView :is(.employee-finances,.entry-card,.employee-date-filter,.footer-actions){background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
#employeeView .employee-menu-items{background:var(--surface-solid)!important;color:var(--text)}
#employeeView :is(.btn,.entry-date,.badge,.view-toggle-btn){font-weight:700}
#adminView>.topbar{position:relative!important;z-index:50}
/* Readable management workspace: use available width instead of shrinking information. */
#adminView{width:calc(100% - 40px);max-width:1920px;font-size:max(14px,1.1rem)}
#adminView:has(#peopleSection:not(.hidden)){gap:14px}
#adminView>#adminNav{margin-top:14px;margin-bottom:14px}
#adminView:has(#peopleSection:not(.hidden))>#adminNav{margin:0}
#adminEditor{gap:10px}
#adminEditor #adminEmployeeName{font-size:max(18px,1.4rem);font-weight:700;line-height:1.3}
#adminEditor #employeeProfileSummary{gap:6px}
#adminEditor .profile-stat{padding:7px 10px;gap:4px}
#adminEditor .profile-stat span{font-size:max(11px,.85rem);line-height:1.3;letter-spacing:.015em}
#adminEditor .profile-stat strong{font-size:max(15px,1.15rem);line-height:1.3;font-variant-numeric:tabular-nums}
.staff-profile-header{grid-template-columns:90px minmax(0,1fr);gap:7px 12px}
#adminEditor .staff-profile-header #staffIdentityAvatar{width:90px;height:138px}
#staffProfileDetails>summary{font-size:max(13px,1rem);font-weight:600}
#staffProfileDetails:not([open]){padding:5px 9px}
#adminEditor .admin-report-filters{gap:8px;align-items:flex-end}
#adminEditor .admin-report-filters .field{width:130px;gap:4px}
#adminEditor .admin-report-filters label{font-size:max(12px,.95rem)}
#adminEditor .admin-report-filters :is(select,.btn,.view-toggle-btn){font-size:max(14px,1.05rem);height:38px;min-height:38px;box-sizing:border-box;padding:6px 12px;line-height:1.2}
#adminEditor .staff-report-viewbar .view-toggle{padding:0;min-height:38px;box-shadow:none}
#adminEditor .mini-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;font-size:max(13px,1rem);line-height:1.4}
#adminEditor .mini-summary>span{display:flex;flex-direction:column;gap:3px;color:var(--muted)}
#adminEditor .mini-summary strong{font-size:max(18px,1.4rem);color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
#adminEditor .mini-summary>span:nth-child(2) strong{color:#906200}
#adminEditor .mini-summary>span:nth-child(3) strong{color:#216895}
html[data-theme="dark"] #adminEditor .mini-summary>span:nth-child(2) strong{color:#ffdb85}
html[data-theme="dark"] #adminEditor .mini-summary>span:nth-child(3) strong{color:#a8d9ff}
#adminView #employeeAdminList .employee-row strong{font-size:max(14px,1.05rem);line-height:1.35}
#adminView #employeeAdminList .employee-row span{font-size:max(12px,.95rem);line-height:1.35}
#adminReportList :is(.entry-date,.task-chip,.badge,.compact-expenses,.day-hours){font-size:max(13px,1rem);line-height:1.4}
#adminReportList .muted{font-size:max(12px,.95rem);line-height:1.4}
#adminReportList .entry-card{padding:12px}
#adminReportList .btn{font-size:max(13px,1rem);min-height:36px}
@media(min-width:1001px){
 #adminView #peopleSection{grid-template-columns:clamp(270px,21vw,340px) minmax(0,1fr);gap:14px}
 #peopleSection>.admin-panel{padding:12px}
}
@media(max-width:1000px){#adminView{width:calc(100% - 24px)}}
@media(max-width:600px){
 #adminEditor .mini-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-profile-header{grid-template-columns:64px minmax(0,1fr)}
 #adminEditor .staff-profile-header #staffIdentityAvatar{width:64px;height:108px}
 #adminEditor .admin-report-filters .field{width:calc(50% - 4px)}
}
#adminView:has(#peopleSection:not(.hidden)){gap:12px!important}
#adminView:has(#peopleSection:not(.hidden))>#adminNav,#adminView #peopleSection{margin:0!important}
html[data-theme="dark"] #adminView .field label{color:#aab6c4}
html[data-theme="dark"] #adminEditor .profile-stat-positive strong{color:var(--text)!important}
/* Compact review rows with consistent control sizes. */
#adminView:has(#peopleSection:not(.hidden))>.topbar{margin:0!important}
#adminView:has(#peopleSection:not(.hidden))>#adminNav{margin:0!important}
#adminView #peopleSection{padding:0!important;margin:0!important}
#adminView #peopleSection>.card{margin-top:0!important}
#adminReportList .day-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
#adminReportList .day-heading .day-hours{margin:0}
#adminReportList .entry-top{align-items:center}
#adminReportList .review-action{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#adminReportList .review-action :is(.btn,.review-status){min-height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:13px;line-height:1.3;margin:0}
#adminReportList .venue-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;margin:8px 0}
#adminReportList .venue-summary>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#adminReportList .task-chip{margin:0}
.day-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
#adminReportList .day-bottom .entry-meta,#adminReportList .compact-expenses{margin:0}
#adminReportList .compact-expenses{margin-left:auto}
#adminReportList .compact-expenses>div{padding:3px 5px;min-height:36px;box-sizing:border-box}
#adminReportList .compact-expenses :is(input,.btn){height:30px;min-height:30px;padding:4px 7px;font-size:13px}
#adminTableView .admin-report-table :is(td,th){text-align:center!important;vertical-align:middle}
#adminTableView .admin-report-table th:nth-child(5){width:11%}
#adminTableView .admin-report-table th:nth-child(6){width:17%}
#adminTableView .admin-report-table th:nth-child(3){width:15%}
#adminTableView .admin-report-table th:nth-child(7){width:12%}
#adminTableView .day-hours{display:block;width:fit-content;margin:7px auto 0}
#adminTableView .review-part-status{font-size:13px;line-height:1.45}
#adminTableView .expense-taxi{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px}
#adminTableView .inline-expense{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
#adminTableView .inline-expense input{width:76px;height:30px;min-height:30px}
#adminTableView [data-list-receipt]{width:auto;min-height:28px;height:28px;padding:3px 7px;margin:0;font-size:12px}
#adminTableView .compact-expenses{justify-content:center}
@media(max-width:760px){#adminReportList .compact-expenses{margin-left:0}}
#adminView:has(#peopleSection:not(.hidden))>#overviewDashboard{display:none!important}
#adminView:has(#peopleSection:not(.hidden)){display:flex;flex-direction:column;row-gap:12px!important}
#adminView:has(#peopleSection:not(.hidden))>.topbar,#adminView:has(#peopleSection:not(.hidden))>#adminNav{margin:0!important;transform:none;top:auto!important;flex-shrink:0}
#reviewQueueControls{display:grid;gap:8px;margin:8px 0;font-size:13px}
.review-period{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.review-period label:first-child{grid-column:1/-1}
.review-period input{padding:6px;min-width:0}
.review-shortcuts{display:flex;gap:4px;flex-wrap:wrap}
.review-shortcuts button{border:1px solid var(--line);border-radius:6px;background:var(--surface-solid);color:var(--text);padding:5px 8px}
#employeeAdminList .queue-done{background:rgba(36,166,103,.12)!important;border-color:#48a87b}
#employeeAdminList .queue-pending{background:rgba(220,160,35,.10)!important;border-color:#caa150}
#employeeAdminList .queue-empty{opacity:.7}
#peopleSection[data-workspace="directory"] :is(.admin-report-filters,#adminReportSummary,#staffReportsViewport,#dayReviewRequests){display:none!important}
#peopleSection[data-workspace="directory"] #adminEditor{overflow:auto}
#peopleSection[data-workspace="directory"] #staffProfileDetails[open]{max-height:none;overflow:visible}
#peopleSection[data-workspace="review"] #staffProfileDetails{display:none}
#peopleSection[data-workspace="review"] .admin-report-filters>.field,#peopleSection[data-workspace="review"] #adminExportBtn{display:none}
#peopleSection[data-workspace="review"] #employeeProfileSummary .profile-stat:nth-child(4){display:none}

#ownCorrectionRequests .section-heading,#correctionQueue .section-heading,#correctionQueue .inline-actions{flex-wrap:wrap}
.review-request p{white-space:pre-wrap;overflow-wrap:anywhere}
.inline-day-corrections{display:grid;gap:8px;margin-top:10px;min-width:0}
.day-correction-request{padding:10px 12px;border:1px solid var(--line);border-left:3px solid #b98421;border-radius:8px;background:color-mix(in srgb,#c48b26 9%,var(--surface-solid));color:inherit}
.day-correction-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:13px}
.day-correction-heading>span{font-size:12px;color:var(--muted)}
.day-correction-request p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.day-correction-request [data-request-status]:empty{display:none}
.day-correction-request .inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#adminTableView .day-correction-table-row>td{text-align:left!important;grid-column:1/-1}
#adminTableView .day-correction-table-row .inline-day-corrections{margin-top:0}
#adminTableView .day-correction-table-row .btn{width:auto}
#correctionRequestDialog .field{margin-bottom:.75rem}
#correctionRequestDialog textarea{min-height:7rem}
#notificationItems .inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
#returnCorrectionDialog label{display:block;margin-bottom:1rem}
#returnCorrectionDialog select,#returnCorrectionDialog textarea{display:block;width:100%;box-sizing:border-box}
#returnCorrectionDialog textarea{min-height:7rem}
#returnCorrectionDialog .dialog-actions,#adminEventForm .dialog-actions{flex-wrap:wrap;gap:.5rem}
[data-notifications]{white-space:nowrap}

/* Employee spacing comes after shared mobile and surface styles. */
#employeeView .employee-date-filter{padding:1rem;border-radius:1.25rem;gap:.75rem;border:1px solid var(--line);background:var(--surface-solid);margin-bottom:1rem}
#employeeView .date-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
#employeeView .date-shortcuts{display:flex;flex-wrap:wrap;gap:.375rem;padding:0;border:0;background:transparent;overflow:visible}
#employeeView .date-shortcuts .btn{border-radius:.75rem;border:1px solid var(--line);padding-inline:.625rem}
#employeeView #employeeDateStatus:empty{display:none}
#employeeView .report-period{margin:0 0 1rem;border-radius:.75rem}
#employeeView .report-list-heading{margin-bottom:1rem;gap:.75rem}
#employeeView .view-toggle{padding:.1875rem;gap:.125rem;border:1px solid var(--line);border-radius:.875rem;box-shadow:none}
#employeeView .view-toggle-btn{border-radius:.625rem}
#employeeView .entry-card{border-radius:1.25rem}
#employeeView .footer-actions{padding:.75rem;border-radius:1.25rem}
#employeeView .employee-navigation{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  #employeeView .employee-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.75rem;margin-bottom:1rem;min-height:0}
  #employeeView .employee-header .brand-heading{gap:.625rem}
  #employeeView .employee-header h1{font-size:clamp(18px,4.7vw,24px)}
  #employeeView .employee-navigation{display:contents}
  #employeeView .employee-menu{justify-self:end}
  #employeeView .employee-navigation>[data-notifications]{grid-column:1/-1;justify-self:end;height:auto;min-height:36px;padding:.375rem .75rem;font-size:max(12px,.875rem)}
  #employeeView .employee-date-filter{padding:.75rem}
  #employeeView .date-range-inputs{gap:.625rem}
  #employeeView .date-range-inputs input{padding-inline:.5rem;font-size:max(13px,1rem)}
  #employeeView .date-filter-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}
  #employeeView .date-shortcuts{display:contents}
  #employeeView .date-filter-controls .btn{width:100%;font-size:max(11px,.8rem);padding-inline:.25rem;white-space:nowrap}
  #employeeView .report-view-actions{gap:.75rem;align-items:center}
  #employeeView .view-toggle{align-self:center}
  #employeeView .context-help-actions{margin-left:auto}
  #employeeView .employee-days{margin-top:1rem}
}
@media(max-width:360px){
  #employeeView .date-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:440px){
  #employeeView .finance-item{padding:.5rem}
  #employeeView .finance-item>span{font-size:max(11px,.75rem);overflow-wrap:anywhere}
  #employeeView .finance-item>strong{font-size:max(14px,1rem);white-space:normal;overflow-wrap:anywhere}
  #employeeView .report-view-actions{display:grid;grid-template-columns:1fr}
  #employeeView .view-toggle{display:flex;width:100%;box-sizing:border-box}
  #employeeView .view-toggle-btn{flex:1}
  #employeeView .context-help-actions{width:100%;margin:0}
  #employeeView #addEventBtn{width:100%}
}