/* Modo cajero: HUD limpio, lateral transparente, sin banner */
body.cajero-mode #mode-status-banner {
  display: none !important;
}

body.cajero-mode .live-layout {
  grid-template-columns: 1fr !important;
}

body.cajero-mode .live-card-camera {
  min-height: 58vh;
  background: transparent !important;
}

body.cajero-mode .live-card-actions.floating-cart,
body.cajero-mode .live-card-actions.floating-cart.glass {
  position: absolute !important;
  top: auto !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: auto !important;
  max-width: 46vw !important;
  min-width: 200px;
  max-height: 52vh !important;
  margin: 0 !important;
  padding: 6px 4px !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.cajero-mode .live-card-actions.floating-cart .cart-section,
body.cajero-mode .live-card-actions.floating-cart .cart-items,
body.cajero-mode .live-card-actions.floating-cart .cart-total-bar {
  background: transparent !important;
  border: none !important;
}

body.cajero-mode .live-card-actions.floating-cart .cart-item {
  background: rgba(0, 0, 0, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.cajero-mode .live-card-actions.floating-cart *,
body.cajero-mode .live-card-actions.floating-cart .card-title {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95), 0 2px 10px rgba(0, 0, 0, 0.9);
  color: #fff;
}

body.cajero-mode .live-card-actions.floating-cart button {
  text-shadow: none !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.45) !important;
}

body.cajero-mode .client-detection-banner.floating-top {
  top: 12px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.cajero-mode #voice-hud-indicator {
  top: 58px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 768px) {
  body.cajero-mode .live-card-actions.floating-cart {
    max-width: 44vw !important;
    bottom: 6px !important;
    right: 6px !important;
  }
}