/* SELLIORA r454 · the WhatsApp wallet in the CRM */
#page-chat #wa_allow.wpw-line{font-size:11.5px;color:var(--t2)}
#page-chat #wa_allow.wpw-line.bad{color:#B91C1C}
.wpw-price{display:flex;flex-direction:column;gap:2px;margin:0 0 10px;padding:9px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--p) 25%,var(--bd));background:var(--pl);font-size:12.5px}
.wpw-price b{font-size:13px;color:var(--t)}
.wpw-price span{color:var(--t2)}
.wpw-price.bad{border-color:#F3C4C4;background:#FDF2F2}
.wpw-price.bad b,.wpw-price.bad span{color:#991B1B}
.wapop-tpl .wpw-price{margin:8px 10px 0}
/* r455 · Billing › WhatsApp Credit */
.wpw-card{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.wpw-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.wpw-head>div:first-child{flex:1;min-width:260px;display:flex;flex-direction:column;gap:4px}
.wpw-head b{font-size:15px}
.wpw-head span{font-size:12.5px;color:var(--t2);line-height:1.5}
.wpw-bal{font-size:12.5px;color:var(--t2);border:1px solid var(--bd);border-radius:9px;padding:8px 12px}
.wpw-bal b{display:block;font-size:17px;color:var(--t)}
.wpw-tbl-wrap{overflow-x:auto;border:1px solid var(--bd);border-radius:10px}
.wpw-tbl{width:100%;border-collapse:collapse;font-size:13px}
.wpw-tbl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--t2);font-weight:600;padding:9px 12px;background:var(--s2);white-space:nowrap}
.wpw-tbl td{padding:10px 12px;border-top:1px solid var(--bd);vertical-align:middle}
.wpw-tbl td small{display:block;font-size:11.5px;color:var(--t2)}
.wpw-tbl .r{text-align:right}
.wpw-tbl b.low{color:#B45309}
.wpw-dim{color:var(--t3)}
.wpw-acts{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.wpw-empty{padding:22px;text-align:center;color:var(--t2)}
.wpw-empty.bad{color:#B91C1C}
/* r456 · the admin's WhatsApp Wallet tab */
#bt_wacredit{display:flex;flex-direction:column;gap:14px}
#bt_wacredit[style*="display: none"]{display:none!important}
.wpw-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wpw-kpi{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:5px}
.wpw-kpi span{font-size:12.5px;color:var(--t2)}
.wpw-kpi b{font-size:20px}
.wpw-kpi b i{font-style:normal;font-size:13px;font-weight:500;color:var(--t2)}
.wpw-kpi small{font-size:12px;color:var(--t2)}
.wpw-bar{height:6px;border-radius:99px;background:var(--s2);overflow:hidden}
.wpw-bar em{display:block;height:100%;background:#16A34A;border-radius:99px}
.wpw-bar em.a{background:#D97706}.wpw-bar em.r{background:#DC2626}
.wpw-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wpw-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--t2)}
.wpw-form input,.wpw-form select{height:38px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;color:var(--t);background:var(--s)}
.wpw-types{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px}
.wpw-types>span{font-weight:600;color:var(--t2);font-size:12.5px;margin-right:4px}
.wpw-types label{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--bd2);border-radius:8px;cursor:pointer}
.wpw-types small{color:var(--t3);font-size:12px}
.wpw-foot{display:flex;justify-content:flex-end}
.wpw-ref{font-size:11.5px;font-weight:600;color:#166534;background:#E9F7EE;border-radius:6px;padding:2px 8px}
.wpw-tbl b.ok{color:#166534}
@media (max-width:1100px){.wpw-kpis,.wpw-form{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* r462 · one wallet for every message: the old channel-credit pieces are gone */
body.wpw-on #page-billing .set-tab[data-bt="team"],body.wpw-on #page-billing .set-tab[data-bt="purchase"],
body.wpw-on #bt_team,body.wpw-on #bt_purchase{display:none!important}
body.wpw-on #bill_totals>.bl-stat:not(:first-child){display:none!important}
body.wpw-on #bt_overview>.card:has(#bill_channels){display:none!important}
body.wpw-on #bill_totals{grid-template-columns:minmax(0,420px)!important}
/* r463 · top cards: just the wallet · Overview: the summary · per-channel controls */
body.wpw-on #bill_cards>*:not(:first-child){display:none!important}
body.wpw-on #bill_cards{grid-template-columns:minmax(0,440px)!important}
body.wpw-on #bt_overview>*:not(#wpw_ov){display:none!important}
#wpw_ov{display:flex;flex-direction:column;gap:14px}
.wpw-onp{font-size:11.5px;font-weight:600;color:#166534;background:#E9F7EE;border-radius:6px;padding:2px 8px}
.wpw-off{font-size:11.5px;font-weight:600;color:#991B1B;background:#FDECEC;border-radius:6px;padding:2px 8px}
.wpw-bar.sm{height:4px;margin-top:4px;width:110px;margin-left:auto}
.wpw-chans{display:flex;flex-direction:column;gap:8px}
.wpw-chans>span{font-weight:600;color:var(--t2);font-size:12.5px}
.wpw-chan{display:grid;grid-template-columns:200px minmax(0,260px);align-items:end;gap:14px;padding:8px 10px;border:1px solid var(--bd);border-radius:10px}
.wpw-sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;height:38px}
.wpw-sw input{position:absolute;opacity:0;width:1px;height:1px}
.wpw-sw i{width:36px;height:20px;border-radius:99px;background:var(--bd2);position:relative;transition:background .15s}
.wpw-sw i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.wpw-sw input:checked+i{background:#16A34A}
.wpw-sw input:checked+i::after{left:18px}
.wpw-sw input:focus-visible+i{outline:2px solid var(--p);outline-offset:2px}
.wpw-sw b{font-size:13.5px}
.wpw-cl{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--t2)}
.wpw-cl input{height:36px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;color:var(--t);background:var(--s)}
@media (max-width:700px){.wpw-chan{grid-template-columns:1fr}}

/* ═══ r464 · Billing in the style of the design (no graphs) ═══ */
body.wpw-on #bill_cards{display:none!important}
#wpw_hero{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.wpw-hacts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:-46px}
.wpw-hacts .btn{display:inline-flex;align-items:center;gap:6px;height:38px}
.wpw-hcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wpw-hc{display:flex;gap:14px;align-items:flex-start;border-radius:14px;padding:16px;border:1px solid var(--bd)}
.wpw-hc>div{display:flex;flex-direction:column;gap:3px;min-width:0;align-items:flex-start}
.wpw-hc span:not(.wpw-it){font-size:12.5px;color:var(--t2)}
.wpw-hc b{font-size:24px;letter-spacing:-.01em;color:var(--t)}
.wpw-hc small{font-size:12px;color:var(--t2);line-height:1.4}
.wpw-hc .btn{margin-top:8px;display:inline-flex;align-items:center;gap:5px}
.wpw-hc .btn.dark{background:#1F2A44;border-color:#1F2A44;color:#fff}
.wpw-it{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.t-blue{background:linear-gradient(180deg,#F3F7FF,#FFFFFF)}.t-blue .wpw-it{background:#DCE8FF;color:#2563EB}
.t-indigo{background:linear-gradient(180deg,#F1F5FF,#FFFFFF)}.t-indigo .wpw-it{background:#E0E7FF;color:#4F46E5}
.t-peach{background:linear-gradient(180deg,#FFF3F0,#FFFFFF)}.t-peach .wpw-it{background:#FFE1DA;color:#E5484D}
.t-lav{background:linear-gradient(180deg,#F7F2FF,#FFFFFF)}.t-lav .wpw-it{background:#EDE4FF;color:#7C3AED}
[data-theme="dark"] .wpw-hc{background:var(--s)!important}
.wpw-sts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wpw-st{display:flex;gap:12px;align-items:flex-start;background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px}
.wpw-st>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.wpw-st span:not(.wpw-it){font-size:12.5px;color:var(--t2)}
.wpw-st b{font-size:20px;color:var(--t)}
.wpw-st small{font-size:11.5px;color:var(--t2)}
.wpw-st .wpw-it{width:40px;height:40px;border-radius:11px}
.wpw-it.purple{background:#F1E9FF;color:#7C3AED}.wpw-it.green{background:#DCF5E6;color:#16A34A}.wpw-it.orange{background:#FFEBD9;color:#EA580C}
.wpw-it.blue{background:#E0EAFF;color:#2563EB}.wpw-it.sky{background:#DDF1FF;color:#0284C7}
.wpw-bar.sm2{height:5px;margin-top:6px}
.wpw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wpw-cu{display:flex;flex-direction:column;gap:12px}
.wpw-cu-r{display:grid;grid-template-columns:30px 90px 1fr minmax(80px,1.4fr) 80px;align-items:center;gap:10px;font-size:13px}
.wpw-cu-v{color:var(--t2)}
.wpw-cu-bar{height:7px;border-radius:99px;background:var(--s2);overflow:hidden}
.wpw-cu-bar em{display:block;height:100%;border-radius:99px}
.wpw-cu-bar em.g{background:#16A34A}.wpw-cu-bar em.b{background:#2563EB}.wpw-cu-bar em.v{background:#7C3AED}.wpw-cu-bar em.r{background:#DC2626}
.wpw-cu-p{font-size:12px;color:var(--t2);text-align:right}
.wpw-ci{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none}
.wpw-ci.g{background:#DCF5E6;color:#15803D}.wpw-ci.b{background:#E0EAFF;color:#2563EB}.wpw-ci.v{background:#EDE4FF;color:#7C3AED}
.wpw-ra{display:flex;flex-direction:column}
.wpw-ra-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--bd);font-size:13px}
.wpw-ra-r:first-child{border-top:0}
.wpw-ra-r small{display:block;font-size:11.5px;color:var(--t2)}
.wpw-ra-r>span{font-weight:600}.wpw-ra-r>span.ok{color:#166534}
.wpw-cn{display:inline-flex;align-items:center;gap:10px}
.wpw-ty{font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 9px;white-space:nowrap}
.wpw-ty.g{background:#DCF5E6;color:#15803D}.wpw-ty.b{background:#E0EAFF;color:#1D4ED8}.wpw-ty.v{background:#EDE4FF;color:#6D28D9}
.wpw-sd{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}
.wpw-sd i{width:7px;height:7px;border-radius:50%;background:currentColor}
.wpw-sd.on{color:#15803D}.wpw-sd.off{color:#64748B}.wpw-sd.lim{color:#DC2626}
.wpw-lim{font-size:12px;font-weight:600;color:#C2410C;background:#FFEBD9;border-radius:6px;padding:2px 8px}
.wpw-ib{width:32px;height:32px;border-radius:8px;border:1px solid var(--bd2);background:var(--s);color:var(--t2);display:grid;place-items:center;cursor:pointer}
.wpw-ib:hover{color:var(--p);border-color:var(--p)}
.wpw-ib:focus-visible{outline:2px solid var(--p);outline-offset:2px}
/* the person window */
.wpw-dlg{position:fixed;inset:0;z-index:9400;background:rgba(15,23,42,.42);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px}
.wpw-dlg-c{width:min(540px,100%);background:var(--s);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden}
.wpw-dlg-h{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--bd)}
.wpw-dlg-h b{flex:1;font-size:15px}
.wpw-x{border:0;background:none;font-size:22px;line-height:1;color:var(--t3);cursor:pointer;padding:2px 8px;border-radius:8px}
.wpw-dlg-b{padding:14px 18px;display:flex;flex-direction:column;gap:14px}
.wpw-dlg-sec{display:flex;flex-direction:column;gap:4px}
.wpw-dlg-sec>b{font-size:13.5px}.wpw-dlg-sec>span{font-size:12.5px;color:var(--t2)}
.wpw-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:6px}
.wpw-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--t2)}
.wpw-row input[type=number]{height:36px;width:160px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;color:var(--t);background:var(--s)}
.wpw-row .wpw-chk{flex-direction:row;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--bd2);border-radius:8px;cursor:pointer;color:var(--t);font-weight:500}
.wpw-dlg-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--bd);background:var(--s2)}
@media (max-width:1200px){.wpw-hcards{grid-template-columns:repeat(2,minmax(0,1fr))}.wpw-sts{grid-template-columns:repeat(3,minmax(0,1fr))}.wpw-two{grid-template-columns:1fr}.wpw-hacts{margin-top:0}}

/* ═══ r465 · every Billing tab: the same table look and icon tiles as Channel Details ═══ */
#page-billing .bl-s{font-size:13px;color:var(--t2);line-height:1.5}
#page-billing #bt_history>.card,#page-billing #bt_payments>.card,#page-billing #bt_alerts>.card,#page-billing #bt_notif>.card{
  border:1px solid var(--bd)!important;border-radius:12px!important;box-shadow:none!important;background:var(--s);overflow:auto}
#page-billing table.bl-tbl{width:100%;border-collapse:collapse;font-size:13px}
#page-billing table.bl-tbl thead th{font-size:11px!important;letter-spacing:.05em;text-transform:uppercase;color:var(--t2)!important;font-weight:600!important;
  padding:11px 14px!important;background:var(--s2)!important;border-bottom:1px solid var(--bd)!important;text-align:left;white-space:nowrap}
#page-billing table.bl-tbl tbody td{padding:12px 14px!important;border-top:1px solid var(--bd)!important;border-bottom:0!important;vertical-align:middle}
#page-billing table.bl-tbl tbody tr:first-child td{border-top:0!important}
#page-billing table.bl-tbl tbody tr:hover td{background:color-mix(in srgb,var(--p) 3%,var(--s))}
/* the first icon in a row becomes a coloured tile, by channel */
#page-billing table.bl-tbl tbody tr td:first-child svg,#page-billing table.bl-tbl tbody tr td:nth-child(2) svg{box-sizing:border-box;width:30px!important;height:30px!important;padding:6px;border-radius:8px;
  background:var(--s2);color:var(--t2);flex:none;vertical-align:middle}
#page-billing tr.wpw-ch-wallet svg{background:#DCE8FF!important;color:#2563EB!important}
#page-billing tr.wpw-ch-whatsapp svg{background:#DCF5E6!important;color:#15803D!important}
#page-billing tr.wpw-ch-email svg{background:#E0EAFF!important;color:#2563EB!important}
#page-billing tr.wpw-ch-sms svg{background:#EDE4FF!important;color:#7C3AED!important}
#page-billing tr.wpw-ch-rcs svg{background:#FFE1DA!important;color:#E5484D!important}
#page-billing tr.wpw-ch-voice svg{background:#FFEBD9!important;color:#EA580C!important}
/* inputs and buttons inside the tables */
#page-billing table.bl-tbl input.t,#page-billing table.bl-tbl input[type=number]{height:36px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px}
#page-billing table.bl-tbl .btn.sm{height:32px;border-radius:8px}
/* status pills, the same as Channel Details */
#page-billing .pill{font-size:11.5px!important;font-weight:600!important;border-radius:6px!important;padding:3px 9px!important;border:0!important}
#page-billing .pill.pg{background:#DCF5E6!important;color:#15803D!important}
#page-billing .pill.pr{background:#FDECEC!important;color:#B91C1C!important}
#page-billing .pill.pa{background:#FFEBD9!important;color:#C2410C!important}
#page-billing .pill.pn{background:var(--s2)!important;color:var(--t2)!important}
#page-billing .pill.pb{background:#E0EAFF!important;color:#1D4ED8!important}
/* notifications list */
#page-billing #bill_notifs>*{border-bottom:1px solid var(--bd)}
#page-billing #bill_notifs>*:last-child{border-bottom:0}

/* r466 · every Billing tab: a heading with a coloured icon tile; section heads with tiles */
.wpw-th{display:flex;align-items:center;gap:12px;margin:2px 0 12px}
.wpw-th>div{display:flex;flex-direction:column;gap:2px}
.wpw-th b{font-size:16px;color:var(--t)}
.wpw-th span:not(.wpw-it){font-size:12.5px;color:var(--t2)}
.wpw-th .wpw-it{width:40px;height:40px;border-radius:11px}
#bt_history>.wpw-th+div .bl-s,#bt_payments>.wpw-th+.bl-s,#bt_alerts>.wpw-th+.bl-s{display:none}
.wpw-head>.wpw-it{width:36px;height:36px;border-radius:10px;align-self:flex-start}
.wpw-head{align-items:center}
.wpw-head>div:first-of-type{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}

/* r467 · channel icons in Billing tables = the Bulk Action menu's tiles (.bm-ic):
   32px, 9px corners, the channel colour on a 12% tint of it */
#page-billing table.bl-tbl tbody tr{--c:var(--t2)}
#page-billing table.bl-tbl tbody tr.wpw-ch-whatsapp{--c:#16A34A}
#page-billing table.bl-tbl tbody tr.wpw-ch-email{--c:#2563EB}
#page-billing table.bl-tbl tbody tr.wpw-ch-sms{--c:#7C3AED}
#page-billing table.bl-tbl tbody tr.wpw-ch-rcs{--c:#E5484D}
#page-billing table.bl-tbl tbody tr.wpw-ch-wallet{--c:#0EA5E9}
#page-billing table.bl-tbl tbody tr.wpw-ch-voice{--c:#EA580C}
#page-billing table.bl-tbl tbody tr td svg:not(button svg){box-sizing:border-box!important;width:32px!important;height:32px!important;padding:8px!important;
  border-radius:9px!important;color:var(--c)!important;background:color-mix(in srgb,var(--c) 12%,transparent)!important;flex:none;vertical-align:middle;margin-right:4px}
#page-billing table.bl-tbl tbody td:has(> svg),#page-billing table.bl-tbl tbody td > span:has(> svg){white-space:nowrap}
#page-billing table.bl-tbl tbody td:has(> svg){font-weight:600;color:var(--t)}

/* r468 · Billing uses the Bulk Action menu's exact colours for each channel
   (WhatsApp #16A34A · Email #DB2777 · SMS #7C3AED · AI call #0EA5E9 · blue #2563EB · teal #0891B2),
   and the same tile: the colour on a 12% tint of it */
#page-billing table.bl-tbl tbody tr.wpw-ch-whatsapp{--c:#16A34A}
#page-billing table.bl-tbl tbody tr.wpw-ch-email{--c:#DB2777}
#page-billing table.bl-tbl tbody tr.wpw-ch-sms{--c:#7C3AED}
#page-billing table.bl-tbl tbody tr.wpw-ch-rcs{--c:#0891B2}
#page-billing table.bl-tbl tbody tr.wpw-ch-wallet{--c:#2563EB}
#page-billing table.bl-tbl tbody tr.wpw-ch-voice{--c:#0EA5E9}
.wpw-ci.g{--c:#16A34A}.wpw-ci.b{--c:#DB2777}.wpw-ci.v{--c:#7C3AED}
.wpw-ci{width:32px!important;height:32px!important;border-radius:9px!important;color:var(--c)!important;background:color-mix(in srgb,var(--c) 12%,transparent)!important}
.wpw-ty.g{--c:#16A34A}.wpw-ty.b{--c:#DB2777}.wpw-ty.v{--c:#7C3AED}
.wpw-ty{color:var(--c)!important;background:color-mix(in srgb,var(--c) 12%,transparent)!important}
.wpw-cu-bar em.g{background:#16A34A!important}.wpw-cu-bar em.b{background:#DB2777!important}.wpw-cu-bar em.v{background:#7C3AED!important}
.wpw-cu-bar em.r{background:#DC2626!important}
/* r469 · a member's Billing page never shows wallet cards */
body.wpw-on:not(.wpw-admin) #wpw_hero{display:none!important}

/* r696: AI Assistant on Billing */
.wpw-ci.o{background:#FFEDD5;color:#C2410C}.wpw-ty.o{background:#FFEDD5;color:#C2410C}
.wpw-cu-bar em.o{background:#F97316}
.wpw-ai-off{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;background:#FFFAEB;border-color:#FEDF89;margin-bottom:12px}
.wpw-ai-off span{color:var(--t2);font-size:13px}
.wpw-ai-lim{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.wpw-ai-lim label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--t2)}
.wpw-ai-lim input{width:150px}
.wpw-ai-in{width:96px}
.wpw-ai-hit{color:#B42318;font-weight:600}
#bt_aiuse{display:flex;flex-direction:column;gap:14px}
#bt_aiuse[style*="none"]{display:none!important}
.wpw-ci.o,.wpw-ty.o{--c:#EA580C}.wpw-cu-bar em.o{background:#F97316!important}
#page-billing table.bl-tbl tbody tr.wpw-ch-ai{--c:#EA580C}