/* Scoped UI styles for WCCA pages only */
.wcca-wrap {
  --wcca-active-bg: #c2e1f4;
  --wcca-sidebar-bg: #f6fbff;
  --wcca-text: #1f2937;
  --wcca-muted: #6b7280;
  --wcca-border: #e5e7eb;
  --wcca-surface: #ffffff;
  --wcca-surface-2: #f8fafc;
  --wcca-green: #16a34a;
  --wcca-red: #ef4444;
  --wcca-orange: #f59e0b;
  --wcca-radius: 14px;

  display:flex;
  min-height: 100vh;
  gap: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--wcca-text);
}

.wcca-sidebar {
  width: 260px;
  background: var(--wcca-sidebar-bg);
  padding: 22px 18px;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid rgba(229,231,235,0.7);
}

.wcca-logo {
  margin-bottom: 18px;
}
.wcca-logo img {
  max-width: 120px;
  height: auto;
  display:block;
}
.wcca-site-name {
  font-weight: 700;
  font-size: 18px;
}

.wcca-nav {
  display:flex;
  flex-direction: column;
  gap: 6px;
}

.wcca-nav-item {
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration:none;
  color: var(--wcca-text);
}
.wcca-nav-item:hover {
  background: rgba(194,225,244,0.45);
}
.wcca-nav-item--active {
  background: var(--wcca-active-bg);
}
.wcca-nav-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.wcca-nav-text {
  font-size: 14px;
}

.wcca-nav-divider {
  height: 1px;
  background: rgba(229,231,235,0.8);
  margin: 10px 0 6px;
}

.wcca-profile {
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 12px 10px;
  border-radius: 12px;
}
.wcca-profile-name {
  font-weight: 600;
  font-size: 14px;
}
.wcca-profile-id {
  color: var(--wcca-muted);
  font-size: 12px;
}
.wcca-logout {
  margin-top: 10px;
  display:flex;
  gap: 8px;
  align-items:center;
  text-decoration:none;
  color: var(--wcca-muted);
  padding: 8px 10px;
  border-radius: 10px;
}
.wcca-logout:hover {
  background: rgba(229,231,235,0.6);
  color: var(--wcca-text);
}

.wcca-main {
  flex:1;
  background: #f3f6fb;
  padding: 24px 28px;
}

