/* FokatLoot UI V10 — unified premium light system */
:root{
  --fl10-bg:#edf3f9;--fl10-bg2:#f6f8fc;--fl10-surface:#f8fbff;--fl10-surface2:#f1f6fc;
  --fl10-border:#d8e3ef;--fl10-border2:#cbd9e8;--fl10-ink:#0b1a33;--fl10-text:#20334f;--fl10-muted:#5c6f8b;
  --fl10-blue:#1377ee;--fl10-blue2:#2e92ff;--fl10-blue3:#0863d9;--fl10-green:#079c49;--fl10-green-bg:#e5f7ec;
  --fl10-red:#e92e43;--fl10-red-bg:#fde9ed;--fl10-purple:#7135cf;--fl10-purple-bg:#f0e9ff;--fl10-orange:#f49b13;
  --fl10-shadow:0 9px 24px rgba(37,67,104,.09);--fl10-shadow-soft:0 4px 14px rgba(37,67,104,.07);
}
html{background:var(--fl10-bg)!important}
body[data-fl-page]{background:radial-gradient(circle at 85% 3%,rgba(47,145,255,.10),transparent 24%),linear-gradient(180deg,#f5f8fc 0%,#eef3f8 42%,#eaf0f6 100%)!important;color:var(--fl10-ink)!important;font-family:Poppins,Inter,system-ui,sans-serif!important;font-size:14px!important;line-height:1.48!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
body[data-fl-page]>.container,body[data-fl-page]>.wrap,body[data-fl-page]>.shell,body[data-fl-page]>.chat-page{width:min(900px,calc(100% - 22px))!important;margin-left:auto!important;margin-right:auto!important}

/* shared header: compact, but not tiny */
.user-shared-header{height:70px!important;min-height:70px!important;padding:8px 14px 14px!important;margin-bottom:-7px!important;border-radius:0 0 20px 20px!important;background:linear-gradient(116deg,#38a0ff 0%,#167cf0 55%,#0864dc 100%)!important;box-shadow:0 8px 22px rgba(20,111,222,.15)!important}
.user-shared-header:before{width:160px!important;height:160px!important;right:-42px!important;top:20px!important;opacity:.65!important}.user-shared-header:after{width:108px!important;height:108px!important;right:10px!important;top:28px!important;opacity:.55!important}
.user-shared-header .ush-left{gap:10px!important}.user-shared-header .ush-logo{width:43px!important;height:43px!important;min-width:43px!important;border:1.5px solid rgba(255,255,255,.9)!important;box-shadow:0 5px 14px rgba(0,52,119,.16)!important}.user-shared-header .ush-name{font-size:16.5px!important;line-height:1.08!important;font-weight:750!important;color:#071a35!important;letter-spacing:-.25px!important;max-width:230px!important}.user-shared-header .ush-sub{font-size:10.5px!important;line-height:1.2!important;margin-top:4px!important;color:rgba(255,255,255,.97)!important;font-weight:500!important}.user-shared-header .ush-notification{width:38px!important;height:38px!important;min-width:38px!important;background:#f9fbfe!important;box-shadow:0 5px 14px rgba(0,52,119,.14)!important}.user-shared-header .ush-notification svg{width:19px!important;height:19px!important;color:#0b2346!important}.user-shared-header .ush-badge{width:8px!important;height:8px!important;min-width:8px!important;top:5px!important;right:5px!important;background:#227cf3!important}

/* unified surfaces */
body[data-fl-page] .card,body[data-fl-page] .balance-card,body[data-fl-page] .wallet-card,body[data-fl-page] .withdraw-card,body[data-fl-page] .activity-card,body[data-fl-page] .hero-card,body[data-fl-page] .referral-hero,body[data-fl-page] .stat-box,body[data-fl-page] .stat-card,body[data-fl-page] .support-box,body[data-fl-page] .category-card,body[data-fl-page] .overall-status-card,body[data-fl-page] .notification-card,body[data-fl-page] .transaction-card,body[data-fl-page] .profile-card,body[data-fl-page] .menu-card,body[data-fl-page] .settings-card,body[data-fl-page] .shell .hero,body[data-fl-page] .shell .card,body[data-fl-page] .list .card,body[data-fl-page] .fl8-profile-main,body[data-fl-page] .fl8-stat,body[data-fl-page] .fl8-menu{background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;box-shadow:var(--fl10-shadow)!important;color:var(--fl10-ink)!important}
body[data-fl-page] h1,body[data-fl-page] h2,body[data-fl-page] h3,body[data-fl-page] .title,body[data-fl-page] .section-title,body[data-fl-page] .hero-title,body[data-fl-page] .profile-name,body[data-fl-page] .card-title,body[data-fl-page] .support-title,body[data-fl-page] .offer-title,body[data-fl-page] .list-title{color:var(--fl10-ink)!important;opacity:1!important;letter-spacing:-.2px!important}
body[data-fl-page] .section-title{font-size:17px!important;line-height:1.25!important;margin:15px 2px 10px!important;font-weight:750!important}body[data-fl-page] .section-sub{font-size:11px!important;color:var(--fl10-muted)!important;line-height:1.55!important}
body[data-fl-page] .balance-label,body[data-fl-page] .wallet-label,body[data-fl-page] .wallet-title,body[data-fl-page] .label,body[data-fl-page] .sub,body[data-fl-page] .muted,body[data-fl-page] .offer-desc,body[data-fl-page] .profile-mobile,body[data-fl-page] .member-since,body[data-fl-page] .support-desc,body[data-fl-page] .copy,body[data-fl-page] .hero-text,body[data-fl-page] .message,body[data-fl-page] .time,body[data-fl-page] small{color:var(--fl10-muted)!important;opacity:1!important}
body[data-fl-page] input,body[data-fl-page] select,body[data-fl-page] textarea,body[data-fl-page] .input,body[data-fl-page] .search-input{background:#fafdff!important;color:var(--fl10-ink)!important;border:1px solid var(--fl10-border2)!important;box-shadow:inset 0 1px 1px rgba(26,53,86,.02)!important;font-size:13px!important}body[data-fl-page] input::placeholder,body[data-fl-page] textarea::placeholder{color:#8190a5!important;opacity:1!important}
body[data-fl-page] button,body[data-fl-page] .btn,body[data-fl-page] .claim-btn,body[data-fl-page] .submit-btn,body[data-fl-page] .start-btn,body[data-fl-page] .offer-btn,body[data-fl-page] .save-btn{font-family:inherit!important;font-weight:650!important;letter-spacing:0!important}

/* dashboard */
body[data-fl-page="dashboard"] .container{padding-top:8px!important}body[data-fl-page="dashboard"] .balance-card{padding:16px!important;margin-bottom:12px!important;border-radius:18px!important}body[data-fl-page="dashboard"] .balance-top>div{padding:4px 12px!important}.balance-amount,.lifetime-amount{font-size:27px!important;line-height:1.05!important}.balance-label{font-size:12px!important}.balance-sub,.lifetime-sub{font-size:10px!important;color:var(--fl10-muted)!important}.balance-buttons{gap:10px!important;margin-top:13px!important}.balance-btn{min-height:50px!important;border-radius:14px!important;font-size:13px!important}.balance-btn.primary{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;box-shadow:0 7px 16px rgba(18,117,236,.18)!important}
body[data-fl-page="dashboard"] .offer-card{grid-template-columns:54px minmax(0,1fr) 92px!important;min-height:88px!important;padding:11px 12px!important;margin-bottom:9px!important;gap:4px 10px!important;border-radius:16px!important;background:linear-gradient(180deg,#fbfdff,#f7fafd)!important;border:1px solid var(--fl10-border)!important;box-shadow:var(--fl10-shadow-soft)!important}.offer-logo{width:52px!important;height:52px!important}.offer-title{font-size:14px!important;line-height:1.25!important}.offer-desc{font-size:10.5px!important;line-height:1.42!important;color:var(--fl10-muted)!important}.offer-reward{min-width:82px!important;padding:7px 10px!important;border-radius:999px!important;background:var(--fl10-green-bg)!important;color:var(--fl10-green)!important;font-size:11.5px!important;font-weight:750!important}.claim-btn{width:90px!important;height:34px!important;min-height:34px!important;border-radius:11px!important;font-size:10.5px!important;background:linear-gradient(135deg,#278cff,#0d6de8)!important;color:#fff!important;box-shadow:0 5px 12px rgba(18,117,236,.17)!important}

/* offers */
body[data-fl-page="offers"] .container{padding-top:7px!important}.search-box{padding:12px!important;margin-bottom:12px!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfdff,#f5f8fc)!important;border:1px solid var(--fl10-border)!important;box-shadow:var(--fl10-shadow)!important}.search-input{height:44px!important;border-radius:13px!important;font-size:12.5px!important;padding:0 14px!important}.category-scroll{gap:7px!important;padding:5px 0 1px!important}.category-chip{min-height:34px!important;padding:7px 12px!important;font-size:10.5px!important;border-radius:999px!important;background:#f9fbfe!important;border:1px solid var(--fl10-border2)!important;color:#2f5889!important}.category-chip.active{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 12px rgba(18,117,236,.14)!important}.offers-grid{gap:9px!important}.offers-grid .offer-card{display:grid!important;grid-template-columns:56px minmax(0,1fr) 94px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;min-height:92px!important;padding:11px 12px!important;border-radius:16px!important;background:linear-gradient(180deg,#fbfdff,#f7fafd)!important;border:1px solid var(--fl10-border)!important;box-shadow:var(--fl10-shadow-soft)!important}.offers-grid .offer-logo-wrap,.offers-grid .offer-logo{width:54px!important;height:54px!important;border-radius:50%!important}.offers-grid .offer-title{font-size:14.5px!important}.offers-grid .offer-desc{font-size:10.5px!important;line-height:1.42!important}.offers-grid .offer-reward{min-width:84px!important;font-size:11.5px!important;padding:7px 9px!important}.offers-grid .claim-btn{width:92px!important;height:34px!important;min-height:34px!important;font-size:10.5px!important}

/* Profile */
.fl8-profile-main{grid-template-columns:92px minmax(0,1fr)!important;gap:13px!important;padding:14px!important;margin-bottom:10px!important}.fl8-avatar-inner{width:78px!important;height:78px!important}.fl8-edit-dot{width:26px!important;height:26px!important;font-size:11px!important}.fl8-info-row{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;min-height:45px!important}.fl8-i{width:28px!important;height:28px!important;border-radius:8px!important;font-size:11px!important;background:#edf4fd!important;color:var(--fl10-blue)!important}.fl8-info-row small{font-size:9.5px!important}.fl8-info-row strong{font-size:11.5px!important;color:var(--fl10-ink)!important}.fl8-verified{font-size:8.5px!important;padding:4px 7px!important}.fl8-copy{font-size:9px!important;padding:5px 8px!important}.fl8-profile-stats{gap:8px!important;margin-bottom:10px!important}.fl8-stat{padding:10px!important;gap:7px!important}.fl8-stat-icon{width:29px!important;height:29px!important;min-width:29px!important;font-size:12px!important}.fl8-stat small{font-size:8.5px!important}.fl8-stat strong{font-size:15.5px!important}.fl8-stat em{font-size:7.6px!important;line-height:1.28!important;color:var(--fl10-muted)!important}.fl8-menu{padding:4px 10px!important}.fl8-menu a,.fl8-menu button{min-height:43px!important;grid-template-columns:28px 1fr 14px!important;gap:8px!important;font-size:11.5px!important;color:var(--fl10-ink)!important}.fl8-menu a span,.fl8-menu button span{width:27px!important;height:27px!important;border-radius:8px!important;font-size:11px!important;background:#edf4fd!important;color:var(--fl10-blue)!important}.fl8-menu b{font-size:18px!important;color:#6b7d94!important}

/* Referral */
body[data-fl-page="refer"] .container{padding-top:8px!important}.referral-hero{padding:15px!important;margin-bottom:10px!important}.hero-title{font-size:18px!important}.hero-text{font-size:11px!important;line-height:1.5!important}.referral-code{font-size:13px!important;padding:7px 10px!important;border-radius:10px!important;background:#ecf4ff!important;color:#0c70ea!important;border:1px dashed #72abf3!important}.compact-link-row{gap:7px!important;margin-top:10px!important}.compact-link-input{min-height:39px!important;height:39px!important;font-size:10.5px!important}.compact-copy-btn{min-height:39px!important;height:39px!important;padding:0 13px!important;border-radius:10px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important;border:0!important}.compact-share-row{gap:7px!important;margin-top:8px!important}.mini-share{min-height:36px!important;border-radius:10px!important;font-size:10px!important}.stats-grid{gap:8px!important;margin-bottom:11px!important}.stats-grid .stat-box{padding:11px 8px!important;border-radius:15px!important}.stats-grid .stat-number{font-size:17px!important}.stats-grid .stat-label{font-size:9px!important}.reward-grid{gap:7px!important}.reward-box{background:#f1f6fc!important;border:1px solid var(--fl10-border)!important;border-radius:12px!important;padding:9px!important}.reward-label{font-size:8.5px!important;color:var(--fl10-muted)!important}.reward-amount{font-size:14px!important;color:var(--fl10-green)!important}.refer-edit-payout-btn{font-size:9px!important;min-height:30px!important;border-radius:9px!important}.offer-card{color:var(--fl10-ink)!important}

/* Support */
body[data-fl-page="support"] .container{padding-top:8px!important}body[data-fl-page="support"] .hero-card{padding:14px!important;text-align:center!important;margin-bottom:10px!important}body[data-fl-page="support"] .hero-card .hero-title{font-size:18px!important}body[data-fl-page="support"] .hero-card .hero-sub{font-size:10.5px!important;color:var(--fl10-muted)!important}.category-grid{gap:8px!important}.category-card{min-height:48px!important;padding:11px 9px!important;color:var(--fl10-ink)!important}.category-title{font-size:11px!important;color:var(--fl10-ink)!important}.support-row{gap:8px!important}.support-box{padding:12px 10px!important}.support-title{font-size:11.5px!important}.support-desc{font-size:8.5px!important}.support-row+div[style*="margin-top"]{background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;padding:15px!important;box-shadow:var(--fl10-shadow)!important;color:var(--fl10-ink)!important}.support-row+div[style*="margin-top"] a{background:#f6f9fd!important;border:1px solid var(--fl10-border)!important;color:var(--fl10-ink)!important;border-radius:13px!important;padding:12px!important}.support-row+div[style*="margin-top"] div{color:inherit!important}.support-row+div[style*="margin-top"] div[style*="#94a3b8"]{color:var(--fl10-muted)!important}

/* notifications */
body[data-fl-page="notifications"] .shell{padding-top:8px!important}body[data-fl-page="notifications"] .hero{padding:15px!important;margin-bottom:11px!important}.eyebrow{font-size:9px!important;color:var(--fl10-blue)!important}.title{font-size:18px!important}.sub{font-size:10.5px!important}.actions{gap:7px!important}.action{background:#edf3fb!important;color:#36536f!important;border:1px solid var(--fl10-border)!important}.action.primary{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}.metrics{gap:8px!important}.metric{padding:10px!important;background:#f2f6fb!important;border:1px solid var(--fl10-border)!important}.metric span{font-size:8.5px!important;color:var(--fl10-muted)!important}.metric strong{font-size:17px!important}.filters{gap:6px!important}.filter{padding:8px 11px!important;background:#f8fbff!important;color:#4b6380!important;border:1px solid var(--fl10-border)!important;font-size:9.5px!important}.filter.active{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}.list{gap:9px!important}.list .card{grid-template-columns:39px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important}.list .card.unread{background:linear-gradient(180deg,#f2f7ff,#edf4fd)!important;border-color:#b9d3f4!important}.list .icon{width:39px!important;height:39px!important;background:#edf4fd!important;color:var(--fl10-blue)!important}.list .card-title{font-size:12.5px!important}.list .message{font-size:10.5px!important;color:var(--fl10-muted)!important}.list .time{font-size:9px!important}.state{font-size:8.5px!important}

/* transactions */
body[data-fl-page="transactions"] .container{padding-top:8px!important}.filter-tabs,.summary-card,.transaction-summary{background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;box-shadow:var(--fl10-shadow)!important}.transaction-card{padding:12px!important;border-radius:16px!important}.transaction-card *{opacity:1!important}.transaction-amount{font-size:14px!important}.transaction-title{font-size:11.5px!important}.txn-id,.transaction-date,.transaction-time,.balance-label{font-size:9px!important;color:var(--fl10-muted)!important}

/* withdraw */
body[data-fl-page="withdraw"] .container{padding-top:8px!important}.wallet-card,.withdraw-card{padding:15px!important}.wallet-card .amount,.withdraw-card .amount,.wallet-balance{font-size:27px!important}.withdraw-card h2,.withdraw-card .title{font-size:18px!important}.withdraw-card label{font-size:11px!important}.withdraw-card input,.withdraw-card select{min-height:43px!important}.quick-amounts{gap:7px!important}.quick-amounts button,.quick-amount{min-height:34px!important;font-size:10px!important;border-radius:10px!important}.withdraw-btn,.request-btn{min-height:45px!important;border-radius:13px!important;font-size:12.5px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important}.history-card,.withdrawal-history{background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;box-shadow:var(--fl10-shadow)!important}

/* offer details */
body[data-fl-page="offer"] .container,body[data-fl-page="offer"] .offer-container{padding-top:8px!important}.overall-status-card{padding:14px!important}.offer-hero,.offer-header-card{background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;box-shadow:var(--fl10-shadow)!important}.start-btn,.offer-btn{min-height:45px!important;border-radius:13px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}

/* auth pages */
body[data-fl-page="login"],body[data-fl-page="register"],body[data-fl-page="forgot_password"]{background:radial-gradient(circle at 50% -10%,rgba(42,143,255,.15),transparent 31%),linear-gradient(180deg,#f8faff 0%,#edf3fa 100%)!important}.auth-center,.wrapper{color:var(--fl10-ink)!important}.logo-box .site-name,.site-name{color:var(--fl10-ink)!important;font-size:19px!important}.site-sub{color:var(--fl10-muted)!important;font-size:9.5px!important}.logo-box .logo,.logo{box-shadow:0 7px 18px rgba(37,67,104,.11)!important}.auth-center .card,.wrapper>.card{background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important;border:1px solid var(--fl10-border)!important;border-radius:18px!important;box-shadow:var(--fl10-shadow)!important;padding:16px!important}.form-group label{font-size:10px!important;color:#4a5f7c!important}.input{min-height:42px!important;border-radius:11px!important}.login-btn,.register-btn,.main-btn{min-height:43px!important;border-radius:11px!important;font-size:11.5px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;box-shadow:0 6px 14px rgba(18,117,236,.16)!important}.info-box{background:#eef4fc!important;border:1px solid #dce7f3!important;color:#536984!important;border-radius:11px!important;font-size:9px!important;line-height:1.55!important}.links,.bottom-link,.bottom-links{font-size:9.5px!important}

/* bottom nav medium, premium */
.bottom-nav.shared-user-nav{left:10px!important;right:10px!important;bottom:8px!important;height:calc(70px + env(safe-area-inset-bottom))!important;padding:6px 3px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(249,252,255,.97)!important;border:1px solid var(--fl10-border)!important;border-radius:21px!important;box-shadow:0 9px 24px rgba(37,67,104,.11)!important}.bottom-nav.shared-user-nav .nav-item{font-size:9.5px!important;gap:3px!important;color:#596d88!important}.bottom-nav.shared-user-nav .nav-item svg{width:21px!important;height:21px!important}.bottom-nav.shared-user-nav .nav-item.active{color:var(--fl10-blue)!important}.has-shared-user-nav{padding-bottom:84px!important}

@media(max-width:390px){
 body[data-fl-page]{font-size:13.5px!important}.user-shared-header{height:66px!important;min-height:66px!important;padding:7px 11px 13px!important}.user-shared-header .ush-logo{width:40px!important;height:40px!important;min-width:40px!important}.user-shared-header .ush-name{font-size:15.5px!important;max-width:190px!important}.user-shared-header .ush-sub{font-size:10px!important}.user-shared-header .ush-notification{width:35px!important;height:35px!important;min-width:35px!important}
 body[data-fl-page]>.container,body[data-fl-page]>.wrap,body[data-fl-page]>.shell,body[data-fl-page]>.chat-page{width:calc(100% - 16px)!important}.balance-amount,.lifetime-amount{font-size:24px!important}
 body[data-fl-page="dashboard"] .offer-card,.offers-grid .offer-card{grid-template-columns:49px minmax(0,1fr) 84px!important;min-height:82px!important;padding:9px 10px!important;gap:3px 8px!important}.offers-grid .offer-logo-wrap,.offers-grid .offer-logo,.offer-logo{width:47px!important;height:47px!important}.offer-title{font-size:13.2px!important}.offer-desc{font-size:9.7px!important}.offer-reward{min-width:76px!important;font-size:10.5px!important}.claim-btn,.offers-grid .claim-btn{width:84px!important;height:32px!important;min-height:32px!important;font-size:9.7px!important}
 .fl8-profile-main{grid-template-columns:82px minmax(0,1fr)!important;padding:12px!important}.fl8-avatar-inner{width:70px!important;height:70px!important}.fl8-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fl8-stat strong{font-size:14px!important}.bottom-nav.shared-user-nav{height:calc(67px + env(safe-area-inset-bottom))!important}.bottom-nav.shared-user-nav .nav-item{font-size:9px!important}.bottom-nav.shared-user-nav .nav-item svg{width:20px!important;height:20px!important}
}