/* -
   Zinn Hub Payment Wizard - Cream variant v1
   Additive overlay for the payout ledger when embedded in the Zinn Dashboard (ZDS).
   Loads alongside wizard-v122.css (dark). Every rule is scoped under .zh-pw-cream,
   which is only applied to the outermost ledger container when ZDS_PW_EMBED === true.
   Standalone (no flag -> no class) renders the dark theme, unchanged.
   - */

/* ===== Zinn Dashboard cream variant — only active under .zh-pw-cream ===== */
.zh-pw-cream.zh-pw-ledger-wrap,
.zh-pw-cream .zh-pw-ledger-wrap{color:#3d3d3d;max-width:none;margin:0;}
.zh-pw-cream .zh-pw-ledger-inner{padding:0;}

/* summary cards */
.zh-pw-cream .zh-pw-ledger-card{background:#fffdf7;border:1px solid #ecd9a0;border-radius:12px;}
.zh-pw-cream .zh-pw-ledger-card-due{border-color:#e3c878;}
.zh-pw-cream .zh-pw-ledger-card-held{border-color:#dfe6f1;}
.zh-pw-cream .zh-pw-ledger-card-paid{border-color:#cfe9d6;}
.zh-pw-cream .zh-pw-ledger-card-label{color:#8a7a5f;}
.zh-pw-cream .zh-pw-ledger-card-sub{color:#9a8a6f;}
.zh-pw-cream .zh-pw-ledger-card-due  .zh-pw-ledger-card-amount{color:#8a6410;}
.zh-pw-cream .zh-pw-ledger-card-held .zh-pw-ledger-card-amount{color:#1a1a1a;}
.zh-pw-cream .zh-pw-ledger-card-paid .zh-pw-ledger-card-amount{color:#15803d;}

/* info bar + setup link */
.zh-pw-cream .zh-pw-ledger-infobar{color:#6a6a6a;border-color:#f0e6c8;}
.zh-pw-cream .zh-pw-ledger-infobar strong{color:#3d3d3d;}
.zh-pw-cream .zh-pw-ledger-setup-link{color:#B8860B;font-weight:600;}
.zh-pw-cream .zh-pw-ledger-setup-link:hover{color:#8a6410;text-decoration:underline;}

/* tabs */
.zh-pw-cream .zh-pw-ledger-tabs{border-color:#f0e6c8;}
.zh-pw-cream .zh-pw-ledger-tab{color:#6b5a2e;border:none;}
.zh-pw-cream .zh-pw-ledger-tab:hover{color:#8a6410;}
.zh-pw-cream .zh-pw-ledger-tab.active{color:#8a6410;border-bottom:2px solid #D4A017;}
.zh-pw-cream .zh-pw-tab-count{background:#f0e6c8;color:#6b5a2e;}
.zh-pw-cream .zh-pw-ledger-tab.active .zh-pw-tab-count{background:#D4A017;color:#fff;}

/* tables */
.zh-pw-cream .zh-pw-ledger-table th{color:#8a7a5f;border-color:#f0e6c8;}
.zh-pw-cream .zh-pw-ledger-table td{color:#3d3d3d;border-color:#f0e6c8;}
.zh-pw-cream .zh-pw-ledger-table tbody tr:hover{background:#fdf8ec;}
.zh-pw-cream .zh-pw-ledger-total-row,
.zh-pw-cream .zh-pw-ledger-total-row td{color:#8a6410;font-weight:700;border-color:#ecd9a0;}
.zh-pw-cream .zh-pw-ledger-tab-note,
.zh-pw-cream .zh-pw-ledger-empty{color:#6a6a6a;}
.zh-pw-cream .zh-pw-ledger-notice{background:#fef9e6;border-color:#ecd9a0;color:#6a6a6a;}

/* expand buttons + per-order breakdown */
.zh-pw-cream .zh-pw-expand-btn{background:#fff;border-color:#ecd9a0;color:#8a6410;}
.zh-pw-cream .zh-pw-expand-btn:hover{background:#fdf3d6;border-color:#D4A017;}
.zh-pw-cream .zh-pw-breakdown,
.zh-pw-cream .zh-pw-breakdown-row td{background:#fdf8ec;}
.zh-pw-cream .zh-pw-breakdown-label{color:#6a6a6a;}
.zh-pw-cream .zh-pw-breakdown-amount{color:#3d3d3d;}
.zh-pw-cream .zh-pw-breakdown-note{color:#9a8a6f;}
.zh-pw-cream .zh-pw-breakdown-platform,
.zh-pw-cream .zh-pw-breakdown-deduction{color:#b45309;}
.zh-pw-cream .zh-pw-breakdown-net{color:#15803d;font-weight:700;}
.zh-pw-cream .zh-pw-breakdown-direct{color:#1d4ed8;}

/* payout history (native <details>) */
.zh-pw-cream .zh-pw-payout-log-entry{background:#fffdf7;border:1px solid #ecd9a0;border-radius:12px;}
.zh-pw-cream .zh-pw-payout-log-summary{color:#1a1a1a;}
.zh-pw-cream .zh-pw-payout-log-summary:hover{background:#fdf8ec;}
.zh-pw-cream .zh-pw-payout-log-date{color:#3d3d3d;}
.zh-pw-cream .zh-pw-payout-log-amount{color:#15803d;}
.zh-pw-cream .zh-pw-payout-log-method,
.zh-pw-cream .zh-pw-payout-log-summary-meta{color:#8a7a5f;}
.zh-pw-cream .zh-pw-payout-log-chevron{color:#B8860B;}
.zh-pw-cream .zh-pw-payout-log-breakdown{background:#fdf8ec;}
.zh-pw-cream .zh-pw-payout-log-row{color:#3d3d3d;border-color:#f0e6c8;}
.zh-pw-cream .zh-pw-payout-log-credit{color:#3d3d3d;}
.zh-pw-cream .zh-pw-payout-log-deduction{color:#b45309;}
.zh-pw-cream .zh-pw-payout-log-net{color:#15803d;font-weight:700;}
.zh-pw-cream .zh-pw-payout-log-meta-label{color:#8a7a5f;}
.zh-pw-cream .zh-pw-payout-log-meta-value{color:#3d3d3d;}
.zh-pw-cream .zh-pw-payout-log-meta-ref{color:#6a6a6a;word-break:break-all;}
