.account-header{
  padding:26px 24px;
  display:flex;justify-content:center;
  border-bottom:1px solid var(--border-gold-soft);
}
.account-header img{height:44px;}
.account-header[hidden]{display:none;}

.account-screen{
  min-height:calc(100vh - 96px);
  display:flex;align-items:flex-start;justify-content:center;
  padding:50px 24px;
  background:
    radial-gradient(circle at 82% 12%, rgba(232,100,30,.10), transparent 45%),
    linear-gradient(180deg,#08080A 0%, #111113 100%);
}
.account-screen[hidden]{display:none;}

.account-card{
  max-width:620px;width:100%;
  background:var(--bg-elevated);
  border:1px solid var(--border-gold);
  border-radius:var(--radius-lg);
  padding:40px;
  box-shadow:var(--shadow-lift);
}
.account-intro{color:#ABABB0;font-size:14px;margin-bottom:22px;text-align:center;}
.account-tabs{justify-content:center;margin-bottom:26px;}

.grow-2{flex:2;}

/* Área do cliente logado */
.account-panel{min-height:100vh;background:
    radial-gradient(circle at 82% 0%, rgba(232,100,30,.08), transparent 45%),
    linear-gradient(180deg,#08080A 0%, #111113 100%);}
.account-panel-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 32px;
  border-bottom:1px solid var(--border-gold-soft);
}
.account-panel-header .logo-group img{height:52px;}
.account-panel-actions{display:flex;gap:10px;}
.account-panel-body{max-width:720px;margin:0 auto;padding:50px 24px 90px;}

.account-welcome{
  display:flex;align-items:center;gap:18px;
  background:var(--bg-elevated);
  border:1px solid var(--border-gold);
  border-radius:var(--radius-lg);
  padding:26px 28px;
  margin-bottom:46px;
  box-shadow:var(--shadow-lift);
}
.account-welcome-icon{
  width:52px;height:52px;flex:0 0 52px;
  border-radius:50%;
  background:rgba(232,100,30,.12);
  color:var(--gold);
  display:flex;align-items:center;justify-content:center;
}
.account-welcome-hello{font-size:18px;font-family:var(--font-title);color:var(--white);}
.account-welcome-hello strong{color:var(--gold-light);font-weight:600;}
.account-welcome-email{color:#9C9CA2;font-size:13.5px;margin-top:4px;}

.account-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;}
.account-divider span{width:46px;height:1px;background:var(--border-gold);}
.account-divider i{font-style:normal;color:var(--gold);font-size:14px;}

.orders-list{display:flex;flex-direction:column;gap:16px;}
.orders-empty{
  display:flex;flex-direction:column;align-items:center;gap:16px;
  padding:60px 20px;
  color:#8C8C92;text-align:center;
}
.orders-empty svg{color:var(--gold);opacity:.55;}
.order-card{
  background:var(--bg-elevated);
  border:1px solid var(--border-gold-soft);
  border-radius:var(--radius-md);
  padding:22px 24px;
}
.order-card-head{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;
  margin-bottom:14px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.order-date{color:#9C9CA2;font-size:13px;}
.order-status{
  font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;
}
.order-status.approved{background:rgba(63,191,127,.14);color:#7CE3AA;}
.order-status.pending,.order-status.in_process{background:rgba(232,100,30,.14);color:var(--gold-light);}
.order-status.rejected,.order-status.cancelled{background:rgba(224,96,96,.14);color:var(--danger);}
.order-items{color:#C4C4C9;font-size:13.5px;margin-bottom:10px;}
.order-total{font-family:var(--font-title);font-size:17px;color:var(--white);}

@media(max-width:600px){
  .account-card{padding:28px 22px;}
}