/* ======================================
REARSALES DESIGN SYSTEM v1
====================================== */

:root{

--rs-primary:#0B2A4A;
--rs-primary-light:#1F4F82;
--rs-accent:#F97316;
--rs-bg:#F5F7FB;
--rs-card:#FFFFFF;
--rs-text:#111827;
--rs-muted:#64748B;
--rs-border:#E5E7EB;

--rs-radius:20px;
--rs-shadow:0 12px 35px rgba(15,23,42,.08);

}

body{

background:var(--rs-bg)!important;
color:var(--rs-text);

}

.card,
.profile-container,
.upload,
.stats-panel>*{

background:var(--rs-card)!important;
border-radius:var(--rs-radius)!important;
box-shadow:var(--rs-shadow)!important;

}

button{

border-radius:14px!important;

}

.btn,
button{

transition:.25s;

}

button:hover{

transform:translateY(-2px);

}





/* =========================
   REARSALES PREMIUM UI
========================= */

:root{
--primary:#0B2A4A;
--secondary:#FF8A00;
--bg:#F5F7FB;
--card:#ffffff;
--text:#14213D;
--muted:#6B7280;
--radius:18px;
--shadow:0 12px 35px rgba(0,0,0,.08);
}

*{
box-sizing:border-box;
font-family:Inter,Poppins,Arial,sans-serif;
}

body{
background:var(--bg)!important;
color:var(--text);
}

.dashboard{
background:var(--bg)!important;
min-height:100vh;
}

.header-bar{
position:sticky;
top:0;
z-index:999;
background:rgba(255,255,255,.95);
backdrop-filter:blur(18px);
padding:20px 28px;
border-bottom:1px solid rgba(0,0,0,.06);
box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.header-bar h1{
font-size:30px;
font-weight:800;
margin:0;
color:#0B2A4A;
}

.dashboard-container{
display:grid;
grid-template-columns:380px 1fr;
gap:28px;
max-width:1700px;
margin:30px auto;
padding:0 24px;
align-items:start;
}

@media(max-width:1200px){
.dashboard-container{
grid-template-columns:1fr;
}
}

.profile-container{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:var(--shadow);
position:sticky;
top:20px;
}

.cover-photo{
height:220px;
background:linear-gradient(135deg,#0B2A4A,#123B66);
}

.profile-header{
padding:90px 30px 30px;
text-align:center;
}

.profile-img{
width:150px;
height:150px;
border-radius:50%;
border:6px solid #fff;
margin-top:-110px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.card,
.products,
.upload,
.messages{
background:#fff;
border-radius:22px;
padding:24px;
box-shadow:var(--shadow);
margin-bottom:24px;
}

.stats-panel{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:28px;
}

.stat-card{
background:#fff;
border-radius:18px;
padding:24px;
box-shadow:var(--shadow);
transition:.25s;
}

.stat-card:hover{
transform:translateY(-6px);
}

.stat-card h3{
font-size:34px;
margin:0;
color:#0B2A4A;
}

#productList{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:24px;
}

button{
border-radius:12px!important;
transition:.25s;
font-weight:700;
}

button:hover{
transform:translateY(-2px);
}

input,
textarea,
select{
border-radius:12px!important;
padding:14px!important;
border:1px solid #ddd!important;
}

input:focus,
textarea:focus,
select:focus{
outline:none;
border-color:#0B2A4A!important;
box-shadow:0 0 0 4px rgba(11,42,74,.08);
}



.upload h3{
font-size:28px;
font-weight:800;
margin-bottom:25px;
}

.upload{
padding:35px;
}

.upload input,
.upload textarea,
.upload select{
margin-bottom:16px;
}

.upload button{
width:100%;
height:58px;
font-size:18px;
background:#0B2A4A;
color:white;
border:none;
}

.upload button:hover{
background:#143b66;
}



#productList{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(300px,1fr));

gap:24px;

}

#productList>*{

background:white;

padding:18px;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.25s;

}

