/* FFKeyStore dark brand system; loaded last on PHP panel pages. */
:root,html[data-theme="white"]{--bg:#080B18;--bg2:#101429;--card-bg:#15172E;--glass:#15172E;--glass-hi:#1B1B38;--border:#292342;--border-hi:#604075;--text:#fff;--muted:#A1A1B5;--accent:#FF008C;--accent-grad:linear-gradient(100deg,#FF008C,#A100FF);--accent-soft:rgba(255,0,140,.13);--shadow:0 15px 38px rgba(0,0,0,.22);--shadow-sm:0 5px 18px rgba(0,0,0,.16);--card-glow:0 6px 26px rgba(0,0,0,.17);--font:Inter,Arial,sans-serif}
html,body,.app,.app--admin,.app--mehraj,.main-wrap,.page-body,body.auth-page{background:#080B18!important;color:#fff!important;background-image:none!important;font-family:var(--font)!important}
.sidebar,.app--admin .sidebar,.app--mehraj .sidebar,.topbar,.app--admin .topbar,.app--mehraj .topbar,.mobile-nav{background:#101429!important;border-color:#292342!important;box-shadow:none!important;color:#fff!important}
.sidebar__header,.sidebar__footer{border-color:#292342!important}.sidebar__logo-name,.sidebar__brand-row .sidebar__logo-name{color:#fff!important;-webkit-text-fill-color:#fff!important}.sidebar__logo-sub,.sidebar__urole,.nav-section{color:#A1A1B5!important}
.nav-item,.sidebar__uname,.topbar__title,.topbar__title-btn,.topbar__right{color:#EDEBF3!important}.nav-item:hover,.nav-item.active,.mnav-item.active{background:rgba(255,0,140,.11)!important;color:#FF8BCB!important;border-color:#FF008C!important}.nav-item.active:before{background:#FF008C!important}
.sidebar__avatar{background:#2B193E!important;color:#FF8BCB!important;border-color:#6A315E!important}
.card,.stat-card,.panel,.auth-card,.product-card,.op-product-card,.store-card,.op-dash-stat,.plan-panel,.op-plan-panel{background:#15172E!important;color:#fff!important;border:1px solid #292342!important;box-shadow:0 6px 24px rgba(0,0,0,.16)!important;border-radius:14px!important}
.product-card:hover,.op-product-card:hover,.store-card:hover{border-color:#8D327D!important;box-shadow:0 12px 30px rgba(255,0,140,.12)!important}
.btn-primary,.op-btn-purchase,.op-cta-btn,.op-plan-buy-btn,button[type="submit"].btn-primary{background:linear-gradient(100deg,#FF008C,#A100FF)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 18px rgba(255,0,140,.16)!important}.btn-primary:hover,.op-btn-purchase:hover,.op-cta-btn:hover{box-shadow:0 8px 22px rgba(255,0,140,.25)!important;filter:brightness(1.06)}
.btn-secondary,.badge-accent,.stat-card--accent{background:#241936!important;border-color:#49315D!important;color:#F5A4D7!important}
input,select,textarea{background:#15172E!important;border-color:#403350!important;color:#fff!important}input:focus,select:focus,textarea:focus{border-color:#FF008C!important;box-shadow:0 0 0 3px rgba(255,0,140,.13)!important;outline:none!important}input::placeholder,textarea::placeholder{color:#8D8AA2!important}
.table,table{color:#EDEBF3!important}table th,.table th{background:#1D1934!important;color:#C9C3D8!important}table td,table th,.table td,.table th{border-color:#292342!important}
.text-muted,.op-section-crumb,.op-dash-lbl{color:#A1A1B5!important}.text-accent,.op-plan-price,.op-product-price,.product-price{color:#FF5BAE!important}
a:focus-visible,button:focus-visible,.nav-item:focus-visible{outline:2px solid #FF5BAE!important;outline-offset:2px!important}
#tmThemeFloatingBtn,#tmMusicFloatingBtn{display:none!important}
@media(max-width:720px){.page-body{background:#080B18!important}}

.ff-brand-lockup,.sidebar__logo-img.ff-brand-lockup{display:block!important;width:155px!important;max-width:100%!important;min-width:0!important;height:44px!important;max-height:44px!important;min-height:0!important;object-fit:contain!important;object-position:left center!important;border:0!important;background:transparent!important;border-radius:0!important;margin:0!important}
.sidebar .ff-brand-lockup.ff-brand-lockup--light{display:none!important}
body.cuba-light:not(.cuba-dark) .sidebar .ff-brand-lockup.ff-brand-lockup--light{display:block!important;mix-blend-mode:multiply}
body.cuba-light:not(.cuba-dark) .sidebar .ff-brand-lockup.ff-brand-lockup--dark{display:none!important}
.ff-brand-lockup--dark{mix-blend-mode:screen;filter:contrast(1.55)}
.cuba-shell .sidebar__header{position:relative!important;height:80px!important;min-height:80px!important;padding:12px 16px!important;align-items:center!important;justify-content:space-between!important}
.cuba-shell .sidebar__logo-name{display:block!important;width:174px!important;height:48px!important;overflow:hidden!important;flex:0 0 174px!important}
.cuba-shell .sidebar .ff-brand-lockup{width:210px!important;max-width:none!important;min-width:210px!important;height:70px!important;max-height:none!important;min-height:70px!important;object-fit:fill!important;transform:translate(-18px,-11px)!important}
body.cuba-light:not(.cuba-dark) .cuba-shell .sidebar .ff-brand-lockup--light{width:190px!important;min-width:190px!important;height:63px!important;min-height:63px!important;transform:translate(-10px,-2px)!important}
.cuba-shell .cuba-sidebar-toggle{position:static!important;flex:0 0 30px!important;margin-left:10px!important}
.sidebar__brand-row:has(.ff-brand-lockup) .sidebar__logo-name:empty{display:none!important}

/* Store, dashboard, checkout and admin detail surfaces */
.op-hero,.store-hero,.hero-section,.op-hero-card{background:radial-gradient(circle at 15% 15%,rgba(255,0,140,.13),transparent 42%),radial-gradient(circle at 85% 80%,rgba(161,0,255,.12),transparent 38%),#101429!important;border:1px solid #292342!important;border-radius:16px!important;box-shadow:none!important}
.op-section-title,.op-product-title,.product-title,.card-header,.page-title{color:#fff!important}
.op-dash-stat-box,.stat-card-3d,.op-plan-row,.plan-row,.key-item,.op-empty-card{background:#15172E!important;border:1px solid #292342!important;border-radius:14px!important;box-shadow:0 6px 24px rgba(0,0,0,.13)!important;color:#fff!important}
.op-dash-stat-box:hover,.stat-card-3d:hover,.op-plan-row:hover,.plan-row:hover{border-color:#613468!important;box-shadow:0 10px 25px rgba(255,0,140,.09)!important}
.stat-card-3d__label,.stat-card-3d__sub,.op-dash-lbl,.op-section-crumb,.op-empty-text{color:#A1A1B5!important}
.stat-card-3d__val,.op-dash-val{color:#fff!important;text-shadow:none!important}
.stat-card-3d__badge,.op-feature-pill,.badge-accent{background:#271B3D!important;border:1px solid #503363!important;color:#F4A3D8!important;box-shadow:none!important}
.op-plan-price,.plan-row__price,.op-product-price,.product-price{color:#FF67B7!important;text-shadow:none!important}
.op-btn-get,.plan-row__buy,.op-btn-purchase,.op-cta-btn,.op-cta-btn--file,.op-cta-btn--video{background:linear-gradient(100deg,#FF008C,#A100FF)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 5px 15px rgba(255,0,140,.16)!important}
.op-btn-get:hover,.plan-row__buy:hover,.op-btn-purchase:hover{box-shadow:0 8px 21px rgba(255,0,140,.26)!important}
.store-nav-tabs,.store-tab-btn,.op-plan-panel,.plan-panel,.op-product-img-wrap{background:#101429!important;border-color:#292342!important}.store-tab-btn.active{color:#FF8BCB!important;border-color:#FF008C!important;background:#241637!important}
.card-header{border-color:#292342!important;background:#18162F!important}.card-body{color:#EDEBF3!important}
.balance-pill,.wallet-badge{background:#241637!important;border-color:#503363!important;color:#F6B5DE!important}
.modal-content,.modal-dialog .modal-content{background:#15172E!important;border:1px solid #503363!important;color:#fff!important}
.alert{border-radius:10px!important}.alert-info{background:#241637!important;border-color:#503363!important;color:#E5C3EF!important}
/* Password recovery uses its own PHP layout. */
body.auth-page:has(.btn-primary-custom){background:#080B18!important;color:#fff!important}
body.auth-page:has(.btn-primary-custom) .auth-card,body.auth-page:has(.btn-primary-custom) .step-card{background:#15172E!important;border:1px solid #292342!important;box-shadow:0 15px 35px rgba(0,0,0,.2)!important;color:#fff!important}
body.auth-page:has(.btn-primary-custom) .auth-logo__name{color:#fff!important}
body.auth-page:has(.btn-primary-custom) .auth-logo__sub,body.auth-page:has(.btn-primary-custom) label{color:#A1A1B5!important}
body.auth-page:has(.btn-primary-custom) .btn-primary-custom{background:linear-gradient(100deg,#FF008C,#A100FF)!important;border-color:transparent!important;color:#fff!important;box-shadow:none!important}
body.auth-page:has(.btn-primary-custom) .btn-secondary-custom{background:#241637!important;border-color:#503363!important;color:#F5A4D7!important}

/* FFKeyStore client console: desktop sidebar and full-width content. */
@media (min-width: 900px){
  .app--mehraj{display:flex!important;justify-content:flex-start!important;align-items:stretch!important}
  .app--mehraj .sidebar{display:flex!important;width:250px!important;position:fixed!important;inset:0 auto 0 0!important;background:#151B29!important;border-right:1px solid #2B3447!important;z-index:100!important}
  .app--mehraj .main-wrap{margin-left:250px!important;width:calc(100% - 250px)!important;min-width:0!important;max-width:none!important;background:#0D111C!important}
  .app--mehraj .topbar{width:100%!important;max-width:none!important;min-height:68px!important;margin:0!important;padding:0 28px!important;border-left:0!important;border-right:0!important;border-bottom:1px solid #2B3447!important;background:#171D2A!important;box-shadow:none!important;backdrop-filter:none!important}
  .app--mehraj .page-body{width:100%!important;max-width:1600px!important;padding:28px 32px 64px!important;margin:0 auto!important;background:#0D111C!important}
  .app--mehraj .mobile-nav{display:none!important}
}
.app--mehraj .sidebar__header{min-height:88px;padding:20px 22px!important;border-bottom:1px solid #2B3447!important}
.app--mehraj .sidebar__logo-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;color:#8F9BB0!important}
.app--mehraj .sidebar__nav{padding:18px 0!important}
.app--mehraj .nav-section{padding:18px 22px 8px!important;color:#8691A5!important;font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important}
.app--mehraj .nav-item{min-height:43px;margin:2px 10px;padding:10px 14px!important;border:0!important;border-radius:9px;color:#AEB7C8!important;font-size:13px!important;font-weight:600!important;gap:12px!important}
.app--mehraj .nav-item .ni{width:18px;font-size:15px;color:#9BA7BD}
.app--mehraj .nav-item.active{background:#30243B!important;color:#FF78BA!important;box-shadow:inset 3px 0 #FF008C!important}
.app--mehraj .nav-item.active .ni{color:#FF5AAB!important}
.app--mehraj .nav-item:hover{background:#22283A!important;color:#fff!important}
.app--mehraj .sidebar__footer{background:#151B29!important;border-top:1px solid #2B3447!important}
.app--mehraj .sidebar__avatar,.topbar-account__avatar{background:#2C2845!important;border:1px solid #514069!important;color:#F79BCB!important}
.app--mehraj .sidebar__footer .btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent!important;color:#F28DBE!important;border:1px solid #3A354C!important}
.app--mehraj .topbar__title-btn{font-size:14px!important;font-weight:700!important;padding:8px 0!important;color:#F5F6FA!important}
.app--mehraj .topbar-breadcrumb{color:#95A2B8;font-weight:500}.app--mehraj .topbar-breadcrumb span{margin:0 10px;color:#68758D}
.app--mehraj .topbar__center{margin-left:auto;margin-right:18px}
.app--mehraj .balance-pill{padding:8px 13px!important;border:1px solid #3C3552!important;background:#211C32!important;border-radius:9px!important;box-shadow:none!important;font-size:13px!important}
.app--mehraj .topbar__right{gap:12px!important}
.app--mehraj .topbar__right .btn-primary.top-up-btn{padding:10px 16px!important;border-radius:9px!important;background:linear-gradient(100deg,#FF008C,#A100FF)!important;box-shadow:none!important;font-size:12px!important}
.topbar-account{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;border:1px solid #394357;border-radius:9px;color:#F5F6FA!important;text-decoration:none!important}
.topbar-account__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;font-size:13px;font-weight:800}
.topbar-account__name{display:flex;flex-direction:column;gap:1px;font-size:12px;font-weight:700;line-height:1.15;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-account__name small{font-size:10px;color:#FF7FBD;font-weight:700}
.topbar-account .fa-chevron-down{font-size:10px;color:#A8B4C7;margin:0 3px}
@media(max-width:899px){.topbar-account{display:none}.app--mehraj .topbar-breadcrumb{display:none}.app--mehraj .topbar__center{margin-left:auto;margin-right:8px}}