.wcca-header {
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.wcca-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.wcca-status {
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 12px;
  background: #fff;
  border: 1px solid rgba(229,231,235,0.8);
}
.wcca-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #9ca3af;
}
.wcca-status--inactive .wcca-status-dot { background: #ef4444; }
.wcca-status--pending .wcca-status-dot { background: #f59e0b; }
.wcca-status--active .wcca-status-dot { background: #22c55e; }
.wcca-status--active {
  background: #dff6ea;
  border-color: #bde8d0;
  color: #15803d;
}

.wcca-grid-top {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 14px;
}
.wcca-grid-metrics {
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 18px;
}

.wcca-card {
  background: var(--wcca-surface);
  border-radius: var(--wcca-radius);
  padding: 16px 18px;
  border: 1px solid rgba(229,231,235,0.75);
}
.wcca-card--big {
  padding: 18px 20px;
}
.wcca-card-hero {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.wcca-card-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex: 0 0 34px;
}
.wcca-card-icon--balance {
  background: #fff2d9;
  color: #f59e0b;
}
.wcca-card-icon--outstanding {
  background: #e5f0ff;
  color: #3b82f6;
}
.wcca-card-label {
  color: var(--wcca-muted);
  font-size: 13px;
}
.wcca-card-value {
  font-size: 26px;
  font-weight: 800;
  margin-top: 6px;
}
.wcca-card-actions {
  margin-top: 12px;
}

.wcca-card-actions .wcca-btn {
  /* width: 100%; */
  justify-content: center;
}

.wcca-btn {
  display:inline-flex;
  gap: 8px;
  align-items:center;
  border: none;
  cursor:pointer;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 13px;
  text-decoration:none;
}
.wcca-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.wcca-btn--primary {
  background: #2563eb;
  color: #fff;
}
.wcca-btn--success {
  background: var(--wcca-green) !important;
  color: #fff;
}
.wcca-btn--danger {
  background: var(--wcca-red) !important;
  color: #fff;
}

.wcca-btn--ghost {
  background: #fff;
  color: var(--wcca-text);
  border: 1px solid rgba(229,231,235,0.9);
}

.wcca-alert {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(239,68,68,0.35);
  background: rgba(239,68,68,0.08);
  color: #b91c1c;
  font-weight: 600;
}
.wcca-alert--ok {
  border-color: rgba(34,197,94,0.35);
  background: rgba(34,197,94,0.10);
  color: #166534;
}

.wcca-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.wcca-card-mini-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
}

.wcca-form-card {
  max-width: 780px;
  margin: 0 auto;
  padding: 26px 26px;
}

.wcca-form .wcca-field { margin-bottom: 14px; }
.wcca-form input[type="number"],
.wcca-form textarea {
  width: 100%;
  border: 1px solid rgba(229,231,235,0.9);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  background: #fff;
}

.wcca-recaptcha-fake {
  display:flex;
  align-items:center;
  justify-content: space-between;
  border: 1px solid rgba(229,231,235,0.9);
  border-radius: 10px;
  padding: 12px 14px;
  background: #fff;
  margin: 10px 0 18px;
}
.wcca-recaptcha-fake label {
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 13px;
  color: var(--wcca-text);
}
.wcca-recaptcha-badge {
  font-size: 11px;
  color: var(--wcca-muted);
}

.wcca-form-actions {
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}

.wcca-metric {
  background: var(--wcca-surface);
  border-radius: var(--wcca-radius);
  padding: 14px 16px;
  border: 1px solid rgba(229,231,235,0.75);
}
.wcca-metric-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 10px;
  font-size: 18px;
}
.wcca-metric-icon--bill { background: rgba(34,197,94,0.15); color: #16a34a; }
.wcca-metric-icon--due { background: rgba(239,68,68,0.12); color: #ef4444; }
.wcca-metric-icon--pay { background: rgba(239,68,68,0.12); color: #ef4444; }
.wcca-metric-icon--next { background: rgba(239,68,68,0.12); color: #ef4444; }
.wcca-metric-label {
  color: var(--wcca-muted);
  font-size: 12px;
}
.wcca-metric-value {
  margin-top: 4px;
  font-weight: 700;
  font-size: 13px;
}

.wcca-empty {
  background: var(--wcca-surface);
  border: 1px dashed rgba(239,68,68,0.45);
  border-radius: var(--wcca-radius);
  padding: 18px;
}
.wcca-empty-text {
  color: #ef4444;
  font-weight: 600;
  margin-bottom: 12px;
}

.wcca-card-head {
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.wcca-card-head-title {
  font-weight: 800;
}
.wcca-card-head-controls {
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}
.wcca-filter-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(216,225,240,1);
  border-radius: 999px;
  background: #fff;
}
.wcca-filter-field .dashicons {
  color: #98a2c3;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.wcca-filter-field--search {
  min-width: 250px;
}
.wcca-filter-field--date {
  min-width: 170px;
}

/* Simple key/value list inside cards (profile + credit summary). */
.wcca-profile-kv {
  display: grid;
  gap: 8px;
  font-size: 14px;
  color: var(--wcca-text);
}
.wcca-profile-kv strong {
  color: var(--wcca-muted);
  font-weight: 800;
}
.wcca-input, .wcca-select {
  border: 0;
  border-radius: 0;
  padding: 9px 0;
  background: #fff;
  font-size: 13px;
}
.wcca-txn-search {
  min-width: 220px;
  outline: none;
}
.wcca-txn-date-filter {
  min-width: 140px;
  outline: none;
}
.wcca-table {
  width:100%;
  border-collapse: collapse;
  font-size: 13px;
}
.wcca-table th {
  text-align:left;
  color: var(--wcca-muted);
  font-weight: 700;
  padding: 10px 8px;
  border-bottom: 1px solid rgba(229,231,235,0.8);
}
.wcca-table td {
  padding: 10px 8px;
  border-bottom: 1px solid rgba(229,231,235,0.55);
}
.wcca-table-empty {
  text-align:center;
  color: var(--wcca-muted);
  padding: 20px 8px;
}
.wcca-txn-empty[hidden] {
  display: none !important;
}
.wcca-pos { color: #16a34a; font-weight: 700; }
.wcca-neg { color: #ef4444; font-weight: 700; }

@media (max-width: 980px) {
  .wcca-grid-metrics { grid-template-columns: repeat(2, 1fr); }
  .wcca-grid-top { grid-template-columns: 1fr; }
  .wcca-grid-2 { grid-template-columns: 1fr; }
  .wcca-sidebar { width: 220px; }
  .wcca-filter-field--search,
  .wcca-filter-field--date { min-width: 100%; width: 100%; }
}


/* Responsive dashboard layout */
@media (max-width: 1024px){
  .wcca-wrap{flex-direction:column;min-height:auto}
  .wcca-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(229,231,235,0.7);padding:16px 14px}
  .wcca-main{padding:16px 14px}
  .wcca-nav{display:flex;gap:8px}
  .wcca-nav a{flex:1 1 calc(50% - 8px)}
}
@media (max-width: 600px){
  .wcca-nav a{flex:1 1 100%}
  .wcca-stats{grid-template-columns:1fr!important}
  .wcca-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}



/* Dashboard Button Colors Override */
.wcca-btn--success {
  background: #02B15A !important;
  color: #fff !important;
  border-color: #02B15A !important;
}

.wcca-btn--danger {
  background-color: #F50909 !important;
  color: #fff !important;
  border-color: #F50909 !important;
}

.zid-wrapper{
  display: flex;
}

.woocommerce-form-coupon-toggle{
position:absolute !important;
}

.woocommerce-form-coupon, .woocommerce-form-login.hidden-form{
position:absolute !important;
}

@media (min-width: 769px) {
    .woocommerce-checkout>.customer-details .woocommerce-billing-fields {
        margin-top: 160px !important;
    }
}
.woocommerce{
position:relative !important;
}

.woocommerce-form-coupon, .woocommerce-form-login.hidden-form{
top:45px !important;
}

/* Ultimate plugin-only UI override layer. */
.wcca-dashboard,
.wcca-dashboard *,
.zid-wrapper.wcca-wrap,
.zid-wrapper.wcca-wrap *{
  box-sizing:border-box !important;
}

.wcca-dashboard,
.zid-wrapper.wcca-wrap{
  font-family:inherit !important;
  color:#152654 !important;
}

.wcca-dashboard a,
.zid-wrapper.wcca-wrap a{
  text-decoration:none !important;
}

.wcca-dashboard .wcca-sidebar,
.zid-wrapper.wcca-wrap .wcca-sidebar{
  background:#ffffff !important;
  border-right:1px solid #e5eafe !important;
}

.wcca-dashboard .wcca-main,
.zid-wrapper.wcca-wrap .wcca-main{
  background:#f5f6ff !important;
}

.wcca-dashboard .wcca-title,
.wcca-dashboard .wcca-header h1,
.zid-wrapper.wcca-wrap .wcca-title,
.zid-wrapper.wcca-wrap .wcca-header h1{
  color:#28335c !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.wcca-dashboard .wcca-card,
.wcca-dashboard .wcca-metric,
.wcca-dashboard .wcca-panel,
.wcca-dashboard .wcca-empty,
.wcca-dashboard .wcca-message-panel,
.wcca-dashboard .wcca-wc-card,
.zid-wrapper.wcca-wrap .wcca-card,
.zid-wrapper.wcca-wrap .wcca-metric,
.zid-wrapper.wcca-wrap .wcca-panel,
.zid-wrapper.wcca-wrap .wcca-empty,
.zid-wrapper.wcca-wrap .wcca-message-panel,
.zid-wrapper.wcca-wrap .wcca-wc-card{
  background:#ffffff !important;
  border:1px solid #e5eafe !important;
  border-radius:6px !important;
  box-shadow:none !important;
}

.wcca-dashboard .wcca-card-label,
.wcca-dashboard .wcca-metric-label,
.zid-wrapper.wcca-wrap .wcca-card-label,
.zid-wrapper.wcca-wrap .wcca-metric-label{
  color:#98a2c3 !important;
  font-size:11px !important;
  font-weight:600 !important;
}

.wcca-dashboard .wcca-card-value,
.wcca-dashboard .wcca-metric-value,
.zid-wrapper.wcca-wrap .wcca-card-value,
.zid-wrapper.wcca-wrap .wcca-metric-value{
  color:#152654 !important;
  font-weight:800 !important;
}

.wcca-dashboard .wcca-nav-item,
.zid-wrapper.wcca-wrap .wcca-nav-item{
  background:transparent !important;
  color:#4f5f86 !important;
  border-radius:8px !important;
}

.wcca-dashboard .wcca-nav-item--active,
.wcca-dashboard .wcca-nav-item.is-active,
.zid-wrapper.wcca-wrap .wcca-nav-item--active,
.zid-wrapper.wcca-wrap .wcca-nav-item.is-active{
  background:#edf2ff !important;
  color:#23315d !important;
}

.wcca-dashboard .wcca-btn,
.wcca-dashboard button,
.wcca-dashboard .button,
.wcca-dashboard input[type="submit"],
.zid-wrapper.wcca-wrap .wcca-btn,
.zid-wrapper.wcca-wrap button,
.zid-wrapper.wcca-wrap .button,
.zid-wrapper.wcca-wrap input[type="submit"]{
  border-radius:6px !important;
  box-shadow:none !important;
  text-transform:none !important;
}

.wcca-dashboard .wcca-btn--primary,
.wcca-dashboard .wcca-btn.secondary,
.wcca-dashboard .wcca-btn--ghost,
.zid-wrapper.wcca-wrap .wcca-btn--primary,
.zid-wrapper.wcca-wrap .wcca-btn.secondary,
.zid-wrapper.wcca-wrap .wcca-btn--ghost{
  background:#1e2a44 !important;
  border-color:#1e2a44 !important;
  color:#ffffff !important;
}

.wcca-dashboard .wcca-btn--success,
.zid-wrapper.wcca-wrap .wcca-btn--success{
  background:#a7b3c4 !important;
  border-color:#a7b3c4 !important;
  color:#ffffff !important;
}

.wcca-dashboard .wcca-btn--danger,
.zid-wrapper.wcca-wrap .wcca-btn--danger{
  background:#f3a0a5 !important;
  border-color:#f3a0a5 !important;
  color:#ffffff !important;
}

.wcca-dashboard input[type="text"],
.wcca-dashboard input[type="email"],
.wcca-dashboard input[type="tel"],
.wcca-dashboard input[type="number"],
.wcca-dashboard input[type="password"],
.wcca-dashboard textarea,
.wcca-dashboard select,
.zid-wrapper.wcca-wrap input[type="text"],
.zid-wrapper.wcca-wrap input[type="email"],
.zid-wrapper.wcca-wrap input[type="tel"],
.zid-wrapper.wcca-wrap input[type="number"],
.zid-wrapper.wcca-wrap input[type="password"],
.zid-wrapper.wcca-wrap textarea,
.zid-wrapper.wcca-wrap select{
  background:#ffffff !important;
  border:1px solid #d8e1f0 !important;
  border-radius:6px !important;
  color:#152654 !important;
  box-shadow:none !important;
}

.wcca-dashboard .wcca-table,
.wcca-dashboard table,
.zid-wrapper.wcca-wrap .wcca-table,
.zid-wrapper.wcca-wrap table{
  background:#ffffff !important;
}

.wcca-dashboard .wcca-table th,
.wcca-dashboard .wcca-table td,
.wcca-dashboard table th,
.wcca-dashboard table td,
.zid-wrapper.wcca-wrap .wcca-table th,
.zid-wrapper.wcca-wrap .wcca-table td,
.zid-wrapper.wcca-wrap table th,
.zid-wrapper.wcca-wrap table td{
  color:#415071 !important;
}

.wcca-card--surface,
.wcca-dashboard .wcca-card--surface{
  background:#ffffff !important;
  border:1px solid #e5eafe !important;
  border-radius:10px !important;
  padding:18px !important;
}

.wcca-empty--soft,
.wcca-dashboard .wcca-empty--soft{
  border:1px dashed #d7def4 !important;
  background:linear-gradient(180deg, #fbfcff 0%, #f4f7ff 100%) !important;
}

.wcca-empty-text--neutral,
.wcca-dashboard .wcca-empty-text--neutral{
  color:#30415d !important;
}

.wcca-form-intro{
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:10px;
  background:linear-gradient(135deg, #edf3ff 0%, #f8fbff 100%);
  border:1px solid #dfe9ff;
}

.wcca-form-intro__eyebrow{
  margin-bottom:6px;
  color:#2f6fed;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wcca-form-intro__text{
  margin:0;
  color:#42526b;
  font-size:14px;
  line-height:1.6;
}

.wcca-recaptcha-fake,
.wcca-dashboard .wcca-recaptcha-fake{
  border-color:#dfe4f2 !important;
  background:#f8fbff !important;
}