#productList>*:hover{

transform:translateY(-8px);

}




/* ===== LAYOUT V2 ===== */

.dashboard-container{
display:block !important;
max-width:1700px !important;
padding:20px 30px !important;
margin:auto !important;
}

.profile-container{
position:relative !important;
width:100% !important;
margin-bottom:30px !important;
top:auto !important;
}

.products,
.upload,
.messages{
width:100% !important;
}

.stats-panel{
margin:30px 0 !important;
}

.header-bar{
border-radius:0 0 20px 20px;
}



/* ===========================
PREMIUM FILE INPUTS
=========================== */

input[type=file]{
width:100%;
padding:28px;
border:2px dashed #cbd5e1 !important;
border-radius:18px !important;
background:#f8fafc;
cursor:pointer;
transition:.25s;
}

input[type=file]:hover{
border-color:#0B2A4A !important;
background:#eef5ff;
}

input[type=file]::file-selector-button{
background:#0B2A4A;
color:white;
border:none;
padding:12px 18px;
border-radius:10px;
margin-right:15px;
cursor:pointer;
font-weight:700;
}

#prod-preview{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-top:15px;

}

#prod-preview img{

width:120px;

height:120px;

border-radius:16px;

object-fit:cover;

box-shadow:0 10px 25px rgba(0,0,0,.12);

}



/* ===========================
STATUS CARD
=========================== */

#statusText{

background:#fff;

border-radius:18px;

padding:18px;

font-size:16px;

resize:none;

}

#statusMedia{

margin-top:15px;

}

#statusText+input+button{

margin-top:18px;

height:56px;

border:none;

background:linear-gradient(135deg,#0B2A4A,#174B80);

color:white;

font-weight:700;

border-radius:14px;

}

#statusText+input+button:hover{

transform:translateY(-2px);

}


/*UPLOAD PREMIUM*/


.upload{

padding:35px;

}

.upload h3{

font-size:30px;

font-weight:800;

margin-bottom:25px;

}

.upload label{

font-weight:700;

display:block;

margin-top:20px;

margin-bottom:10px;

color:#0B2A4A;

}

.upload input,

.upload textarea,

.upload select{

margin-bottom:16px;

}




/* ==========================================
PREMIUM STATS CARDS
========================================== */

.stats-panel{

display:grid!important;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:22px;

margin:30px 0;

}

.stats-panel>*{

background:#fff;

border-radius:22px;

padding:24px;

box-shadow:0 12px 30px rgba(15,23,42,.08);

transition:all .3s ease;

position:relative;

overflow:hidden;

}

.stats-panel>*::before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:linear-gradient(#0B2A4A,#2d74b9);

}

.stats-panel>*:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(15,23,42,.14);

}

.stats-panel h2,
.stats-panel h3{

font-size:34px;

font-weight:800;

margin:8px 0;

color:#0B2A4A;

}

.stats-panel p,
.stats-panel span{

color:#6b7280;

font-size:14px;

}




/* ==========================================
PREMIUM PROFILE CARD
========================================== */

.profile-container{

background:#fff;

border-radius:26px;

padding:30px;

box-shadow:0 12px 35px rgba(15,23,42,.08);

margin-bottom:30px;

position:relative;

overflow:hidden;

}

.profile-container::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:6px;

background:linear-gradient(90deg,#0B2A4A,#1d5ea8,#1F4F82);

}

.profile-img{

width:130px!important;

height:130px!important;

border-radius:50%!important;

border:5px solid white;

box-shadow:0 12px 30px rgba(0,0,0,.15);

object-fit:cover;

transition:.3s;

}

.profile-img:hover{

transform:scale(1.05);

}

#seller-name{

font-size:28px;

font-weight:800;

margin-top:18px;

color:#0B2A4A;

}

#view-email{

color:#64748b;

