
/* MARKETPRO_FUTURISTIC_IOS_GLASS_V2R10R54
   Targeted visual restoration: futuristic, premium, iOS-inspired glass language.
   CSS-only. No new overlays, no JS changes, no business/data changes.
*/

:root{
  --mp54-blue:#0a84ff;
  --mp54-indigo:#5e5ce6;
  --mp54-cyan:#64d2ff;
  --mp54-green:#30d158;
  --mp54-red:#ff453a;
  --mp54-amber:#ff9f0a;
  --mp54-ink:#111827;
  --mp54-muted:#667085;
  --mp54-bg:#f2f2f7;
  --mp54-glass:rgba(255,255,255,.72);
  --mp54-glass-strong:rgba(255,255,255,.86);
  --mp54-line:rgba(255,255,255,.72);
  --mp54-shadow:0 18px 48px rgba(15,23,42,.10);
  --mp54-shadow-soft:0 8px 28px rgba(15,23,42,.07);
}

/* APP SHELL — only exact existing MarketPro classes */
.professional-app{
  background:
    radial-gradient(circle at 78% -8%,rgba(10,132,255,.18),transparent 32rem),
    radial-gradient(circle at 42% 4%,rgba(94,92,230,.12),transparent 30rem),
    linear-gradient(180deg,#f8fbff 0%,#f2f2f7 42%,#eef2f7 100%)!important;
  color:var(--mp54-ink)!important;
}

.professional-sidebar{
  border-right:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(100,210,255,.18),transparent 19rem),
    linear-gradient(180deg,rgba(12,18,31,.97),rgba(23,32,54,.98))!important;
  box-shadow:18px 0 42px rgba(15,23,42,.10)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  backdrop-filter:blur(28px) saturate(145%);
}

.professional-brand{
  padding-bottom:18px!important;
}

.professional-brand .brand-logo{
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ffffff,#dfeaff)!important;
  color:#3156d8!important;
  box-shadow:0 9px 24px rgba(10,132,255,.20)!important;
}

.professional-brand h1{
  color:#fff!important;
  letter-spacing:-.025em!important;
}

.professional-brand p,
.professional-sidebar .sidebar-label{
  color:#aebdd3!important;
}

.professional-navigation{
  gap:6px!important;
}

.professional-nav-link{
  min-height:44px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  padding:10px 12px!important;
  color:#dfe8f7!important;
  background:transparent!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}

.professional-nav-link:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.10)!important;
}

.professional-nav-link.active{
  background:linear-gradient(135deg,rgba(10,132,255,.30),rgba(94,92,230,.28))!important;
  border-color:rgba(137,188,255,.30)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(10,132,255,.14)!important;
}

.professional-nav-link .nav-symbol{
  color:#8fd7ff!important;
}

.professional-sidebar .sidebar-store-card{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.professional-sidebar .sidebar-store-card span,
.professional-sidebar .sidebar-footer small{
  color:#aebdd3!important;
}

.professional-sidebar .sidebar-store-card strong,
.professional-sidebar .sidebar-footer strong{
  color:#fff!important;
}

.professional-sidebar .sidebar-store-button{
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.professional-sidebar .sidebar-footer{
  border-top-color:rgba(255,255,255,.10)!important;
}

/* TOP BAR */
.professional-main{
  background:transparent!important;
}

.professional-topbar{
  margin:14px clamp(10px,1.4vw,20px) 0!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 10px 32px rgba(15,23,42,.07)!important;
  -webkit-backdrop-filter:blur(26px) saturate(160%);
  backdrop-filter:blur(26px) saturate(160%);
}

.professional-topbar .topbar-eyebrow{
  color:#7a8698!important;
  letter-spacing:.13em!important;
}

.professional-topbar>div>strong{
  color:#142033!important;
}

.professional-topbar .topbar-store-link{
  min-height:42px!important;
  padding:9px 13px!important;
  border:1px solid rgba(10,132,255,.18)!important;
  border-radius:12px!important;
  background:rgba(10,132,255,.08)!important;
  color:#0876e1!important;
}

.professional-user{
  min-height:44px!important;
  padding:7px 10px!important;
  border:1px solid rgba(15,23,42,.07)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.64)!important;
}

.professional-user .avatar{
  border:1px solid rgba(10,132,255,.18)!important;
  background:linear-gradient(145deg,#dff1ff,#e9e7ff)!important;
  color:#3156d8!important;
}

/* FUTURISTIC HERO */
.professional-dashboard.futuristic-dashboard{
  padding-top:18px!important;
}

.professional-dashboard .futuristic-hero{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(100,210,255,.22),transparent 18rem),
    radial-gradient(circle at 64% 110%,rgba(94,92,230,.26),transparent 28rem),
    linear-gradient(135deg,#101827 0%,#16213b 50%,#253f72 100%)!important;
  color:#fff!important;
  box-shadow:0 28px 70px rgba(16,24,39,.20)!important;
}

.professional-dashboard .hero-grid-effect{
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}

.professional-dashboard .hero-orb{
  filter:blur(2px)!important;
  opacity:.72!important;
}

.professional-dashboard .hero-orb-one{
  background:radial-gradient(circle,rgba(100,210,255,.48),rgba(100,210,255,0) 68%)!important;
}

.professional-dashboard .hero-orb-two{
  background:radial-gradient(circle,rgba(94,92,230,.46),rgba(94,92,230,0) 68%)!important;
}

.professional-dashboard .hero-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#cfe8ff!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

.professional-dashboard .live-dot,
.professional-dashboard .system-pulse{
  box-shadow:0 0 0 6px rgba(48,209,88,.10)!important;
  background:var(--mp54-green)!important;
}

.professional-dashboard .futuristic-hero-copy h1,
.professional-dashboard .futuristic-hero-copy h1 span{
  color:#fff!important;
  text-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}

.professional-dashboard .futuristic-hero-copy p{
  color:#d3deee!important;
}

.professional-dashboard .professional-button.primary{
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(135deg,#0a84ff,#5e5ce6)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(10,132,255,.26)!important;
}

.professional-dashboard .professional-button.light{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}

.professional-dashboard .futuristic-status-card{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.10)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
}

.professional-dashboard .futuristic-status-card span,
.professional-dashboard .futuristic-status-card p,
.professional-dashboard .futuristic-status-card small{
  color:#d6e1f2!important;
}

.professional-dashboard .futuristic-status-card strong,
.professional-dashboard .futuristic-status-card b{
  color:#fff!important;
}

.professional-dashboard .status-numbers>div{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.07)!important;
}

/* LIQUID GLASS METRICS */
.professional-dashboard .futuristic-metric{
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:var(--mp54-shadow-soft)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
}

.professional-dashboard .futuristic-metric:hover{
  border-color:rgba(10,132,255,.20)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.10)!important;
}

