/* Load after the main stylesheet. Scoped to mobile-entry widgets and chef crew controls. */
.pm-day-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;margin-bottom:8px;align-items:center}
.pm-day-nav button,.pm-day-nav select{min-width:0;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--bg3);color:var(--text);font:inherit}
.pm-day-nav button{padding:0;font-size:28px;touch-action:manipulation}
.pm-day-nav select{width:100%;padding:8px;font-size:16px}
.pm-day-nav button:disabled{opacity:.4}
.pm-daystrip{scroll-padding-inline:8px;overscroll-behavior-x:contain}
.pm-day{min-width:46px;min-height:52px;touch-action:manipulation}
.pm-entry-status{min-height:0;font-size:12px;color:var(--text2)}
.pm-entry-status:not(:empty){padding-top:6px}
.pm-entry{display:block}
.pm-unit-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text2)}
.pm-number-entry{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center}
.pm-step{width:48px;min-width:48px;height:48px;min-height:48px;touch-action:manipulation}
.pm-input{width:100%!important;min-width:44px;height:48px;min-height:48px;box-sizing:border-box;font-size:20px!important;border:1px solid var(--border)!important;border-radius:10px;background:var(--bg3)!important;color:var(--text)!important;text-align:center}
.pm-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pm-code-btn{width:100%;min-width:44px;height:auto;min-height:46px;padding:6px 8px;font-size:13px;line-height:1.25;white-space:normal;touch-action:manipulation}
.pm-card-top{flex-wrap:wrap}
.pm-name{min-width:0;overflow-wrap:anywhere}
.pm-lock,.pm-code-badge{white-space:normal}
.pm-step:focus-visible,.pm-code-btn:focus-visible,.pm-day:focus-visible,.pm-day-nav button:focus-visible,.pm-day-nav select:focus-visible,.pm-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#modalChef .mc-crew-tools{display:grid;gap:6px;margin:8px 0 10px}
#modalChef .mc-crew-tools>label{font-size:12px}
#modalChef #mcPersonnelSearch{width:100%;min-height:44px;font-size:16px;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;background:var(--bg3);color:var(--text);padding:10px 12px}
#modalChef .mc-crew-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#modalChef .mc-crew-filter-actions label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font-size:13px;cursor:pointer}
#modalChef .mc-crew-filter-actions input{width:20px;height:20px;margin:0;flex:0 0 auto}
#modalChef .mc-crew-filter-actions button{min-height:44px;padding:8px 10px}
#modalChef #mcPersonnelSearchSummary{font-size:12px;color:var(--text2);line-height:1.4}
#modalChef .crew-allocation-row[hidden]{display:none!important}
@media(max-width:600px){
  #modalChef #mcPersonnelList{max-height:min(42vh,360px)!important;overscroll-behavior:contain;grid-template-columns:minmax(0,1fr)}
  #modalChef #mcOtherPersonnelList{grid-template-columns:minmax(0,1fr)!important;grid-column:1!important}
  #modalChef #mcPersonnelList>label{grid-column:1!important;min-height:44px}
  #modalChef .crew-allocation-row{gap:8px;padding:6px!important;min-height:54px;box-sizing:border-box}
  #modalChef .crew-allocation-row .personnel-checkbox-item{min-height:44px;min-width:0;gap:8px;flex-wrap:wrap}
  #modalChef .crew-allocation-row input[type=checkbox]{width:22px;height:22px;flex:0 0 auto}
  #modalChef .crew-allocation-row input[type=number]{width:76px!important;min-width:76px;min-height:44px;font-size:16px!important;box-sizing:border-box}
  #modalChef .crew-allocation-row span{overflow-wrap:anywhere}
}