.form-stack select,.feature-form input,.feature-form select,.feature-stack>label select,#behalf-site,.summary-controls input,.summary-controls select{
  width:100%;min-height:45px;border:1px solid #dce7e5;border-radius:9px;padding:9px 12px;
  color:#173039;background:#fff;font:inherit;
}
#worker-assignment{display:grid;gap:12px;margin-bottom:20px}
#worker-assignment .subtle{margin:0}
#worker-assignment label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#29444b}
#worker-assignment select,#worker-assignment input{width:100%;min-height:45px;border:1px solid #dce7e5;border-radius:9px;padding:9px 12px;color:#173039;background:#fff;font:inherit}
.form-stack.compact{gap:10px;padding:13px 15px;background:#f4faf8;border:1px solid #deeee9;border-radius:10px}
.form-stack.compact p{margin:0}
.board-card{padding:0;margin-top:18px}
.feature-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.feature-form label,.feature-stack>label,.summary-controls label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#29444b}
.feature-form .primary-button{align-self:end;justify-self:start}
.feature-stack{margin-bottom:18px}
#view-accounts>.card+section,#view-accounts>.card+section+section{margin-top:18px}
.summary-line{font-size:13px;font-weight:700;margin:20px 0;color:#216c60}
.check-label{display:flex!important;align-items:center;gap:10px!important;grid-column:1/-1}
.check-label input{width:auto;min-height:auto}
.pay-results{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.pay-row{border-top:1px solid #e9f0ee;padding:10px 0;display:flex;justify-content:space-between;gap:12px;font-size:12px}
.pay-row strong{text-align:right}
.team-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.team-group{padding:0;overflow:hidden}
.team-group-heading{display:flex;align-items:center;gap:13px;padding:20px 22px;background:#eaf7f3;border-bottom:1px solid #d7ebe4}
.team-engineer-mark,.team-helper-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#119d88;color:#fff;font-weight:800}
.team-group-heading small{display:block;color:#0b8475;font-size:9px;font-weight:800;letter-spacing:.13em}
.team-group-heading h2{margin:3px 0 0;font-size:17px;color:#153d40}
.team-group-count{margin-left:auto;color:#40716e;font-size:11px;font-weight:800;white-space:nowrap}
.team-helper{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid #edf2f1}
.team-helper:last-child{border-bottom:0}
.team-helper-mark{width:32px;height:32px;border-radius:50%;background:#d4f2e8;color:#0b735f;font-size:12px}
.team-helper-details{display:grid;gap:2px;min-width:0}
.team-helper-details strong{font-size:12px;overflow-wrap:anywhere}
.team-helper-details small{font-size:10px;color:#81989a}
.team-clock-time{margin-left:auto;color:#0d7768;font-size:12px;font-weight:800;white-space:nowrap}
.ob-card{margin-top:18px}
.ob-card .muted{font-size:12px}
.ob-reason{grid-column:1/-1}
.summary-controls{display:flex;align-items:end;gap:11px;flex-wrap:wrap;margin-bottom:15px}
.summary-controls .primary-button,.summary-controls .secondary-button{min-height:45px}
.cutoff-sheet{width:max-content;min-width:100%;border:1px solid #dfeae7}
.cutoff-sheet th,.cutoff-sheet td{padding:9px 10px;border:1px solid #e4eeeb;min-width:72px;font-size:11px;white-space:nowrap}
.cutoff-sheet thead th{background:#eaf7f3;color:#31665f;text-align:center}
.cutoff-sheet .sheet-day-heading{background:#d8f0e8}
.cutoff-sheet .sheet-week-heading,.cutoff-sheet .sheet-week-total{background:#eef8f4;font-weight:800}
.cutoff-sheet .sheet-helper{position:sticky;left:0;min-width:148px;max-width:180px;background:#fff;color:#183a40;text-align:left;z-index:2;white-space:normal;box-shadow:2px 0 5px #153c3d16}
.cutoff-sheet thead .sheet-helper{z-index:3;background:#eaf7f3}
.cutoff-sheet td.sheet-no_attendance{color:#94a4a7;background:#f9fbfb}
.cutoff-sheet td.sheet-pending{background:#fff9eb}
.cutoff-sheet td.sheet-rejected{background:#fff2ef}
.cutoff-sheet td.sheet-approved{background:#f3fbf7}
#view-payroll .role-hr h3{font-size:15px;margin-top:25px}
/* Keep the working views compact while preserving finger-sized controls. */
body{line-height:1.4}
.content{padding-top:28px;padding-bottom:48px}
.page-heading{margin-bottom:20px}
.page-heading h1{font-size:clamp(26px,2.5vw,34px)}
.page-heading .muted{margin-top:6px;line-height:1.45}
.metrics{gap:12px;margin-bottom:14px}
.metric{min-height:136px;padding:17px 18px}
.metric-icon{margin-bottom:8px}
.metric strong{font-size:23px}
.overview-grid,.hr-grid{gap:14px}
.card{padding:20px}
.table-card,.board-card,.team-group{padding:0}
.section-heading{margin-bottom:14px}
.action-card .muted{margin-bottom:16px}
#worker-assignment{gap:9px;margin-bottom:14px}
.clock-actions{gap:9px}
.clock-actions button{min-height:45px}
.table-toolbar{padding:16px 20px}
td,th{padding:11px 16px}
.feature-form{gap:12px;margin-top:14px}
.review-item{padding:14px 0}
.event-row{padding:10px 0}
@media(min-width:951px){.workspace{grid-template-columns:222px minmax(0,1fr)}.sidebar-brand{margin-bottom:40px}.nav-item{padding:10px 12px}}
@media(max-width:680px){.feature-form,.pay-results{grid-template-columns:1fr}}
@media(max-width:850px){.team-chart{grid-template-columns:1fr}}
@media(max-width:850px){
  .auth-shell{display:block}.auth-intro{display:none}.auth-panel{min-height:100vh}
  .workspace{display:block}.sidebar{display:none}
  .topbar{height:65px;padding:0 18px}.topbar-left{display:none}
  .mobile-logo{display:block;font-size:18px;font-weight:800;color:#0b917c}
  .mobile-logo strong{color:#16353e;font-size:14px}
  .mobile-nav{display:flex;gap:18px;overflow-x:auto;padding:0 18px;background:#fff;border-bottom:1px solid #e5efed;scrollbar-width:thin}
  .mobile-item{border:0;background:none;white-space:nowrap;font-size:12px;color:#879a9c;padding:13px 0;font-weight:800}
  .mobile-item.active{color:#0b917c;border-bottom:2px solid #0b917c}
  .content{padding:28px 18px 65px}
}
@media(max-width:600px){
  .card{padding:16px}.board-card,.table-card,.team-group{padding:0}
  .team-group-heading{padding:15px 16px}.team-helper{padding:12px 16px}
  .board-card table{min-width:0}.board-card thead{display:none}
  .board-card tbody{display:grid;gap:10px;padding:12px}
  .board-card tr{display:grid;border:1px solid #e5efed;border-radius:10px;padding:8px 12px;background:#fff}
  .board-card td{display:flex;justify-content:space-between;gap:14px;border:0;padding:7px 2px;text-align:right;overflow-wrap:anywhere}
  .board-card td::before{content:attr(data-label);font-weight:800;color:#73848a;white-space:nowrap;text-align:left}
  .board-card td.empty::before{content:none}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:last-child{grid-column:1/-1}
  .topbar-user{display:none}.topbar-right{margin-left:auto}
  .feature-form{grid-template-columns:1fr}
}