/* ============ BIZZBEE v5 — conta, encomendas, devoluções, FAQ ============ */

/* ---- auth ---- */
.authcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;max-width:460px;margin:18px auto}
.authtabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#eef1f6;border-radius:10px;padding:5px;margin-bottom:20px}
.authtabs button{border:0;background:none;border-radius:8px;padding:10px;font-size:13.5px;font-weight:700;color:#55657d;cursor:pointer;font-family:inherit}
.authtabs button.on{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(15,40,90,.12)}
.autherr{color:var(--red);font-size:12.5px;font-weight:600;min-height:18px;margin-bottom:8px}

/* ---- dashboard ---- */
.dashhello{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dashhello h2{font-size:21px;font-weight:800;color:#17263e}
.dashhello p{font-size:13px;color:#7d8aa0;margin-top:5px}

/* ---- sidebar user chip ---- */
.acctnav .userchip{border-bottom:1px solid var(--line);padding:10px 12px 14px;margin-bottom:8px}
.acctnav .userchip b{font-size:13.5px;color:#17263e;display:block}
.acctnav .userchip span{font-size:11.5px;color:#8b97a9;display:block;margin-bottom:9px;word-break:break-all}
.acctnav .logout{color:var(--red)!important}

/* ---- orders ---- */
.orow{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-top:11px;display:grid;grid-template-columns:110px minmax(0,1fr) 110px auto auto;gap:16px;align-items:center}
.orowhead{background:none;border:0;padding:2px 4px 0;margin-top:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#9aa7ba}
.oid b a{font-size:14.5px;color:#17263e}
.oid b a:hover{color:var(--blue)}
.oid span{display:block;margin-top:3px}
.oprods{display:flex;align-items:center;gap:6px;min-width:0}
.othumb{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:#fff}
.omore{font-size:11.5px;font-weight:700;color:#64758f;background:#eef1f6;border-radius:6px;padding:4px 8px}
.ototal b{font-size:15px;color:#17263e;display:block}
.ototal span{font-size:11.5px;color:#8b97a9}
.ostats{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.oacts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.stbadge{font-size:11px;font-weight:800;border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.stbadge.amber{background:#fff6e5;color:#b97c10}
.stbadge.green{background:#e5f7ec;color:#17753f}
.stbadge.blue{background:#e8f0fe;color:#ce9200}
.stbadge.indigo{background:#e8eafe;color:#4353c8}
.stbadge.violet{background:#f1e8fe;color:#7c3aed}
.stbadge.ok{background:#17753f;color:#fff}
.stbadge.bad{background:#fdecec;color:var(--red)}
.stbadge.teal{background:#dff5f2;color:#0e8577}
.stbadge.gray{background:#eef1f6;color:#64758f}

/* ---- order detail ---- */
.odetail{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin-top:12px}
.odhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.odhead h2{font-size:20px;font-weight:800;color:#17263e}
.odgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.oditems{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.odit{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f2f7}
.odit:last-child{border-bottom:0}
.odit img{width:64px;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--line);cursor:pointer;background:#fff}
.oi-t a{font-size:13.3px;font-weight:600;color:#17263e;line-height:1.4}
.oi-t a:hover{color:var(--blue)}
.oi-t .cvsku{display:block;margin-top:3px}
.oi-q{font-size:12.5px;color:#64758f;white-space:nowrap}
.oi-l b{font-size:14px;color:#17263e;white-space:nowrap}
.odtotals{max-width:340px;margin:16px 0 0 auto}
.odacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #eef1f6}
.odacts .btn-primary,.odacts .btn-white{padding:12px 20px;font-size:13px}

/* ---- returns ---- */
.retitem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f7}
.retitem label{display:flex;gap:10px;align-items:center;font-size:13.3px;color:#22314c;cursor:pointer;font-weight:500}
.retitem input{accent-color:var(--blue);width:16px;height:16px}
.retq .qty2 button{width:30px;height:30px;font-size:13px}
.retq b{width:26px;font-size:12.5px}
.retcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-top:12px}
.retsteps{display:flex;justify-content:space-between;margin:16px 0 12px;position:relative}
.retsteps::before{content:'';position:absolute;top:14px;left:6%;right:6%;height:2px;background:#ece8df}
.retstep{position:relative;text-align:center;flex:1}
.retstep span{width:29px;height:29px;border-radius:50%;background:#fff;border:2px solid #d6dde8;color:#8b97a9;display:grid;place-items:center;font-size:11.5px;font-weight:700;margin:0 auto 6px;position:relative;z-index:1}
.retstep.done span{background:var(--blue);border-color:var(--blue);color:#fff}
.retstep b{font-size:10.3px;color:#55657d;font-weight:600;display:block;line-height:1.3}
.retstep.done b{color:var(--blue)}

/* ---- addresses v2 ---- */
.addrgrid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start;margin-top:14px}
.addrlist{min-width:0}
.addrbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.addrbtns .cvlink.rm{margin-left:auto}

/* ---- track v2 ---- */
.trackgrid{display:grid;gap:12px;max-width:560px}
.timeline6{display:flex;justify-content:space-between;margin-top:22px;position:relative}
.timeline6::before{content:'';position:absolute;top:16px;left:6%;right:6%;height:2px;background:#ece8df}
.timeline6.off{opacity:.45}
.timeline6 .tlstep span{width:33px;height:33px}
.devorders{background:#f5f8fd;border:1px dashed #d6e2f5;border-radius:11px;padding:14px 16px;max-width:560px;margin-top:14px}
.devorders b{font-size:12px;color:#55657d;display:block;margin-bottom:9px}
.devorders .fchip{margin:0 6px 6px 0}

/* ---- FAQ ---- */
.faqbar input{width:100%;max-width:520px;border:1px solid #d6dde8;border-radius:10px;padding:13px 17px;font-size:14px;font-family:inherit;outline:0}
.faqbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,108,245,.13)}
.faqcat{margin-top:22px}
.faqcat h3{font-size:16px;font-weight:800;color:#17263e;margin-bottom:10px;position:relative;padding-bottom:8px}
.faqcat h3::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--blue);border-radius:2px}
.faqcat .faq-it{margin-bottom:8px}

/* ============ RESPONSIVE v5 ============ */
@media(max-width:1000px){
 .addrgrid{grid-template-columns:1fr}
 .orow{grid-template-columns:1fr 1fr;gap:10px}
 .orowhead{display:none}
 .oacts{grid-column:1/-1;justify-content:flex-start}
 .odgrid{grid-template-columns:1fr}
}
@media(max-width:680px){
 .orow{grid-template-columns:1fr;padding:14px}
 .oid{display:flex;gap:10px;align-items:baseline}
 .odetail{padding:20px 16px}
 .odit{grid-template-columns:52px minmax(0,1fr);gap:10px}
 .oi-q{grid-column:1}
 .oi-l{grid-column:2;text-align:right}
 .odtotals{max-width:none}
 .odacts{flex-direction:column}
 .odacts .btn-primary,.odacts .btn-white{width:100%;justify-content:center}
 .retsteps{flex-wrap:wrap;gap:8px}
 .retsteps::before{display:none}
 .retstep{flex:1 1 30%}
 .dashhello{padding:18px}
 .timeline6{flex-wrap:wrap;gap:10px}
 .timeline6::before{display:none}
 .timeline6 .tlstep{flex:1 1 30%}
 .authcard{padding:20px 16px}
}