font-size:15px;

margin-top:6px;

}

#view-bio{

margin-top:18px;

padding:18px;

background:#f8fafc;

border-radius:14px;

border:1px solid #e5e7eb;

line-height:1.7;

}

#sellerBadge{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 18px;

border-radius:999px;

background:#e8f3ff;

color:#0B2A4A;

font-weight:700;

margin-top:12px;

}




/* ==========================================
PREMIUM FORM CONTROLS V2
========================================== */

.upload input,
.upload select,
.upload textarea{

font-size:15px;

padding:15px 18px;

border-radius:16px!important;

outline:none;

box-shadow:0 1px 2px rgba(0,0,0,.03);

transition:all .25s ease;

}

.upload input:focus,
.upload select:focus,
.upload textarea:focus{

border-color:var(--rs-primary)!important;

box-shadow:
0 0 0 4px rgba(11,42,74,.10),
0 8px 24px rgba(11,42,74,.08);

background:#fff;

}

.upload textarea{

min-height:160px;

line-height:1.6;

}

.upload input::placeholder,
.upload textarea::placeholder{

color:var(--rs-muted);

}

select{

cursor:pointer;

}




/* ==========================================
PREMIUM SPACING SYSTEM
========================================== */

.dashboard-container{

padding:32px!important;
gap:28px!important;

}

.profile-container,
.upload,
.products,
.messages,
.stats-panel{

margin-bottom:30px!important;

}

.card{

padding:28px!important;

}

h1,h2,h3{

letter-spacing:-0.02em;

}

.card h2,
.card h3{

margin-bottom:20px;

}

.upload label{

margin-top:22px;

margin-bottom:8px;

}

.upload input,
.upload textarea,
.upload select{

margin-bottom:18px;

}

.stats-panel{

margin-top:24px!important;

margin-bottom:32px!important;

}

button{

min-height:48px;

font-weight:700;

}




/* ===================================================
REARSALES STATUS COMPOSER V1
=================================================== */

.status-card,
.status-box,
.status-container{

background:#fff;

border-radius:24px;

padding:26px;

box-shadow:var(--rs-shadow);

}

#statusText{

width:100%;

min-height:140px;

padding:18px;

border:1px solid var(--rs-border)!important;

border-radius:18px;

background:#fafbfc;

font-size:15px;

line-height:1.7;

resize:vertical;

transition:.25s;

}

#statusText:focus{

background:#fff;

border-color:var(--rs-primary)!important;

box-shadow:0 0 0 4px rgba(11,42,74,.08);

}

input[type=file]{

margin-top:15px;

}

#statusMedia,
#statusPreview,
.status-preview{

display:flex;

gap:14px;

flex-wrap:wrap;

margin-top:18px;

}

#statusMedia img,
#statusPreview img,
.status-preview img{

width:120px;

height:120px;

border-radius:16px;

object-fit:cover;

box-shadow:0 8px 20px rgba(0,0,0,.12);

transition:.25s;

}

#statusMedia img:hover,
#statusPreview img:hover{

transform:scale(1.05);

}

.status-actions{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:20px;

gap:15px;

flex-wrap:wrap;

}

.status-actions button{

height:52px;

padding:0 24px;

font-weight:700;

border-radius:14px;

}


/* =========================================================
   MOBILE FIXES - SELLER DASHBOARD
   ========================================================= */

