/* Profile Layout Fix */
.user-info-container {
display: flex;
flex-direction: column; /* Mobile par column layout */
align-items: flex-start;
gap: 10px;
padding: 10px 0;
}
.user-name-title {
font-size: 18px;
font-weight: 700;
color: #fff;
margin: 0;
line-height: 1.2;
}
.kyc-status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 12px;
border-radius: 50px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Status Colors */
.status-verified { background: rgba(57, 255, 20, 0.1); border: 1px solid #39ff14; color: #39ff14; }
.status-pending { background: rgba(0, 210, 255, 0.1); border: 1px solid #00d2ff; color: #00d2ff; }
.status-unverified { background: rgba(255, 75, 43, 0.1); border: 1px solid #ff4b2b; color: #ff4b2b; }
/* Bottom logo aur mobile navigation bar ko mukammal hide karne ke liye */
.app-nav,
.bottom-nav,
.mobile-nav-menu,
.mobile-version {
display: none !important;
}
/* Dashboard top-right Verify button ko hide karne ke liye */
a[href*="kyc"],
.badge--warning[href*="verify"],
a.badge:contains("VERIFY"),
a:contains("VERIFY") {
display: none !important;
}