/** Shopify CDN: Minification failed

Line 9:56 Unexpected "*"

**/
/* G&G Partner Dashboard - pd-* only.
   Every value comes from a CSS custom property set inline by the section, so
   the merchant controls the look from the theme editor and nothing here is
   hardcoded to one palette. Independent from apo-*/aed-*/aac-* and must never
   reach cp-*/ep-*. */

.pd-wrapper { background: var(--pd-bg, #fff); }
.pd-inner {
  max-width: var(--pd-max-width, 1040px);
  margin: 0 auto;
  padding: 24px 16px 64px;
  color: var(--pd-text, #111);
  font-family: inherit;
}
.pd-inner *, .pd-inner *::before, .pd-inner *::after { box-sizing: border-box; }

.pd-quiet {
  max-width: 640px;
  margin: 48px auto;
  padding: 0 16px;
  text-align: center;
  color: var(--pd-muted, #6B7280);
  font-size: 15px;
  line-height: 1.7;
}
.pd-quiet a { color: var(--pd-primary, #111); text-decoration: underline; text-underline-offset: 2px; }
.pd-quiet--inline { margin: 8px 0 0; text-align: left; }

/* ── Head ── */
.pd-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 20px 32px; flex-wrap: wrap; margin-bottom: 24px;
}
.pd-head-main { flex: 1 1 380px; min-width: 0; }
.pd-h { margin: 0; font-size: clamp(24px, 3vw, 34px); font-weight: 700; letter-spacing: -0.02em; }
.pd-sub { margin: 8px 0 0; max-width: 60ch; color: var(--pd-muted, #6B7280); font-size: 14px; line-height: 1.7; }

/* The code card is the one thing a partner comes here to copy, so it is a
   distinct object rather than a line of text. */
.pd-code-card {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 14px;
  background: var(--pd-card-bg, #FAFAFA);
  border: 1px solid var(--pd-border, #E5E7EB);
  border-radius: var(--pd-radius, 12px);
}
.pd-code-label { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--pd-muted, #6B7280); }
.pd-code { font-size: 16px; font-weight: 700; letter-spacing: .04em; }
.pd-copy {
  border: 1px solid var(--pd-border, #E5E7EB);
  background: transparent; color: var(--pd-primary, #111);
  border-radius: var(--pd-btn-radius, 8px);
  padding: 6px 12px; font: inherit; font-size: 12px; cursor: pointer;
  transition: border-color .15s ease, color .15s ease;
}
.pd-copy:hover { border-color: var(--pd-primary, #111); }

/* ── Banner ── */
.pd-banner {
  margin-bottom: 16px; padding: 12px 14px;
  border: 1px solid var(--pd-border, #E5E7EB);
  border-left: 3px solid var(--pd-accent, #5a3e30);
  border-radius: var(--pd-btn-radius, 8px);
  background: var(--pd-card-bg, #FAFAFA);
  font-size: 14px; line-height: 1.6;
}
.pd-banner--error { border-left-color: var(--pd-neg, #B91C1C); color: var(--pd-neg, #B91C1C); }
.pd-banner--ok { border-left-color: var(--pd-pos, #15803D); }
/* [hidden] loses to any author display, so every toggled element needs this. */
.pd-banner[hidden], .pd-payout-form[hidden], .pd-pending[hidden],
.pd-quiet[hidden], .pd-card[hidden] { display: none; }

/* ── Balance ── */
.pd-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--pd-gap, 16px); margin-bottom: var(--pd-gap, 16px);
}
.pd-stat {
  display: flex; flex-direction: column; gap: 4px;
  padding: var(--pd-pad, 20px);
  background: var(--pd-card-bg, #FAFAFA);
  border: 1px solid var(--pd-border, #E5E7EB);
  border-radius: var(--pd-radius, 12px);
}
.pd-stat-label { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--pd-muted, #6B7280); }
.pd-stat-value { font-size: 24px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.pd-stat-value--pos { color: var(--pd-pos, #15803D); }
.pd-stat-value--muted { color: var(--pd-muted, #6B7280); }
.pd-stat-note { font-size: 12px; color: var(--pd-muted, #6B7280); }

/* ── Cards ── */
.pd-card {
  padding: var(--pd-pad, 20px);
  background: var(--pd-card-bg, #FAFAFA);
  border: 1px solid var(--pd-border, #E5E7EB);
  border-radius: var(--pd-radius, 12px);
  margin-bottom: var(--pd-gap, 16px);
}
.pd-card-title { margin: 0 0 14px; font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }

/* ── Withdrawal form ── */
.pd-payout-form { display: flex; flex-direction: column; gap: 12px; }
.pd-field { display: flex; flex-direction: column; gap: 5px; }
.pd-field-label { font-size: 12px; color: var(--pd-muted, #6B7280); }
.pd-input {
  width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
  color: var(--pd-text, #111); background: var(--pd-bg, #fff);
  border: 1px solid var(--pd-border, #E5E7EB);
  border-radius: var(--pd-btn-radius, 8px);
}
.pd-input:focus { outline: none; border-color: var(--pd-primary, #111); }
.pd-form-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.pd-btn, .pd-btn-ghost {
  padding: 10px 18px; font: inherit; font-size: 14px; cursor: pointer;
  border-radius: var(--pd-btn-radius, 8px);
  transition: opacity .15s ease, border-color .15s ease;
}
.pd-btn { background: var(--pd-primary, #111); color: #fff; border: 1px solid var(--pd-primary, #111); font-weight: 600; }
.pd-btn:hover:not(:disabled) { opacity: .88; }
.pd-btn:disabled { opacity: .45; cursor: not-allowed; }
.pd-btn-ghost { background: transparent; color: var(--pd-text, #111); border: 1px solid var(--pd-border, #E5E7EB); }
.pd-btn-ghost:hover:not(:disabled) { border-color: var(--pd-primary, #111); }
.pd-btn-ghost:disabled { opacity: .45; cursor: not-allowed; }
.pd-hint { margin: 0; font-size: 12px; color: var(--pd-muted, #6B7280); }

.pd-pending { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pd-pending-amount { font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pd-pending-meta { flex: 1 1 200px; font-size: 13px; color: var(--pd-muted, #6B7280); }

/* ── Lists ── */
.pd-list { display: flex; flex-direction: column; }
.pd-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  padding: 12px 0;
  border-top: 1px solid var(--pd-border, #E5E7EB);
}
.pd-row:first-child { border-top: 0; }
.pd-row-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 240px; }
.pd-row-title { font-size: 14px; font-weight: 600; }
.pd-row-meta { font-size: 12px; color: var(--pd-muted, #6B7280); }
.pd-row-amount { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

.pd-pill {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 600; letter-spacing: .02em;
  border: 1px solid currentColor;
}
.pd-pill--ok { color: var(--pd-pos, #15803D); }
.pd-pill--wait { color: var(--pd-pending, #A16207); }
.pd-pill--no { color: var(--pd-neg, #B91C1C); }
.pd-pill--plain { color: var(--pd-muted, #6B7280); }

.pd-note { margin-top: 8px; font-size: 13px; line-height: 1.7; color: var(--pd-muted, #6B7280); }
.pd-note a { color: var(--pd-text, #111); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 900px) {
  .pd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .pd-inner { padding: 16px 12px 48px; }
  .pd-stats { grid-template-columns: minmax(0, 1fr); }
  .pd-head { display: block; }
  .pd-code-card { margin-top: 16px; }
  .pd-form-actions .pd-btn, .pd-form-actions .pd-btn-ghost { flex: 1 1 100%; }
  .pd-row-amount { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .pd-btn, .pd-btn-ghost, .pd-copy { transition: none; }
}