@media (max-width:768px){

  html,body{
    overflow-x:hidden;
  }

  .dashboard-container{
    display:block !important;
    width:100% !important;
    padding:12px !important;
    gap:14px !important;
  }

  .header-bar{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:14px !important;
  }

  .header-bar button{
    width:100%;
  }

  .quick-actions{
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }

  .quick-btn{
    min-height:54px;
    font-size:14px;
  }

  .profile-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }

  .profile-img{
    width:110px!important;
    height:110px!important;
  }

  .profile-stats{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }

  .profile-stat{
    width:100%!important;
  }

  .inline{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
  }

  .inline input,
  .inline select,
  .inline button{
    width:100%!important;
    max-width:100%!important;
  }

  .products,
  .upload,
  .messages,
  .card{
    width:100%!important;
    margin-bottom:16px!important;
  }

  .form-row{
    display:block!important;
  }

  .form-row input,
  .form-row select,
  .form-row textarea{
    width:100%!important;
    margin-bottom:10px!important;
  }

  #productList>*{
    width:100%!important;
  }

  .stats-panel{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }

  .stat-card{
    width:100%!important;
  }

  .modal-card{
    width:96%!important;
    max-width:96%!important;
    max-height:90vh!important;
    overflow:auto!important;
  }

  #statusComposer,
  #statusPreview{
    width:100%!important;
  }

  textarea,
  input,
  select{
    font-size:16px!important;
  }

  .btn,
  .btn-outline,
  .btn-ghost,
  .logout-btn{
    min-height:50px;
  }

}

@media (max-width:480px){

  .quick-actions{
    grid-template-columns:1fr!important;
  }

  .profile-stats{
    grid-template-columns:1fr!important;
  }

  .stats-panel{
    grid-template-columns:1fr!important;
  }

}



/* ===============================
   SELLER MOBILE HOTFIX
   =============================== */

@media (max-width:768px){

  .quick-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .quick-actions .quick-btn{
    width:100% !important;
    min-height:58px !important;
    white-space:normal !important;
    text-align:center !important;
    padding:12px 8px !important;
    font-size:14px !important;
  }

  .profile-stats{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:18px !important;
  }

  .profile-stat{
    width:100% !important;
    padding:16px 10px !important;
    border-radius:16px !important;
    text-align:center !important;
  }

  .profile-stat .num{
    font-size:24px !important;
    font-weight:800 !important;
  }

  .profile-stat .lbl{
    font-size:13px !important;
  }

}

@media (max-width:480px){

  .quick-actions{
    grid-template-columns:1fr !important;
  }

  .profile-stats{
    grid-template-columns:1fr 1fr !important;
  }

}


/* ===== Compact Mobile Header ===== */

@media (max-width:768px){

.header-bar{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
}

.header-bar h1,
.header-bar h2,
.header-bar h3{
    margin:0!important;
    font-size:18px!important;
    line-height:1.2!important;
}

.header-bar button,
.header-bar .btn,
.header-bar .btn-ghost,
.header-bar .logout-btn{
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    border-radius:10px!important;
    width:auto!important;
    flex:0 0 auto!important;
}

}



/* =====================================================
   SELLER MOBILE PROFILE REDESIGN
   ===================================================== */

@media (max-width:768px){

.cover-photo{
    height:170px!important;
    border-radius:18px!important;
}

.profile-header{
    margin-top:-55px!important;
    padding:0 12px!important;
    text-align:center!important;
}

.profile-pic-wrap{
    width:95px!important;
    height:95px!important;
    margin:auto!important;
}

.profile-img,
#profilePic{
    width:95px!important;
    height:95px!important;
    border:4px solid #fff!important;
}

.edit-pic{
    width:38px!important;
    height:38px!important;
    right:-4px!important;
    bottom:-4px!important;
}

.edit-cover{
    padding:8px 12px!important;
    font-size:12px!important;
}

#statusComposer{
    padding:14px!important;
    margin-top:14px!important;
    border-radius:18px!important;
}

#storyDock{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
}

.story-btn{
    width:100%!important;
}

#view-username{
    font-size:30px!important;
    margin-top:10px!important;
}

#sellerBadge{
    transform:scale(.9);
}

.profile-stats{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
    margin-top:18px!important;
}

.profile-stat{
    min-height:90px!important;
    border-radius:18px!important;
}

.quick-actions{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
    margin-top:18px!important;
}

