/* /billing/ : wallet, plans and earnings on the dark site system (mobile first) */
.wl-tabs{display:flex;gap:6px;margin:0 0 18px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);width:max-content;max-width:100%;overflow-x:auto}
.wl-tabs a{padding:8px 14px;border-radius:999px;color:#d6d6de;text-decoration:none;font-size:.9rem;white-space:nowrap}
.wl-tabs a[aria-current="page"],.wl-tabs a[aria-current="page"]:visited,.wl-tabs a[aria-current="page"]:hover{background:#fff;color:#07070a!important;font-weight:600}
.wl-card{margin:0 0 18px;padding:20px 18px}
.wl-card h2{margin:0;font-size:1.2rem}
.wl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wl-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:600;background:rgba(255,255,255,.08);color:#e9e9ee;border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.wl-pill.is-on{background:rgba(46,204,113,.14);border-color:rgba(46,204,113,.45);color:#d9ffe8}
.wl-pill.is-wait{background:rgba(241,196,15,.12);border-color:rgba(241,196,15,.4);color:#fff4c9}
.wl-pill.is-off{background:rgba(255,77,94,.12);border-color:rgba(255,77,94,.4);color:#ffd9dd}
.wl-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 4px}
.wl-stats>div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);min-width:0}
.wl-stats b{display:block;font-size:1.25rem;margin-top:4px;color:#fff;overflow-wrap:anywhere}
.wl-k{color:#c4c4ce;font-size:.8rem}
.wl-muted{color:#c4c4ce;font-size:.88rem;line-height:1.5;margin:12px 0 0}
.wl-detail{color:#f2f2f6;margin:12px 0 0}
.wl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.wl-btn{min-height:44px}
.wl-link{color:#f2f2f6;text-decoration:underline;text-underline-offset:3px;font-size:.92rem}
.wl-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.wl-presets button{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:inherit;cursor:pointer}
.wl-presets button:hover,.wl-presets button:focus-visible{background:#fff;color:#07070a}
.wl-form{margin-top:14px}
.wl-lab{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:#d6d6de;min-width:0}
.wl-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.wl-form input,.wl-form select{flex:1 1 180px;min-width:0;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:inherit;width:100%;box-sizing:border-box}
.wl-form select option{background:#111;color:#fff}
.wl-check{display:flex;align-items:center;gap:8px;margin-top:10px;color:#d6d6de;font-size:.88rem}
.wl-check input{width:18px;height:18px;min-height:0;flex:none}
.wl-grid{display:grid;grid-template-columns:1fr;gap:12px}
.wl-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.wl-list{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.1)}
.wl-list li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e3e3ea;font-size:.9rem}
.wl-list li>span{min-width:0;overflow-wrap:anywhere}
.wl-list .wl-actions{margin-top:0}
.wl-table-wrap{overflow-x:auto;margin-top:12px;-webkit-overflow-scrolling:touch}
.wl-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:520px}
.wl-table th,.wl-table td{text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#e3e3ea;white-space:nowrap}
.wl-table th{color:#c4c4ce;font-weight:500}
.wl-flash{margin:0 0 18px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#f2f2f6}
.wl-alert{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:rgba(255,77,94,.1);border:1px solid rgba(255,77,94,.4);color:#ffe7ea}
.wl-alert.is-info{background:rgba(241,196,15,.1);border-color:rgba(241,196,15,.4);color:#fff6d6}
.wl-alert p{margin:0 0 10px}
.wl-tiers{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 14px}
.wl-tier{padding:20px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.wl-tier.is-current{border-color:#fff}
.wl-tier h3{margin:0 0 10px;font-size:1.15rem}
.wl-tier ul{list-style:none;margin:0 0 14px;padding:0;color:#d6d6de;font-size:.9rem;line-height:1.9}
.wl-locked h2{margin:0 0 6px}
@media (min-width:720px){
  .wl-card{padding:24px 26px}
  .wl-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .wl-grid{grid-template-columns:1fr 1fr}
  .wl-span{grid-column:1/-1}
  .wl-filters{grid-template-columns:repeat(5,1fr) auto}
  .wl-tiers{grid-template-columns:repeat(3,1fr)}
}

/* inputs inside a stacked label must not take flex-basis as height */
.wl-lab>input,.wl-lab>select,.wl-lab>textarea{flex:0 0 auto;height:auto}

/* BATCH P: earnings totals, view switch, status chips */
.wl-totals small{display:block;margin-top:4px;font-size:.74rem;line-height:1.35;overflow-wrap:anywhere}
.wl-seg{display:flex;gap:6px;margin:16px 0 0;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);width:max-content;max-width:100%;overflow-x:auto}
.wl-seg button{min-height:40px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#d6d6de;font:inherit;font-size:.88rem;cursor:pointer;white-space:nowrap}
.wl-seg button[aria-pressed="true"]{background:#fff;color:#07070a;font-weight:600}
.wl-seg button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.wl-st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:600;border:1px solid rgba(255,255,255,.18)}
.wl-st.is-paid{background:rgba(46,204,113,.14);border-color:rgba(46,204,113,.45);color:#d9ffe8}
.wl-st.is-paying{background:rgba(241,196,15,.12);border-color:rgba(241,196,15,.4);color:#fff4c9}
.wl-st.is-held{background:rgba(255,255,255,.08);color:#e9e9ee}
.wl-table tfoot th{color:#fff;font-weight:600;border-bottom:0}
.wl-table-sm{min-width:0}
.wl-table-sm th,.wl-table-sm td{white-space:normal;padding:9px 6px}
[hidden]{display:none!important}

/* BUILDER V4B: statements, invoice and the team tax list (append-only) */
.st-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px;margin:14px 0 4px}
.st-controls .wl-lab{min-width:0;flex:1 1 180px;max-width:260px}
.st-controls .wl-actions{margin:0;align-items:center}
.st-controls select,.st-controls .wl-lab>select{width:100%;min-height:44px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#f2f2f6;font:inherit}
.st-totals b{overflow-wrap:anywhere}
.st-table td{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.st-dl{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.st-dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.st-dl dt{color:#c4c4ce;font-size:.85rem}
.st-dl dd{margin:0;color:#f2f2f6;text-align:right;overflow-wrap:anywhere;min-width:0}
.st-print{min-height:44px}
@media print{
  body.sx,body{background:#fff!important;color:#000!important}
  .top,.hx-top,.sx-fx,.ur-tabbar,.foot,.wl-tabs,.skip,.st-noprint,.wl-flash,.sx-dek,.hx-kicker,#wl-locked{display:none!important}
  .sx-card,.wl-card{background:#fff!important;border:0!important;box-shadow:none!important;color:#000!important;padding:0!important}
  .wl-table th,.wl-table td,.st-dl dt,.st-dl dd,.wl-k,.wl-muted,h1,h2,b{color:#000!important}
  .wl-table th,.wl-table td,.st-dl div{border-color:#bbb!important}
  .wl-table-wrap{overflow:visible!important}
  .wl-table{min-width:0!important}
  .wl-pill{border:1px solid #000!important;color:#000!important;background:#fff!important}
  a{color:#000!important;text-decoration:none}
  html body .st-dl dt,html body .st-dl dd{color:#000!important}
}

/* Ultra VIP tier card (Oct 19 2026) */
.wl-price{margin:-4px 0 12px;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.01em}
.wl-tier-ultra{border-color:rgba(255,77,94,.55);background:linear-gradient(180deg,rgba(255,77,94,.12),rgba(255,255,255,.04))}
.wl-tier-ultra.is-current{border-color:#fff}