/* Shared device layout. Tables and calendars scroll within their own containers. */
*{box-sizing:border-box}img{max-width:100%}body{background:#f5f7fb;color:#172b4d}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #76b9ed;outline-offset:3px}input,select,textarea{max-width:100%}.z-main-container{max-width:1600px;margin:auto}.z-global-header{height:auto!important;min-height:68px;gap:18px;flex-wrap:wrap;padding:12px 24px!important}.desktop-nav{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.desktop-nav a{flex-shrink:0}.header-right-section{flex-shrink:0}.dashboard-header,.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.dashboard-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;margin-bottom:22px}.dashboard-header h1,.page-header h1{font-size:clamp(23px,3vw,32px);margin:0 0 8px;letter-spacing:-.5px}.dashboard-header p,.page-header p{margin:0;color:#64748b}.live-clock{color:#0071bc;font-variant-numeric:tabular-nums}.saas-top-banner{flex-wrap:wrap!important;gap:20px!important}.attendance-stats-row{flex-wrap:wrap!important}.attendance-actions{flex-wrap:wrap;gap:10px}.table-responsive,.att-scroll,.ems-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ems-table-scroll table{min-width:640px}.modal-dialog{max-width:min(560px,calc(100vw - 28px));margin:18px auto}.modal-content{max-height:calc(100dvh - 36px);overflow-y:auto}.modal-footer{flex-wrap:wrap;gap:10px}.modal-footer form{margin:0}.modal-body{text-align:left!important}.modal button,.modal a.btn{min-height:42px}.modal-backdrop{z-index:1050}.modal{z-index:1060}.form-control,.form-select{min-height:42px}.status-pill{white-space:nowrap}.saas-panel,.att-panel,.card,.summary-card,.stat-card{min-width:0}.employee-grid,.corrections-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}.mobile-bottom-nav{z-index:1000}.mob-nav-item{flex:0 0 auto!important;min-width:76px;padding:12px!important}.mobile-bottom-nav>div{overflow-x:auto!important;justify-content:flex-start!important}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1199px){.desktop-nav{order:3;flex-basis:100%;display:flex!important}.z-global-header{align-items:center}.dashboard-layout,.profile-layout,.main-grid,.content-grid{grid-template-columns:1fr!important}.summary-cards,.stats-grid,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-details{min-width:0}}
@media(max-width:767px){body{padding-bottom:90px!important}.z-global-header{padding:12px 16px!important}.desktop-nav{display:none!important}.z-main-container{padding:20px 14px!important}.dashboard-header{padding:20px}.dashboard-header,.page-header{align-items:flex-start}.saas-top-banner{padding:18px!important;display:flex!important;flex-direction:column;align-items:stretch!important}.profile-widget{min-width:0!important}.attendance-stats-row{gap:16px!important;justify-content:flex-start!important}.attendance-info{min-width:120px}.attendance-actions form,.attendance-actions>.saas-btn{flex:1}.attendance-actions button{width:100%}.summary-cards,.stats-grid,.dashboard-stats{gap:12px!important}.summary-card,.stat-card{padding:16px!important}.form-row,.filter-grid,.form-grid,.profile-info-grid,.details-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.filter-actions{flex-wrap:wrap}.saas-input,.saas-select,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.page-header>div{max-width:100%}.page-header .saas-btn{white-space:normal}.btn,.saas-btn{min-height:42px}.profile-card{width:100%!important}.att-filters>div{width:100%}.att-filters input,.att-filters select{width:100%}.att-heading>div{display:flex;gap:8px;flex-wrap:wrap}.att-heading h2{width:100%}.header-right-section{gap:8px!important}.live-timer{display:none!important}.z-global-brand img{max-width:130px;height:auto!important;max-height:36px}.z-global-header .user-info-text{display:none!important}.modal-dialog{margin:14px auto}.modal-content{max-height:calc(100dvh - 28px)}.employment-actions .btn{flex:1 1 160px}.employee-detail-header,.profile-header{flex-wrap:wrap!important}.mobile-bottom-nav{display:block!important}}
@media(max-width:380px){.summary-cards,.stats-grid,.dashboard-stats{grid-template-columns:1fr!important}.dashboard-header h1{font-size:24px}.att-cards{grid-template-columns:1fr 1fr}.profile-widget{gap:10px!important}}
.saas-top-banner{display:flex!important;align-items:center;flex-wrap:wrap}.saas-top-banner>.profile-widget{flex:1 1 240px}.saas-top-banner>.attendance-stats-row{flex:2 1 320px}.saas-top-banner>.attendance-actions{flex:1 1 180px}.saas-top-banner>p{order:4;flex-basis:100%;margin:0}.profile-info,.emp-name,.info-value{overflow-wrap:anywhere}
@media(max-width:767px){.saas-top-banner>.profile-widget,.saas-top-banner>.attendance-stats-row,.saas-top-banner>.attendance-actions{flex:0 1 auto;width:100%}.profile-widget{border-right:0!important;padding-right:0!important}.saas-top-banner>p{flex-basis:auto}}