.quick-btn{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:78px!important;
    border-radius:16px!important;
    font-size:13px!important;
    font-weight:700!important;
    text-align:center!important;
    line-height:1.3!important;
}

}



/* ===== PROFILE/COVER OVERLAP FIX ===== */

@media (max-width:768px){

.cover-photo{
    position:relative!important;
    height:200px!important;
    overflow:visible!important;
}

.profile-header{
    position:relative!important;
    margin-top:-60px!important;
    padding-top:0!important;
}

.profile-pic-wrap{
    position:relative!important;
    margin:0 auto 10px!important;
    z-index:20!important;
}

#profilePic,
.profile-img{
    width:110px!important;
    height:110px!important;
    border:5px solid #fff!important;
    box-shadow:0 8px 25px rgba(0,0,0,.18)!important;
}

.edit-pic{
    right:0!important;
    bottom:0!important;
}

#sellerBadge{
    margin-top:6px!important;
}

#view-username{
    margin-top:8px!important;
    margin-bottom:6px!important;
}

}


/* ===== MOBILE PROFILE V2 ===== */
@media (max-width:768px){

.cover-photo{height:170px!important;border-radius:0 0 20px 20px!important;}

.profile-header{margin-top:-58px!important;padding:0 16px!important;text-align:center!important;}

.profile-pic-wrap{width:110px!important;height:110px!important;margin:auto!important;}

#profilePic,.profile-img{
width:110px!important;
height:110px!important;
border-radius:50%!important;
border:5px solid #fff!important;
box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

.edit-cover{
position:absolute!important;
top:10px!important;
right:10px!important;
padding:8px 12px!important;
font-size:11px!important;
border-radius:10px!important;
}

.quick-actions{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:10px!important;
margin:18px 0!important;
}

.quick-btn{
min-height:60px!important;
font-size:12px!important;
padding:10px 6px!important;
border-radius:14px!important;
}

.profile-stats{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:10px!important;
}

.profile-stat{
padding:14px!important;
border-radius:16px!important;
}

}

@media (max-width:768px){

.edit-pic{
    position:absolute!important;
    right:10px!important;
    bottom:-18px!important;
    z-index:999!important;
}

[onclick="openStatusComposer()"]{
    position:absolute!important;
    left:10px!important;
    bottom:-18px!important;
    display:flex!important;
    z-index:999!important;
}

}


/* ===== MOBILE PROFILE COMPACT ===== */
@media (max-width:768px){

.profile-stats{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:8px!important;
margin:14px 0!important;
max-width:100%!important;
overflow-x:auto;
padding-bottom:4px;
}

.profile-stat{
flex:1 0 72px!important;
padding:10px 6px!important;
border-radius:14px!important;
min-width:72px!important;
box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}

.profile-stat .num{
font-size:18px!important;
}

.profile-stat .lbl{
font-size:10px!important;
margin-top:2px!important;
}

}

/* ===== MOBILE PROFILE HEADER FIX ===== */
@media (max-width:768px){

.profile-header{
padding-top:0!important;
margin-top:-55px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
}

.profile-pic-wrap{
margin:0 auto!important;
}

.profile-img{
width:95px!important;
height:95px!important;
border:4px solid #fff!important;
}

.edit-pic{
bottom:-2px!important;
right:-2px!important;
transform:none!important;
}

.cover-photo{
height:180px!important;
overflow:hidden!important;
}

.cover-photo img{
height:100%!important;
object-fit:cover!important;
}

}


/* ===== PROFILE HOTFIX ===== */

.profile-container{overflow:hidden!important;}

.cover-photo{
position:relative!important;
height:220px!important;
overflow:hidden!important;
}

.profile-header{
position:relative!important;
margin-top:-70px!important;
padding:0 15px 12px!important;
min-height:auto!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:6px!important;
}

.profile-pic-wrap{
margin:0!important;
z-index:99!important;
}

