.staff-selection-screen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px;padding:24px;height:100dvh;min-height:0;overflow:hidden;box-sizing:border-box}
.staff-selection-screen:not(.has-sale-change){grid-template-columns:minmax(0,900px);justify-content:center}
.staff-selection-screen .pin-panel{margin:0;min-width:0;width:100%;height:100%;max-height:none;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;border-radius:22px}
.staff-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:44px}.staff-selection-head h2{margin:0;font-size:clamp(23px,2.4vw,32px);line-height:1.15}.staff-selection-head #staffPinFallback{align-self:auto;flex-shrink:0;min-height:44px;padding:10px 18px}
.staff-selection-screen .staff-name-grid{min-height:0;flex:1 1 0;max-height:none;overflow:visible;margin:0;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(56px,1fr)}.staff-selection-screen .staff-name-grid.staff-many{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-selection-screen .staff-name-grid button{min-height:56px;padding:10px 8px;font-size:clamp(18px,1.8vw,24px);white-space:normal;overflow-wrap:anywhere}
.staff-selection-screen .pin-error{margin:0;min-height:0;flex-shrink:0}
.staff-sale-change{align-self:center;min-width:0;padding:clamp(24px,3vw,48px);border:1px solid #337b67;border-radius:28px;background:linear-gradient(145deg,#113b32,#09221e);box-shadow:0 24px 70px #0005;text-align:center;color:#ecfff7}
.staff-change-kicker{font-size:14px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#9ddfc3}
.staff-sale-change h2{font-size:clamp(25px,3.2vw,44px);line-height:1.2;margin:22px 0 8px;color:#eafff6}
.staff-change-amount{display:block;font-size:clamp(64px,8.5vw,140px);line-height:1.12;font-weight:850;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#b5ffd9;overflow-wrap:anywhere;margin:12px 0 18px}
.staff-change-method{font-size:18px;color:#c2eadb;margin:0 0 24px}
.staff-change-receipt{padding-top:20px;border-top:1px solid #52917c66;font-size:14px;font-weight:650;overflow-wrap:anywhere;color:#c1ddcf}
.staff-change-hint{font-size:14px;line-height:1.5;color:#a5c8b8;margin:14px 0 0}
@media(max-width:759px){.staff-selection-screen{display:flex;flex-direction:column;gap:20px;padding:20px}.staff-selection-screen .pin-panel{align-self:stretch;max-height:none;height:auto;min-height:440px}.staff-sale-change{align-self:stretch;padding:24px}.staff-selection-screen{overflow:auto}.staff-selection-screen .staff-name-grid{min-height:340px;max-height:none;flex:auto;grid-auto-rows:minmax(56px,1fr)}.staff-selection-screen .staff-name-grid.staff-many{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-change-amount{font-size:clamp(64px,14vw,110px)}.staff-sale-change h2{font-size:28px;margin-top:12px}}