/* গ্রাহক প্রোফাইল — আধুনিক ডিজাইন (শুধু /profile.php এ লোড হয়; থিমের --pri রঙ অনুসরণ করে) */
.pf{max-width:980px;margin:0 auto;padding-bottom:24px}
.pf *{box-sizing:border-box}
.pf-hero{position:relative;overflow:hidden;border-radius:20px;margin:14px 0 12px;padding:18px;color:#fff;background:var(--pri);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.3) 100%);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.pf-hero:before,.pf-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}
.pf-hero:before{width:220px;height:220px;right:-70px;top:-90px}.pf-hero:after{width:140px;height:140px;right:70px;bottom:-80px}
.pf-top{position:relative;display:flex;align-items:center;gap:14px;z-index:1}
.pf-av{flex:none;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--pri);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;box-shadow:0 0 0 4px #ffffff40}
.pf-who{flex:1;min-width:0}.pf-who h1{margin:0;font-size:20px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-who p{margin:2px 0 0;font-size:13.5px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-out{flex:none;border:1px solid #ffffff66;background:#ffffff1f;color:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.pf-out:hover{background:#ffffff33}
.pf-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.pf-stat{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;padding:10px 8px;text-align:center;backdrop-filter:blur(2px)}
.pf-stat b{display:block;font-size:19px;line-height:1.2}.pf-stat span{font-size:12px;opacity:.9}

.pf-tabs{position:sticky;top:var(--hh,60px);z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;background:var(--bg);padding:8px 0;margin:0 0 6px;-webkit-overflow-scrolling:touch}
.pf-tabs::-webkit-scrollbar{display:none}
.pf-tab{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--bd);background:#fff;color:var(--fg);border-radius:999px;padding:8px 15px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pf-tab svg{width:17px;height:17px;flex:none}
.pf-tab:hover{border-color:var(--pri)}
.pf-tab.on{background:var(--pri);border-color:var(--pri);color:#fff}
.pf-dot{background:var(--red);color:#fff;border-radius:99px;font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;padding:0 5px;text-align:center}
.pf-tab.on .pf-dot{background:#fff;color:var(--red)}

.pf-pane{display:none}.pf-pane.on{display:block;animation:pfin .25s ease}
@keyframes pfin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pf-card{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 1px 2px #0000000a}
.pf-card h3{margin:0 0 4px;font-size:16px}.pf-sub{margin:0 0 12px;color:var(--mut);font-size:13.5px}
.pf-empty{text-align:center;color:var(--mut);padding:28px 10px}.pf-empty svg{width:44px;height:44px;opacity:.5;display:block;margin:0 auto 8px}

.pf-chips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 10px}
.pf-chip{border:1px solid var(--bd);background:#fff;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer}
.pf-chip.on{background:var(--sec);border-color:var(--pri);color:var(--pri);font-weight:700}

.pf-ord{display:block;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:14px;margin:10px 0;transition:box-shadow .15s,border-color .15s}
.pf-ord:hover{border-color:var(--pri);box-shadow:0 4px 14px #00000012}
.pf-oh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-oh b{font-size:15px}.pf-oh small{color:var(--mut)}.pf-oh .sp{flex:1}
.pf-ims{display:flex;gap:6px;margin:10px 0 4px;align-items:center}
.pf-ims img{width:44px;height:44px;object-fit:contain;background:var(--sec);border-radius:10px;border:1px solid var(--bd)}
.pf-ims em{font-style:normal;font-size:12.5px;color:var(--mut);margin-left:2px}
.pf-of{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--bd)}
.pf-of .tot{font-size:16px;font-weight:800;color:var(--pri);margin-right:auto}
.pf-mini{border:1px solid var(--bd);background:#fff;color:var(--fg);border-radius:10px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.pf-mini:hover{border-color:var(--pri);color:var(--pri)}.pf-mini.p{background:var(--pri);border-color:var(--pri);color:#fff}.pf-mini.p:hover{color:#fff;filter:brightness(.95)}
.pf-st{display:inline-block;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:700;background:var(--sec);color:var(--fg)}
.pf-st.warn{background:#fff1c9;color:#7a5b00}.pf-st.info{background:#dbe9ff;color:#1b4aa0}.pf-st.ok{background:#dff5e4;color:#176b35}.pf-st.bad{background:#fde2e2;color:#a11}.pf-st.gray{background:#eceeed;color:#555}

.pf-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.pf-hb{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bd);border-radius:14px;padding:11px 12px;font:inherit;text-align:left;cursor:pointer;color:var(--fg)}
.pf-hb:hover{border-color:var(--pri)}.pf-hb svg{width:22px;height:22px;flex:none;color:var(--pri)}.pf-hb b{display:block;font-size:14px}.pf-hb small{color:var(--mut);font-size:12px}
.pf-hb.cta{background:var(--pri);border-color:var(--pri);color:#fff}.pf-hb.cta svg,.pf-hb.cta small{color:#fff}

.pf-tk{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:13px;margin:8px 0;font:inherit;color:var(--fg);cursor:pointer;position:relative}
.pf-tk:hover{border-color:var(--pri);box-shadow:0 4px 14px #00000012}
.pf-tk.un{border-color:var(--pri);background:#eef7f1}
.pf-tki{flex:none;width:40px;height:40px;border-radius:12px;background:var(--sec);color:var(--pri);display:flex;align-items:center;justify-content:center}.pf-tki svg{width:20px;height:20px}
.pf-tkb{flex:1;min-width:0}.pf-tkb b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-tkb small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}.pf-tkb p{margin:5px 0 0;font-size:13px;color:#445;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-new{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #fff}

.pf-thead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pf-thead h3{margin:0;flex:1;min-width:0;font-size:16px}
.pf-back{border:0;background:var(--sec);color:var(--fg);border-radius:10px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pf-meta{display:flex;gap:6px;flex-wrap:wrap;color:var(--mut);font-size:12.5px;margin-bottom:10px;align-items:center}
.pf-chat{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.pf-msg{max-width:88%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.55;word-break:break-word;white-space:pre-wrap}
.pf-msg small{display:block;font-size:11.5px;opacity:.75;margin-bottom:3px;white-space:normal}
.pf-msg.me{align-self:flex-end;background:var(--pri);color:#fff;border-bottom-right-radius:5px}
.pf-msg.su{align-self:flex-start;background:var(--sec);border:1px solid var(--bd);border-bottom-left-radius:5px}
.pf-reply{display:flex;gap:8px;align-items:flex-end;margin-top:6px}.pf-reply textarea{flex:1;margin:0!important;min-height:46px;resize:vertical}
.pf-reply .btn{padding:11px 16px}
.pf-note{background:var(--sec);border-radius:12px;padding:10px 12px;font-size:13px;color:#445;margin:8px 0}

.pf-form label.l{display:block;margin-top:4px}.pf-form .row{display:grid;gap:0 12px}@media(min-width:700px){.pf-form .row{grid-template-columns:1fr 1fr}}
.pf-form .f{margin-bottom:12px}.pf-cnt{text-align:right;font-size:12px;color:var(--mut);margin:-8px 0 8px}
.pf-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pf-ok{text-align:center;padding:18px 8px}.pf-ok .ck{width:62px;height:62px;border-radius:50%;background:#dff5e4;color:#176b35;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.pf-ok .ck svg{width:32px;height:32px}
.pf-ok h3{margin:4px 0}.pf-ok p{color:var(--mut);margin:4px 0 14px}

.pf-rv{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}.pf-rv:last-child{border:0}
.pf-rv img{width:52px;height:52px;object-fit:contain;background:var(--sec);border-radius:10px}.pf-rv .t{flex:1;font-size:14px;font-weight:600}

@media(max-width:520px){
 .pf-hero{padding:14px;border-radius:18px}.pf-av{width:54px;height:54px;font-size:22px}.pf-who h1{font-size:18px}
 .pf-out span{display:none}.pf-out{padding:9px}
 .pf-msg{max-width:94%}.pf-reply{flex-direction:column;align-items:stretch}
}

@supports (color:color-mix(in srgb,red,blue)){.pf-hero{position:relative;overflow:hidden;border-radius:20px;margin:14px 0 12px;padding:18px;color:#fff;background:var(--pri);background-image:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.3) 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--pri) 28%,transparent)}
.pf-tk.un{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 5%,#fff)}
}