.profile-img{
width:110px!important;
height:110px!important;
border:4px solid #fff!important;
}

.profile-stats{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:10px!important;
margin:8px 0!important;
padding:0!important;
}

.profile-stat{
display:none!important;
}



@media(max-width:768px){

.cover-photo{
height:160px!important;
}

.profile-header{
margin-top:-55px!important;
padding-bottom:8px!important;
gap:4px!important;
}

.profile-img{
width:90px!important;
height:90px!important;
}

.edit-cover{
padding:8px 12px!important;
font-size:12px!important;
border-radius:10px!important;
}

}

/* ===== MOBILE PROFILE HEADER FIX ===== */
@media (max-width:768px){

.profile-header{
padding-top:0!important;
margin-top:-55px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
}

.profile-pic-wrap{
margin:0 auto!important;
}

.profile-img{
width:95px!important;
height:95px!important;
border:4px solid #fff!important;
}

.edit-pic{
bottom:-2px!important;
right:-2px!important;
transform:none!important;
}

.cover-photo{
height:180px!important;
overflow:hidden!important;
}

.cover-photo img{
height:100%!important;
object-fit:cover!important;
}

}

/* ===== MOBILE PROFILE COMPACT ===== */
@media (max-width:768px){

.profile-stats{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:8px!important;
margin:14px 0!important;
max-width:100%!important;
overflow-x:auto;
padding-bottom:4px;
}

.profile-stat{
flex:1 0 72px!important;
padding:10px 6px!important;
border-radius:14px!important;
min-width:72px!important;
box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}

.profile-stat .num{
font-size:18px!important;
}

.profile-stat .lbl{
font-size:10px!important;
margin-top:2px!important;
}

}



/* ===== MOBILE PROFILE HOTFIX ===== */
@media (max-width:768px){

.cover-photo{
height:150px!important;
min-height:150px!important;
}

.profile-header{
margin-top:-45px!important;
padding:0 12px 8px!important;
min-height:unset!important;
gap:4px!important;
}

.profile-pic-wrap{
margin:0!important;
padding:0!important;
}

.profile-img{
width:82px!important;
height:82px!important;
border:3px solid #fff!important;
}

.edit-pic{
right:0!important;
bottom:0!important;
width:28px!important;
height:28px!important;
font-size:12px!important;
}

.edit-cover{
position:absolute!important;
top:10px!important;
right:10px!important;
width:34px!important;
height:34px!important;
padding:0!important;
border-radius:50%!important;
font-size:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}

.edit-cover:before{
content:"✎";
font-size:16px;
color:#fff;
}

#sellerBadge{
margin:2px 0!important;
}

#view-username{
margin:4px 0!important;
font-size:30px!important;
}

.inline{
margin:4px 0!important;
}

#view-bio{
margin:4px 0!important;
}

}



/* ===== Premium Wallet ===== */

.premium-wallet{
display:flex;
justify-content:space-between;
align-items:center;
padding:30px;
margin:20px 0;
border-radius:22px;
background:linear-gradient(135deg,#131b2e,#1f2d4d 60%,#ff8a00);
color:#fff;
box-shadow:0 20px 45px rgba(0,0,0,.22);
}

.wallet-info{
flex:1;
}

.wallet-label{
font-size:15px;
opacity:.8;
}

.wallet-balance{
font-size:46px;
font-weight:700;
margin:10px 0;
}

.wallet-note{
opacity:.75;
margin-bottom:20px;
}

.wallet-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.wallet-primary{
background:#fff;
color:#111;
border:none;
padding:13px 24px;
border-radius:12px;
font-weight:700;
cursor:pointer;
}

.wallet-secondary{
background:transparent;
border:1px solid rgba(255,255,255,.35);
color:#fff;
padding:13px 24px;
border-radius:12px;
cursor:pointer;
}

.wallet-icon{
font-size:90px;
opacity:.18;
}