/* ==========================================================================
   SCUM WIRE LOCK - RESPONSIVE & MOBILE
   ========================================================================== */

@media (max-width: 640px) {
  #wire-lock-screen {
    padding: 10px;
  }

  .scum-bypass-panel {
    width: 100%;
    padding: 16px 12px;
    border-radius: 4px;
  }

  .panel-header {
    padding-bottom: 8px;
    margin-bottom: 12px;
  }

  .panel-title {
    font-size: 0.95rem;
    letter-spacing: 1px;
  }

  .panel-status-box {
    min-height: 44px;
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 6px 8px;
    margin-bottom: 14px;
  }

  .wires-bay {
    padding: 14px 8px;
    gap: 12px;
  }

  .wire-row {
    padding: 8px 6px;
    min-height: 48px; /* Target táctil ergonómico */
    gap: 6px;
  }

  .wire-terminal {
    width: 22px;
    height: 22px;
  }

  .terminal-screw {
    width: 11px;
    height: 11px;
  }

  .terminal-boot {
    width: 6px;
    height: 14px;
  }

  .wire-cord,
  .cut-half {
    height: 11px;
    border-radius: 5px;
  }

  .wire-label {
    width: 68px;
    font-size: 0.7rem;
  }

  .label-voltage {
    font-size: 0.58rem;
  }

  .panel-footer {
    font-size: 0.68rem;
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
}

@media (max-height: 600px) and (orientation: landscape) {
  #wire-lock-screen {
    overflow-y: auto;
    align-items: flex-start;
    padding: 10px;
  }

  .scum-bypass-panel {
    margin: auto;
    padding: 12px 14px;
  }

  .wires-bay {
    gap: 8px;
    padding: 10px;
  }

  .wire-row {
    padding: 6px 8px;
  }
}