.professional-dashboard .professional-metric-top i{
  border:1px solid rgba(10,132,255,.12)!important;
  background:linear-gradient(145deg,rgba(10,132,255,.11),rgba(94,92,230,.10))!important;
  color:#2e67d1!important;
}

.professional-dashboard .professional-metric>strong{
  color:#162033!important;
}

.professional-dashboard .professional-metric>p,
.professional-dashboard .professional-metric>small,
.professional-dashboard .professional-metric-top{
  color:#6f7c8f!important;
}

/* PANELS */
.professional-dashboard .futuristic-panel,
.professional-dashboard .professional-panel{
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:var(--mp54-shadow-soft)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
}

.professional-dashboard .professional-panel-header span{
  color:#7d899a!important;
}

.professional-dashboard .professional-panel-header h2{
  color:#142033!important;
}

.professional-dashboard .professional-panel-header a{
  border:1px solid rgba(10,132,255,.13)!important;
  background:rgba(10,132,255,.07)!important;
  color:#0876e1!important;
}

.professional-dashboard .professional-ranking>div,
.professional-dashboard .professional-activity>div{
  border-bottom-color:rgba(15,23,42,.06)!important;
}

.professional-dashboard .professional-activity i.info{
  background:rgba(10,132,255,.10)!important;
  color:#0876e1!important;
}
.professional-dashboard .professional-activity i.positive{
  background:rgba(48,209,88,.11)!important;
  color:#16964b!important;
}
.professional-dashboard .professional-activity i.warning{
  background:rgba(255,159,10,.12)!important;
  color:#b66c00!important;
}

/* QUICK ACCESS */
.professional-dashboard .professional-quick-card{
  border:1px solid rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 7px 22px rgba(15,23,42,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
}

.professional-dashboard .professional-quick-card:hover{
  border-color:rgba(10,132,255,.20)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.09)!important;
}

.professional-dashboard .professional-quick-card>span{
  border:1px solid rgba(10,132,255,.12)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#e5f3ff,#ecebff)!important;
  color:#3156d8!important;
}

/* ADVANCED MODULES */
#marketpro-business-modules-v2757153631 .mp-business-modules-bar{
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:var(--mp54-shadow-soft)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  backdrop-filter:blur(20px) saturate(145%);
}

#marketpro-business-modules-v2757153631 .mp-business-modules-toggle{
  border:1px solid rgba(10,132,255,.12)!important;
  border-radius:12px!important;
  background:rgba(10,132,255,.08)!important;
  color:#0876e1!important;
}

/* EXISTING FLOATING ASSISTANT — style only, no new positioning */
.assistant-floating-button{
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  color:#172033!important;
  box-shadow:0 18px 44px rgba(15,23,42,.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
}

.assistant-window{
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(247,250,255,.88)!important;
  box-shadow:0 28px 70px rgba(15,23,42,.20)!important;
  -webkit-backdrop-filter:blur(28px) saturate(155%);
  backdrop-filter:blur(28px) saturate(155%);
}

.assistant-window>header{
  border-bottom:1px solid rgba(15,23,42,.06)!important;
  background:linear-gradient(135deg,rgba(10,132,255,.12),rgba(94,92,230,.10))!important;
}

.pwa-install-floating{
  border:1px solid rgba(255,255,255,.64)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.74)!important;
  color:#3156d8!important;
  box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}

/* RESPONSIVE */
@media(max-width:900px){
  .professional-topbar{
    margin:8px!important;
    border-radius:17px!important;
  }

  .professional-dashboard .futuristic-hero{
    border-radius:24px!important;
  }
}

@media(max-width:640px){
  .professional-dashboard.futuristic-dashboard{
    padding-top:10px!important;
  }

  .professional-dashboard .futuristic-hero{
    border-radius:20px!important;
  }

  .professional-dashboard .futuristic-metric,
  .professional-dashboard .futuristic-panel,
  .professional-dashboard .professional-panel,
  .professional-dashboard .professional-quick-card{
    border-radius:16px!important;
  }

  .professional-topbar{
    padding:10px 11px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .professional-nav-link,
  .professional-dashboard .futuristic-metric,
  .professional-dashboard .professional-quick-card{
    transition:none!important;
  }
}
