/**
 * LCB Sentoo Gateway Styles
 * @package LCB_Sentoo
 */

/* Bank selection */
.lcb-sentoo-fields {
  margin-top: 16px;
  padding: 20px;
  background: var(--lcb-ice, #f0f7fc);
  border-radius: var(--lcb-radius-sm, 10px);
  border: 1px solid var(--lcb-pale-blue, #e8f4fb);
}
.lcb-sentoo-banks { margin-top: 12px; }
.lcb-sentoo-banks label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--lcb-text, #2c3e5a);
}
.lcb-sentoo-banks select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid var(--lcb-pale-blue, #e8f4fb);
  border-radius: var(--lcb-radius-sm, 10px);
  font-family: var(--lcb-font-body, sans-serif);
  font-size: 15px;
  color: var(--lcb-text, #2c3e5a);
  background: #fff;
  cursor: pointer;
  transition: border-color 0.3s;
  outline: none;
}
.lcb-sentoo-banks select:focus { border-color: var(--lcb-light-blue, #0099d6); }
.lcb-sentoo-banks.disabled { opacity: 0.4; pointer-events: none; }

/* Card option */
.lcb-sentoo-card-option {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--lcb-pale-blue, #e8f4fb);
}
.lcb-sentoo-card-option label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
  color: var(--lcb-text, #2c3e5a);
}
.lcb-sentoo-card-option input[type="checkbox"] {
  accent-color: var(--lcb-brand-blue, #2563a8);
}

/* Processing overlay */
.lcb-sentoo-processing-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--lcb-radius, 16px);
  z-index: 100;
}
.lcb-sentoo-processing-content {
  text-align: center;
}
.lcb-sentoo-spinner {
  width: 48px; height: 48px;
  border: 4px solid var(--lcb-pale-blue, #e8f4fb);
  border-top-color: var(--lcb-brand-blue, #2563a8);
  border-radius: 50%;
  animation: lcb-sentoo-spin 0.8s linear infinite;
  margin: 0 auto 16px;
}
@keyframes lcb-sentoo-spin {
  to { transform: rotate(360deg); }
}
.lcb-sentoo-processing-content p {
  font-family: var(--lcb-font-heading, sans-serif);
  font-weight: 600;
  color: var(--lcb-deep-blue, #1a3a6b);
}

/* Test mode banner */
.lcb-sentoo-test-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #fef3cd;
  color: #856404;
  text-align: center;
  padding: 10px 20px;
  font-family: var(--lcb-font-heading, sans-serif);
  font-weight: 600;
  font-size: 13px;
  z-index: 9999;
  border-top: 2px solid #f5a623;
}