/* Área do cliente — mesma identidade DOM, com espaço e leitura melhores. */
.account-page .account-main{background:#f7f7f7;padding:46px 0 78px;min-height:65vh}
.account-page .account-shell{max-width:1180px;margin:0 auto}
.account-page .account-auth{width:min(650px,100%);margin:0 auto;border:1px solid #dedede;background:#fff}
.account-page .auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.account-page .auth-tabs button{min-height:54px;white-space:normal}
.account-page .account-auth .account-panel{border:0;margin:0;padding:34px 38px 38px}
.account-page .account-panel h1{margin:0 0 10px;line-height:1.16}
.account-page .account-panel>.muted{line-height:1.5;margin-bottom:24px;max-width:55ch}
.account-page .account-auth .field{margin-bottom:16px}
.account-page .account-auth .field label,.account-page .account-section .field label{margin-bottom:7px}
.account-page .account-auth .field input,.account-page .account-section .field input{height:46px}
.account-page .account-auth .field .muted{display:block;margin-top:6px;line-height:1.45}
.account-page .account-auth .checkout-btn{margin-top:10px}
.account-page .account-menu-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.account-page .account-side{position:sticky;top:104px;border:1px solid #dedede;padding:10px;background:#fff}
.account-page .account-side button{transition:background .15s,color .15s;min-height:46px}
.account-page .account-side button:hover{background:#f3f3f3}
.account-page .account-side button.active{background:#111;color:#fff;border-bottom-color:#111}
.account-page .account-profile-grid{display:block!important;min-width:0;width:100%}
.account-page .account-profile-grid>div{min-width:0;width:100%}
.account-page .account-section{width:100%;min-width:0;margin:0;border:1px solid #dedede;padding:30px 34px;background:#fff}
.account-page .account-section h1,.account-page .account-section h2{line-height:1.2}
.account-page .profile-head{margin-bottom:22px}
.account-page #account-dados .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.account-page #account-dados .field{min-width:0}
.account-page #account-dados .checkout-btn{margin-top:24px}
.account-page #orders,.account-page .customer-orders-list{min-width:0;width:100%}
.account-page .customer-orders-list{display:grid;gap:12px}
.account-page .customer-order-card{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(155px,auto);gap:18px;align-items:center;width:100%;min-width:0;padding:16px;border:1px solid #e2e2e2;background:#fff;overflow:visible}
.account-page .customer-order-media,.account-page .customer-order-media img{width:90px!important;height:112px!important;min-width:90px!important;max-width:90px!important;max-height:112px!important;object-fit:cover!important}
.account-page .customer-order-main{min-width:0;overflow-wrap:normal;word-break:normal}
.account-page .customer-order-code,.account-page .customer-order-product{overflow-wrap:anywhere;word-break:normal;line-height:1.4}
.account-page .customer-order-code{font-size:12px;letter-spacing:.01em}
.account-page .customer-order-product{font-size:13px;margin-top:9px}
.account-page .customer-order-badges{gap:6px}
.account-page .customer-order-side{min-width:155px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.account-page .customer-order-total{font-size:17px;white-space:nowrap;margin-bottom:4px;text-align:right}
.account-page .customer-order-side .btn{min-height:40px;white-space:normal;line-height:1.2;padding:7px 10px}
.account-page .order-detail-card{margin-top:12px;min-width:0}
.account-page .order-detail-item{min-width:0}
@media(max-width:900px){.account-page .account-main{padding:26px 0 56px}.account-page .account-menu-layout{grid-template-columns:minmax(0,1fr);gap:14px}.account-page .account-side{position:static;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.account-page .account-side button{flex:0 0 auto;min-width:max-content;border:1px solid #ddd;padding:10px 15px}.account-page .account-side button.active{border-color:#111}}
@media(max-width:620px){.account-page .account-main{padding:18px 0 45px}.account-page .account-auth .account-panel,.account-page .account-section{padding:23px 18px!important}.account-page #account-dados .form-grid,.account-page #register-box .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px}.account-page #account-dados .field.full{grid-column:auto}.account-page .customer-order-card{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}.account-page .customer-order-media,.account-page .customer-order-media img{width:76px!important;height:96px!important;min-width:76px!important;max-width:76px!important;max-height:96px!important}.account-page .customer-order-side{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0}.account-page .customer-order-total{grid-column:1/-1!important;text-align:left!important}.account-page .customer-order-side .btn{width:100%!important;min-width:0!important}.account-page .profile-head{align-items:start;gap:10px}.account-page .profile-head .btn{padding:0 15px}}
@media(max-width:370px){.account-page .customer-order-card{grid-template-columns:64px minmax(0,1fr)!important}.account-page .customer-order-media,.account-page .customer-order-media img{width:64px!important;height:84px!important;min-width:64px!important;max-width:64px!important;max-height:84px!important}.account-page .customer-order-side{grid-template-columns:minmax(0,1fr)!important}}
