/* Payment-First Consultation — frontend styles */
.pfc-box{max-width:680px;margin:16px auto;padding:20px;border:1px solid #e6e6ef;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(30,20,60,.05);font-size:15px;color:#241c36}
.pfc-notice{text-align:center;color:#555}
.pfc-muted{color:#888;font-size:13px}

.pfc-btn{display:inline-block;background:#6b3fa0;color:#fff !important;border:0;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .15s}
.pfc-btn:hover{filter:brightness(1.08)}
.pfc-btn:disabled{opacity:.5;cursor:not-allowed}
.pfc-btn-alt{background:#f1ecf9;color:#6b3fa0 !important}

/* Wallet */
.pfc-wallet-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #efeef5;margin-bottom:14px}
.pfc-wallet-head span{color:#7a7390;font-size:14px}
.pfc-balance{font-size:24px;color:#6b3fa0}

/* Recharge */
.pfc-amt-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pfc-preset{background:#f4f2fb;border:1px solid #e3ddf3;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;color:#5a3690}
.pfc-preset:hover{background:#ece6f8}
.pfc-recharge-row{display:flex;gap:8px}
.pfc-recharge-amt{flex:1;padding:10px 12px;border:1px solid #d9d4e8;border-radius:10px;font-size:15px}
.pfc-recharge-msg,.pfc-book-msg,.pfc-gate-msg{margin-top:8px;font-size:13px;color:#6b3fa0;min-height:16px}

/* Ledger */
.pfc-ledger{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}
.pfc-ledger th,.pfc-ledger td{text-align:left;padding:8px 6px;border-bottom:1px solid #f0eef6}
.pfc-ledger th{color:#8a83a0;font-weight:600}

/* Astrologer grid */
.pfc-astro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:960px;margin:16px auto}
.pfc-astro-card{border:1px solid #e6e6ef;border-radius:14px;padding:18px;text-align:center;background:#fff;box-shadow:0 2px 10px rgba(30,20,60,.05)}
.pfc-astro-img img{border-radius:50%;width:84px;height:84px;object-fit:cover}
.pfc-astro-card h4{margin:10px 0 4px}
.pfc-spec{color:#8a83a0;font-size:13px;margin:0 0 8px}
.pfc-rates{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#5a3690;margin:0 0 12px}
.pfc-astro-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pfc-astro-actions .pfc-btn{padding:8px 14px;font-size:14px}

/* Chat */
.pfc-chat-gate{text-align:center}
.pfc-chat-gate h4{margin:0 0 6px}
.pfc-chat-rate{color:#8a83a0;font-size:13px}
.pfc-inline-recharge{margin-top:16px;text-align:left}
.pfc-billing-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#f7f5fc;border-radius:10px;padding:10px 14px;font-size:13px;color:#5a4d72}
.pfc-billing-bar strong{color:#6b3fa0}
.pfc-remaining{font-weight:600}
.pfc-warn{margin-top:10px;background:#fff6e5;border:1px solid #ffe2ad;color:#9a6700;padding:8px 12px;border-radius:8px;font-size:13px}
.pfc-paused{margin-top:10px;background:#fdecec;border:1px solid #f7c5c5;color:#b53a3a;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600}
.pfc-live-recharge{margin-top:10px}
.pfc-messages{height:320px;overflow-y:auto;margin:12px 0;padding:12px;border:1px solid #eee;border-radius:10px;background:#fafafd;display:flex;flex-direction:column;gap:8px}
.pfc-msg{max-width:78%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4;word-wrap:break-word}
.pfc-msg.pfc-user{align-self:flex-end;background:#6b3fa0;color:#fff;border-bottom-right-radius:4px}
.pfc-msg.pfc-astrologer{align-self:flex-start;background:#efeaf8;color:#3a2d56;border-bottom-left-radius:4px}
.pfc-msg.pfc-system{align-self:center;background:#f0eef6;color:#6f6890;font-size:12px;text-align:center;border-radius:8px}
.pfc-input-row{display:flex;gap:8px}
.pfc-msg-input{flex:1;padding:11px 14px;border:1px solid #d9d4e8;border-radius:24px;font-size:15px}

/* Booking */
.pfc-step h4{margin:0 0 8px}
.pfc-slot-select{width:100%;padding:11px 12px;border:1px solid #d9d4e8;border-radius:10px;font-size:15px;margin:10px 0}
.pfc-step-done{text-align:center;color:#2e7d32;font-weight:600}

@media(max-width:520px){
	.pfc-box{margin:10px;padding:16px;border-radius:12px}
	.pfc-billing-bar{font-size:12px}
	.pfc-messages{height:260px}
}