.employee-kiosk-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px}
.employee-kiosk-card{align-items:center;min-height:370px;padding:28px 22px 24px;border-radius:30px;text-align:center;overflow:visible}
.employee-kiosk-card::before{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 12%,rgba(128,167,255,.14),transparent 42%);content:"";pointer-events:none}
.employee-kiosk-card.working::before{background:radial-gradient(circle at 50% 12%,rgba(84,217,173,.18),transparent 45%)}
.employee-card-top{position:relative;z-index:1;flex-direction:column;gap:15px;width:100%}
.employee-card-top>div{min-width:0}.employee-card-top h2{font-size:24px}.employee-card-top p{font-size:14px}
.employee-avatar{position:relative;display:grid;width:112px;height:112px;flex:0 0 112px;place-items:center;border:8px solid rgba(255,255,255,.11);border-radius:50%;background:radial-gradient(circle at 32% 24%,#a9fff0,#61c7b0 48%,#4883c8);box-shadow:0 0 0 7px rgba(111,215,183,.08),0 20px 36px rgba(0,0,0,.32);font-size:28px}
.employee-avatar::before,.employee-avatar::after,.employee-avatar i::before,.employee-avatar i::after{position:absolute;border-radius:999px;background:#071220;content:"";transform-origin:50% 100%}
.employee-avatar::before{width:3px;height:24px;left:calc(50% - 1.5px);top:22px;transform:rotate(22deg)}
.employee-avatar::after{width:3px;height:19px;left:calc(50% - 1.5px);top:27px;transform:rotate(118deg)}
.employee-avatar i::before{width:7px;height:7px;left:calc(50% - 3.5px);top:43px}
.employee-avatar i::after{width:5px;height:5px;right:10px;top:49px;background:#ecfff9}
.working .employee-avatar{border-color:rgba(84,217,173,.46);box-shadow:0 0 0 8px rgba(84,217,173,.13),0 20px 36px rgba(0,0,0,.32)}
.employee-state{position:relative;z-index:1;justify-content:center;width:100%;margin:20px 0 19px}
.employee-actions{position:relative;z-index:1;justify-content:center;gap:14px;width:100%;margin-top:0}
.kiosk-action.round{display:grid;width:82px;height:82px;min-height:82px;flex:0 0 82px;place-items:center;align-content:center;gap:3px;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.22);transition:transform .15s ease,box-shadow .15s ease}
.kiosk-action.round:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.28)}
.kiosk-action.round span{font-size:24px;line-height:1}.kiosk-action.round b{font-size:11px;line-height:1.1}
.kiosk-action.round.primary{background:linear-gradient(145deg,#8ae9cf,#58c7a9)}
.kiosk-action.round.danger{background:linear-gradient(145deg,#7a3040,#4d2330);color:#ffd7d1}
.overtime-chip{position:absolute;z-index:2;top:17px;right:17px;margin:0}.pin-needed{position:relative;z-index:1}
.break-deduction-note{margin:-5px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,199,102,.1);color:#ffd389;font-size:13px;line-height:1.4}
@media(max-width:620px){.employee-kiosk-card{min-height:350px}.employee-actions{gap:10px}.kiosk-action.round{width:76px;height:76px;min-height:76px;flex-basis:76px}}