/* LinkExpress — visual: boas-vindas, "Todos os recursos" e barra inferior */
:root{--lx-a:#7a5cff;--lx-b:#b08cff}
@keyframes luUp{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes luWave{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}
@keyframes luPulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes luOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes luDock{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes luPop{0%{transform:translateY(0) scale(.9)}60%{transform:translateY(-3px) scale(1.08)}100%{transform:translateY(-2px) scale(1)}}

/* ---------- cartão de boas-vindas ---------- */
.dashboard-welcome-card{position:relative;overflow:hidden;border-radius:26px!important;background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--lx-a,#7a5cff) 24%,transparent),transparent 62%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--lx-b,#b08cff) 14%,transparent),transparent 60%),var(--panel)!important;border:1px solid color-mix(in srgb,var(--lx-a,#7a5cff) 28%,var(--border))!important}
.dashboard-welcome-card .panel-header h2{font-size:1.65rem;letter-spacing:-.015em}
.dashboard-welcome-card .panel-header p{color:var(--muted)}
.wc-wave{display:inline-block;transform-origin:70% 80%}
.dashboard-welcome-card .profile-hero-compact{display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:16px!important;padding:14px!important;margin-top:14px;border-radius:22px!important;border:1px solid var(--border);background:color-mix(in srgb,var(--soft) 80%,transparent)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wc-av{position:relative;flex:0 0 76px;width:76px;height:76px;display:block}
.dashboard-welcome-card .profile-hero-compact .avatar{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:50%!important;box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--lx-a,#7a5cff),0 10px 26px rgba(109,111,255,.4)!important;object-fit:cover}
.wc-dot{position:absolute;right:1px;bottom:1px;width:20px;height:20px;border-radius:50%;border:3px solid var(--panel);background:#8b90ab;color:#8b90ab}
.wc-dot.wc-available{background:#2ee6a6;color:#2ee6a6}.wc-dot.wc-busy{background:#ffb020;color:#ffb020}.wc-dot.wc-on_route{background:#4da3ff;color:#4da3ff}
.profile-hero-compact .profile-hero-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.wc-status{color:var(--muted);font-size:.82rem;font-weight:600}
.profile-name-toggle{width:100%;justify-content:space-between!important;padding:4px 0!important;font-size:1.2rem!important;font-weight:800!important}
.profile-name-toggle i{display:grid!important;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--lx-a,#7a5cff) 18%,transparent);color:var(--lx-a,#7a5cff);opacity:1!important;font-size:1.1rem;line-height:1}
.profile-name-toggle:active i{transform:scale(.9)}
.dashboard-welcome-card .profile-info{margin-top:14px!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:18px;background:color-mix(in srgb,var(--soft) 70%,transparent)}
.dashboard-welcome-card .profile-info:not([hidden]){animation:luOpen .28s cubic-bezier(.2,.9,.3,1) both}

/* ---------- Todos os recursos ---------- */
.mobile-dashboard-navigation{border-radius:26px!important}
.mobile-dashboard-navigation .panel-header h2{font-size:1.55rem;letter-spacing:-.015em}
.mobile-nav-grid{gap:12px!important}
.mobile-nav-card{--c1:#7a5cff;--c2:#b08cff;position:relative;overflow:hidden;min-height:122px!important;padding:16px 12px 14px!important;gap:10px;border-radius:22px!important;border:1px solid color-mix(in srgb,var(--c1) 38%,transparent)!important;background:radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--c1) 26%,transparent),transparent 72%),linear-gradient(160deg,color-mix(in srgb,var(--c1) 12%,#2a2d46),color-mix(in srgb,var(--c1) 6%,#1f2236))!important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 24px rgba(0,0,0,.2);transition:transform .18s cubic-bezier(.3,1.4,.5,1),border-color .2s ease,box-shadow .25s ease,filter .2s ease!important}
.mobile-nav-card:nth-child(6n+1){--c1:#7a5cff;--c2:#b08cff}
.mobile-nav-card:nth-child(6n+2){--c1:#00b8a0;--c2:#3ee8cb}
.mobile-nav-card:nth-child(6n+3){--c1:#3b82f6;--c2:#7db4ff}
.mobile-nav-card:nth-child(6n+4){--c1:#ec4899;--c2:#ff8ec4}
.mobile-nav-card:nth-child(6n+5){--c1:#f59e0b;--c2:#ffcb57}
.mobile-nav-card:nth-child(6n+6){--c1:#22c55e;--c2:#6ee79a}
.mobile-nav-card[data-hue="0"]{--c1:#7a5cff;--c2:#b08cff}
.mobile-nav-card[data-hue="1"]{--c1:#00b8a0;--c2:#3ee8cb}
.mobile-nav-card[data-hue="2"]{--c1:#3b82f6;--c2:#7db4ff}
.mobile-nav-card[data-hue="3"]{--c1:#ec4899;--c2:#ff8ec4}
.mobile-nav-card[data-hue="4"]{--c1:#f59e0b;--c2:#ffcb57}
.mobile-nav-card[data-hue="5"]{--c1:#22c55e;--c2:#6ee79a}
.mobile-nav-card:active{transform:scale(.95)!important;filter:brightness(1.12)}
.mobile-nav-card .mobile-nav-icon{position:relative;width:56px;height:56px;margin:0 auto!important;border-radius:18px;display:grid;place-items:center;color:#fff!important;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px color-mix(in srgb,var(--c1) 55%,transparent)}
.mobile-nav-card .mobile-nav-icon svg,.mobile-nav-card .mobile-nav-icon .lx-ico{width:28px;height:28px;color:#fff!important;stroke:#fff!important;fill:none}
.mobile-nav-card strong{position:relative;color:var(--text);font-size:.86rem!important;font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.mobile-nav-card>b{right:10px!important;top:10px!important;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff5e76,#ff3d5a)!important;color:#fff!important;font-size:.7rem;box-shadow:0 4px 10px rgba(255,61,90,.45)}
.mobile-nav-card-danger{--c1:#ff3d5a;--c2:#ff8a9c}
.mobile-nav-group::after{content:"";position:absolute;right:12px;bottom:12px;width:8px;height:8px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(-45deg);opacity:.55}

/* ---------- barra inferior ---------- */
@media(max-width:900px){
  .mobile-floating-actions{background:color-mix(in srgb,var(--panel) 82%,transparent)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;border:1px solid color-mix(in srgb,var(--lx-a,#7a5cff) 22%,rgba(255,255,255,.1))!important;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset!important;border-radius:30px!important}
  .mobile-floating-actions .quick-action{position:relative;border-radius:22px!important;transition:background .25s ease,transform .18s cubic-bezier(.3,1.4,.5,1)!important}
  .mobile-floating-actions .quick-action:active{transform:scale(.9)!important;background:color-mix(in srgb,var(--lx-a,#7a5cff) 14%,transparent)!important}
  .mobile-floating-actions .quick-action span{display:grid!important;place-items:center;width:34px;height:34px;border-radius:12px;color:var(--muted);transition:background .25s ease,color .25s ease,transform .3s cubic-bezier(.3,1.4,.5,1)}
  .mobile-floating-actions .quick-action span svg{width:22px;height:22px}
  .mobile-floating-actions .quick-action b{color:var(--muted);font-weight:700;transition:color .25s ease}
  .mobile-floating-actions .quick-action.active{background:color-mix(in srgb,var(--lx-a,#7a5cff) 16%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lx-a,#7a5cff) 40%,transparent)!important}
  .mobile-floating-actions .quick-action.active span{color:#fff;background:linear-gradient(135deg,var(--lx-a,#7a5cff),var(--lx-b,#b08cff));box-shadow:0 6px 16px rgba(109,111,255,.5);transform:translateY(-2px)}
  .mobile-floating-actions .quick-action.active b{color:var(--text)}
  .mobile-floating-actions .quick-action.active::before{content:"";position:absolute;top:3px;left:50%;width:18px;height:3px;margin-left:-9px;border-radius:999px;background:linear-gradient(90deg,var(--lx-a,#7a5cff),var(--lx-b,#b08cff))}
  .mobile-floating-actions .quick-action em{background:linear-gradient(135deg,#ff5e76,#ff3d5a)!important;box-shadow:0 3px 8px rgba(255,61,90,.5)}
}
@media (prefers-reduced-motion:no-preference){
  .wc-wave{animation:luWave 2.4s ease-in-out .6s 2}
  .wc-dot.wc-available{animation:luPulse 2.2s ease-out infinite}
  .dashboard-welcome-card{animation:luUp .5s cubic-bezier(.2,.8,.3,1) both}
  .dashboard-welcome-card .profile-hero-compact{animation:luUp .5s .08s cubic-bezier(.2,.8,.3,1) both}
  .mobile-nav-grid>.mobile-nav-card{animation:luUp .45s cubic-bezier(.2,.8,.3,1) both}
  .mobile-nav-grid>.mobile-nav-card:nth-child(2){animation-delay:.04s}.mobile-nav-grid>.mobile-nav-card:nth-child(3){animation-delay:.08s}
  .mobile-nav-grid>.mobile-nav-card:nth-child(4){animation-delay:.12s}.mobile-nav-grid>.mobile-nav-card:nth-child(5){animation-delay:.16s}
  .mobile-nav-grid>.mobile-nav-card:nth-child(6){animation-delay:.2s}.mobile-nav-grid>.mobile-nav-card:nth-child(n+7){animation-delay:.24s}
  @media(max-width:900px){
    .mobile-floating-actions{animation:luDock .5s .1s cubic-bezier(.2,.9,.3,1.1) both}
    .mobile-floating-actions .quick-action.active span{animation:luPop .4s cubic-bezier(.3,1.4,.5,1) both}
  }
}