/* Shared visual language with the Reports workspace; mobile remains touch-friendly. */
:root{--navy:#192b45;--blue:#245c96;--muted:#65768a;--line:#dce4ee;--soft:#f3f9fd;--white:#fff}
html,body{background:#f5f7fa}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.5}
h1{font-weight:600;letter-spacing:-.025em;line-height:1.15}
h2,.action-card strong{font-weight:600}
.lead,.action-card small{color:var(--muted)}
.app-header{border-bottom:1px solid var(--line);margin-bottom:24px}
.action-card,.search-card,.info-card,.login-card,.native-form,.ticket-card,.summary-card,.calendar-controls{background:#fff;border-color:var(--line);border-radius:10px;box-shadow:none}
.action-card{gap:14px}
.action-icon,.section-icon,.account-button{background:#edf3f9;border-color:#dfe6ef;box-shadow:none}
.action-card small{line-height:1.5}
input,select,textarea,.scroll-time-control{border-color:#cdd7e3;border-radius:6px}
.primary-button{background:#173c66;border-radius:6px}
.secondary-button,.table-edit-link,.copy-button{background:#fff;border-radius:6px;color:#223e60}
.bottom-nav{border-color:var(--line);box-shadow:0 -3px 14px #192b4508}
.bottom-nav-item{color:#67768b}
.bottom-nav-item.active{background:#e8f1fc;color:#173c66}
.hours-table th{background:#eaf0f7;color:#405776}
.hours-table th,.hours-table td{border-color:#dce4ee}
.hours-table tbody tr:nth-child(even){background:#f3f9fd}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #7da3c8;outline-offset:3px}
@media(hover:hover){
 .action-card:hover{border-color:#abc5e3;background:#f3f9fd;box-shadow:0 5px 18px #192b4508}
 .primary-button:hover{background:#234f80}
 .secondary-button:hover,.table-edit-link:hover{background:#eef5fd}
}
@media(min-width:1000px){
 body.employee-app .app-shell{max-width:1440px;padding:24px 44px 60px}
 body.employee-app.has-app-navigation .app-shell{padding-top:88px}
 .employee-app .app-header{position:relative;top:auto;min-height:90px;background:transparent;margin-bottom:30px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .employee-app .header-logo-link{height:78px;width:110px}
 .employee-app .home-intro,.employee-app .page-intro{margin:0 0 28px}
 .employee-app h1{font-size:32px}
 .employee-app .lead{font-size:17px;margin-top:8px}
 .employee-app .action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .employee-app .action-card{grid-template-columns:52px minmax(0,1fr) 16px;min-height:158px;padding:22px;align-content:center}
 .employee-app .action-icon{width:52px;height:52px;border-radius:10px}
 .employee-app .action-icon svg,.employee-app .action-icon img{width:32px;height:32px}
 .employee-app .action-card strong{font-size:19px}
 .employee-app .chevron{font-size:25px}
 .employee-app .ticket-list,.employee-app .app-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .employee-app .ticket-card,.employee-app .info-card,.employee-app .search-card{padding:24px}
 .employee-app .native-form{max-width:1000px;padding:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;align-items:start}
 .employee-app .native-form>*,.employee-app .native-form>.form-field:has(textarea),.employee-app .native-form>.form-field:has(input[type=file]){grid-column:1 / -1;min-width:0}
 .employee-app .native-form>.form-field{grid-column:auto}
 .employee-app .native-form>.form-field:has(textarea),.employee-app .native-form>.form-field:has(input[type=file]){grid-column:1 / -1}
 .employee-app .native-form>.primary-button{justify-self:start;min-width:190px}
 .employee-app .form-actions{max-width:480px}
 .employee-app .report-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
 .employee-app .report-filters .primary-button{grid-column:auto;width:auto}
 .employee-app .summary-grid{gap:20px}
 .employee-app .bottom-nav{top:0;bottom:auto;left:0;transform:none;width:100%;height:64px;padding:0 max(44px,calc((100vw - 1352px)/2));display:flex;gap:30px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none}
 .employee-app .bottom-nav-item{display:flex;align-items:center;gap:9px;min-height:64px;padding:0 12px;border-radius:0;border-bottom:3px solid transparent;font-size:14px;font-weight:600}
 .employee-app .bottom-nav-item.active{background:transparent;border-bottom-color:#173c66}
 .employee-app .bottom-nav-item svg{width:20px;height:20px}
 .employee-app .bottom-nav-badge{top:7px;left:23px}
 .employee-app .login-page{max-width:460px;margin:auto}
 .employee-app .manager-login-card{max-width:460px}
 .employee-app .page-action-button{width:fit-content;min-width:200px}
}
@media(min-width:1000px) and (max-width:1199px){.employee-app .action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.app-themed-icon,.desktop-reports-link{display:none}
@media(min-width:1000px){
 .employee-app .action-icon>img,.employee-app .section-icon>img{display:none}
 .employee-app .action-icon .app-themed-icon,.employee-app .section-icon .app-themed-icon{display:block;width:32px;height:32px;background:currentColor;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat}
 .employee-app .section-icon .app-themed-icon{width:31px;height:31px}
 .employee-app .key-return-icon .app-themed-icon{transform:scaleX(-1)}
 .employee-app .desktop-reports-link{display:flex;align-self:center;margin-left:auto;min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:6px;color:#223e60;background:#fff}
 .employee-app .desktop-reports-link:hover{background:#eef5fd}
}