/* ============================================================
   SecureOneBank — POS Global Styling (Centered Layout)
   Applies to ALL POS pages and ALL POS dashboard cards
   ============================================================ */

/* ----------------------------------------
   Global POS Page Centering
   ---------------------------------------- */

.pos-login-wrapper,
.pos-reset-wrapper,
.pos-signup-wrapper,
.pos-comingsoon-wrapper,
.merchant-dashboard-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

/* ----------------------------------------
   Center All POS Cards
   ---------------------------------------- */

.pos-login-card,
.pos-reset-card,
.pos-signup-card,
.pos-comingsoon-card,
.merchant-info-card,
.merchant-checkout-card,
.merchant-payment-card,
.merchant-qr-card,
.merchant-receipt-card,
.merchant-settlement-card,
.merchant-history-card,
.merchant-analytics-card,
.merchant-loyalty-card,
.merchant-routing-card {
  margin: 0 auto;
  text-align: center;
}

/* ----------------------------------------
   Center All Text Inside Cards
   ---------------------------------------- */

.pos-login-card *,
.pos-reset-card *,
.pos-signup-card *,
.pos-comingsoon-card *,
.merchant-info-card *,
.merchant-checkout-card *,
.merchant-payment-card *,
.merchant-qr-card *,
.merchant-receipt-card *,
.merchant-settlement-card *,
.merchant-history-card *,
.merchant-analytics-card *,
.merchant-loyalty-card *,
.merchant-routing-card * {
  text-align: center !important;
}

/* ----------------------------------------
   Center All Form Fields
   ---------------------------------------- */

.pos-login-form,
.pos-reset-form,
.pos-signup-form,
.merchant-checkout-form,
.merchant-payment-form,
.merchant-qr-form,
.merchant-receipt-form,
.merchant-settlement-form,
.merchant-history-form,
.merchant-analytics-form,
.merchant-loyalty-form,
.merchant-routing-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* ----------------------------------------
   Center All Inputs
   ---------------------------------------- */

.pos-login-input,
.pos-reset-input,
.pos-signup-input,
.pos-signup-select,
.pos-signup-textarea,
.merchant-input {
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------
   Center All Buttons
   ---------------------------------------- */

.pos-login-button,
.pos-reset-button,
.pos-signup-button,
.merchant-button {
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------
   Center All Info Sections
   ---------------------------------------- */

.pos-info-section,
.merchant-info-section {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------
   Center All Tables (Dashboard Cards)
   ---------------------------------------- */

.transaction-table,
.receipt-table,
.analytics-table,
.loyalty-table,
.routing-table,
.settlement-table {
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------
   Center Table Text
   ---------------------------------------- */

.transaction-table td,
.transaction-table th,
.receipt-table td,
.receipt-table th,
.analytics-table td,
.analytics-table th,
.loyalty-table td,
.loyalty-table th,
.routing-table td,
.routing-table th,
.settlement-table td,
.settlement-table th {
  text-align: center !important;
}

/* ----------------------------------------
   Center Chart Bars (Analytics)
   ---------------------------------------- */

.analytics-chart {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.analytics-chart-bar {
  margin: 0 6px;
  text-align: center;
}