/* Account screens: constrain flexible content and keep iOS form text at 16px. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.shell{width:100%;min-width:0}
.shell .bar>*,.shell .split>*,.shell .panel,.shell .tablewrap,.shell label{min-width:0;max-width:100%}
.shell input,.shell select,.shell textarea{font-size:16px;min-width:0;max-width:100%}
.shell input[type=date],.shell input[type=time],.shell input[type=month]{display:block;min-height:44px;width:100%}
.shell .tablewrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.shell p,.shell h1,.shell h2{overflow-wrap:anywhere}
@media(max-width:600px){
 .shell{padding:12px!important}
 .shell header.bar{margin-bottom:16px;align-items:center;flex-wrap:nowrap}
 .shell header .brand{font-size:22px;letter-spacing:1.5px}
 .shell header small{font-size:11px}
 .shell header .actions{align-items:center;gap:8px}
 .shell header select{padding:8px;min-height:44px;max-width:118px}
 .shell header a{font-size:13px}
 .shell #account>.bar{gap:10px;margin-bottom:12px;align-items:flex-start}
 .shell h1{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:0 0 6px}
 .shell #account>.bar p{font-size:14px;margin:0}
 .shell #account>.bar .actions{gap:8px}
 .shell button{min-height:44px;padding:10px 12px;font-size:14px}
 .shell .status{margin-bottom:10px}
 .shell .pill{font-size:11px;padding:5px 9px}
 .shell nav.tabs{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;margin:12px 0 16px}
 .shell nav.tabs button{flex:1 0 auto;white-space:nowrap;padding:10px;font-size:13px;border-radius:8px}
 .shell .panel{padding:16px;margin-bottom:14px;border-radius:12px}
 .shell h2{font-size:18px;margin-bottom:12px;line-height:1.3}
 .shell p{font-size:14px;line-height:1.5}
 .shell label{margin:12px 0;gap:6px;font-size:13px}
 .shell input,.shell select{padding:10px;min-height:44px}
 .shell input[type=checkbox]{width:20px!important;height:20px;min-height:20px;flex:0 0 20px}
 .shell label:has(input[type=checkbox]){min-height:44px}
 .shell .split{grid-template-columns:minmax(0,1fr)!important;gap:0}
 .shell .row{gap:12px;flex-wrap:wrap;padding:14px 0}
 .shell .row form{min-width:0!important;width:100%}
 .shell .note{font-size:12px;padding:12px;margin-top:12px}
 .shell .empty{padding:24px 12px;font-size:13px}
 .shell .auth{margin:16px auto}
 .shell .filters{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important}
 .shell .filters label{width:100%}
 .shell th,.shell td{padding:12px 10px}
 .shell dialog{max-height:calc(100dvh - 32px);overflow:auto;padding:18px!important}
}

/* Compact personal summary above the time-entry form. */
.employee-month{padding:12px 14px;margin-bottom:16px;border:1px solid #dce7e1;border-radius:12px;background:#edf5f0;font-size:14px;line-height:1.5}
.employee-month-label{text-transform:capitalize;font-weight:600}
.employee-month strong{font-size:16px}
.employee-month-details{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;color:#52665d;margin-top:4px}
.employee-month-details b{font-weight:600}