/* ATM Styling */
body.atm-body{ background: linear-gradient(180deg,#0b1221,#08101a); color:#e9eef6; }
.kiosk{ background: linear-gradient(180deg,#0d2433,#071220); border-radius:12px; }
.screen{ background: linear-gradient(180deg,#071627,#07121a); border-radius:8px; min-height:420px; }
.hardware-col{ display:flex; flex-direction:column; align-items:center; }
.acceptor, .dispenser{ width:230px; height:150px; border-radius:8px; background:#0b1318; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#dbe9ff; cursor:pointer; }
.acceptor .slot{ background:#0b0b0b; padding:8px 12px; border-radius:6px; box-shadow: inset 0 -6px 12px rgba(0,0,0,0.6); }
.acceptor .led{ width:10px; height:10px; border-radius:50%; background:#00ff99; box-shadow:0 0 8px rgba(0,255,153,0.6); margin-bottom:8px; }
.acceptor.active{ box-shadow: 0 0 24px rgba(0,255,153,0.15), inset 0 -8px 18px rgba(0,0,0,0.6); }
.dispenser .shutter{ width:90%; height:18px; background:#111; margin-bottom:8px; border-radius:4px; }
.dispenser .shutter.open{ background:linear-gradient(90deg,#e6d8c3,#c9b59a); }
.dispenser .shutter.closed{ background:#111; }
.dispenser .tray{ width:100%; height:70px; display:flex; justify-content:center; align-items:flex-start; }
.bill{ background:linear-gradient(90deg,#f5f5dc,#e6e1b8); padding:6px 10px; border-radius:4px; margin:2px; color:#111; font-weight:600; }
.stack{ display:flex; gap:4px; }
.progress{ height:18px; }
.card{ background: linear-gradient(180deg,#08202b,#07121a); color:#e9eef6; border:none; }
/* Admin overrides */
.badge.bg-warning.text-dark{ background:#f0ad4e; color:#232323; }