/* ============================================================
   CryptoAlert · User Dashboard
   Modern design system — Inter, neutral palette, pill & card
   Light + Dark themes via [data-theme] on <html>.
   All selectors preserved for JS compatibility.
   ============================================================ */

/* ── Design tokens: light (default) ───────────────────────── */
:root{
  --n0:#ffffff; --n50:#fafafa; --n100:#f5f5f5; --n200:#e5e5e5; --n300:#d4d4d4;
  --n500:#737373; --n700:#404040; --n900:#171717; --n950:#0a0a0a;
--bg:var(--n0); --panel:var(--n50); --card:#ffffff; --ink:var(--n900); --ink-2:var(--n700);
  --muted:var(--n500); --border:var(--n200); --hair:#efefef;

  /* Acento NEUTRO: preto no claro, branco no escuro. Matiz so em estado. */
  --accent:var(--n950); --accent-2:var(--n700); --accent-ink:#ffffff; --on-accent:#ffffff;
  --accent-soft:rgba(10,10,10,.08);

  --ok:#15794f; --ok-soft:rgba(21,121,79,.12);
  --crit:#be2f42; --crit-soft:rgba(190,47,66,.12);
  --warn:#b45309; --warn-soft:rgba(180,83,9,.12);
  --gold:#b45309;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --radius:22px; --radius-md:14px; --radius-sm:11px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(10,10,10,.05),0 1px 3px rgba(10,10,10,.06);
  --shadow-md:0 8px 30px rgba(10,10,10,.08);
  --shadow-lg:0 24px 60px rgba(10,10,10,.16);
  --header-h:73px;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ── Design tokens: dark ──────────────────────────────────── */
html[data-theme="dark"]{
  --bg:var(--n950); --panel:#111111; --card:#161616; --ink:#fafafa; --ink-2:#d4d4d4;
  --muted:#a3a3a3; --border:#262626; --hair:#222222;
  --accent:#fafafa; --accent-2:#d4d4d4; --accent-ink:#0a0a0a; --on-accent:#0a0a0a;
  --accent-soft:rgba(250,250,250,.14);
  --ok:#43c088; --ok-soft:rgba(67,192,136,.14);
  --crit:#ef6a7c; --crit-soft:rgba(239,106,124,.14);
  --warn:#e0a53a; --warn-soft:rgba(224,165,58,.14);
  --gold:#e0a53a;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 8px 30px rgba(0,0,0,.45);
  --shadow-lg:0 24px 60px rgba(0,0,0,.6);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding:0;
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.011em;
  transition:background .3s,color .3s;
}
a{color:var(--ink); text-decoration:none}
button{font-family:var(--sans)}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:8px}
::selection{background:var(--n900); color:#fff}
html[data-theme="dark"] ::selection{background:#fafafa; color:#0a0a0a}
::-webkit-scrollbar{width:10px; height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border); border-radius:8px; border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* ── Gradient title (brand mark) ──────────────────────────── */
.gd-title{
  background:linear-gradient(104.04deg,#2563eb -4%,#3b82f6 23%,#93c5fd 50%,#f9a8d4 77%,#f43f5e 104%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  max-width:fit-content;
}

div#subscriptionViewContainer{padding-left:30px; padding-right:30px;}

@keyframes slides{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.animate-slides{animation:slides 30s infinite linear}
.hero-brand{mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 25%,rgb(0,0,0) 75%,rgba(0,0,0,0) 100%)}
.hero-brand:hover .animate-slides{animation-play-state:paused}
.b-active{
  background-image:linear-gradient(180deg,rgba(152,161,174,.08) 0%,rgba(152,161,174,.08) .01%,rgba(20,114,255,0) 100%);
  border:1px solid #98a1ae14; color:var(--accent);
}
@media screen and (max-width:991px){.hero-brand .inline-flex.logo_items.animate-slides:first-child{display:none}}

.accordion-content{overflow:hidden; max-height:0; transition:max-height .3s ease-out}
.accordion-content.show{max-height:auto}
.accordion-header svg{transition:transform .5s ease}
.accordion-header svg{transform:rotate(-90deg)}
.accordion-header svg.rotate-180{transform:rotate(0)}
.glowing-button-gradient{
  animation:spin 4s linear infinite;
  background:conic-gradient(rgb(37,99,235) 0deg,rgb(59,130,246) 60deg,rgb(147,197,253) 120deg,rgb(249,168,212) 180deg,rgb(244,63,94) 240deg,rgb(37,99,235) 300deg);
  z-index:1; height:500%; width:120%; position:absolute; top:0; bottom:0; left:-10%; right:0;
}
.glowing-button-inner{z-index:3}
.glowing-button{z-index:4}
.glowing-button-inner-overlay{z-index:1; width:99%; height:99%; position:absolute}
@keyframes spin{100%{transform:rotate(360deg)}}

/* ── Login/Register Modal ─────────────────────────────────── */
.login-modal-overlay{
  position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center;
  background:rgba(10,10,10,.5); backdrop-filter:blur(6px); padding:20px;
}
.login-modal-overlay.show{display:flex!important}
.login-modal-container{
  position:relative; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow-lg);
  width:100%; border:1px solid var(--border); max-width:450px; max-height:90vh; overflow-y:auto;
}
.login-modal-close-wrapper{margin-left:auto; display:flex; align-items:center; justify-content:center; height:100%; padding:0 1rem; border-left:1px solid var(--border); min-width:3rem}
.login-modal-close{background:none; border:none; padding:0; color:var(--muted); cursor:pointer; transition:color .2s; display:flex; align-items:center; justify-content:center; margin:0; width:100%; height:100%}
.login-modal-close:hover{color:var(--ink)}
.login-modal-close svg{width:1.25rem; height:1.25rem; stroke:currentColor; stroke-width:2; flex-shrink:0; display:block; margin:0}
.login-modal-tabs{display:flex; align-items:center; border-bottom:1px solid var(--border); position:relative}
.login-modal-tab{flex:1; padding:1rem 1.5rem; text-align:center; font-weight:600; transition:all .2s; border-bottom:2px solid transparent; color:var(--muted)}
.login-modal-tab.active{color:var(--ink); border-bottom-color:var(--accent)}
.login-modal-tab.inactive{color:var(--muted)}
.login-modal-tab.inactive:hover{color:var(--ink)}
.login-modal-content{padding:2rem}
.login-modal-container>form{padding:0}
.login-modal-title{font-size:1.5rem; font-weight:750; color:var(--ink); margin-bottom:.5rem; padding:2rem 2rem 0 2rem; letter-spacing:-.03em}
.login-modal-subtitle{font-size:.875rem; color:var(--muted); margin-bottom:1.5rem; padding:0 2rem}
.login-modal-footer{padding:0 2rem 2rem 2rem; text-align:center; margin-top:1rem}
.login-link{color:var(--accent); text-decoration:none; font-size:.875rem; transition:color .2s; font-weight:600}
.login-link:hover{color:var(--accent-2); text-decoration:underline}
#recaptcha-container{display:flex; justify-content:center; align-items:center; width:100%; margin:0 auto}
#recaptcha-container>div{margin:0 auto}
.login-form-group{margin-bottom:1rem}
.login-form-label{display:block; margin-bottom:.5rem; font-size:.875rem; font-weight:600; color:var(--ink-2)}
.login-form-label-wrapper{display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem}
.login-form-label-wrapper .login-form-label{margin-bottom:0}
.login-form-input{
  width:100%; padding:.75rem 1rem; background:var(--panel); border:1px solid var(--border);
  border-radius:var(--radius-sm); color:var(--ink); font-size:.875rem; box-sizing:border-box; font-family:var(--sans); transition:border-color .2s, box-shadow .2s;
}
.login-form-input.password-input{padding-right:3rem}
.login-form-input::placeholder{color:var(--muted)}
.login-form-input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.login-form-input-wrapper{position:relative}
.login-password-toggle{position:absolute; right:.75rem; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--muted); cursor:pointer; padding:.25rem; display:flex; align-items:center; justify-content:center; transition:color .2s}
.login-password-toggle:hover{color:var(--ink)}
.login-btn-primary{
  width:100%; padding:.8rem 1rem; background:var(--accent); color:var(--accent-ink);
  font-weight:700; border-radius:var(--radius-pill); border:none; cursor:pointer; transition:background-color .2s,transform .2s,box-shadow .2s; margin-bottom:1rem;
}
.login-btn-primary:hover{background:var(--accent-2); transform:translateY(-1px); box-shadow:0 6px 20px var(--accent-soft)}
.login-btn-primary:focus{outline:none; box-shadow:0 0 0 3px var(--accent-soft)}
.login-divider{position:relative; margin:1.5rem 0}
.login-divider::before{content:''; position:absolute; inset:0; display:flex; align-items:center; border-top:1px solid var(--border)}
.login-divider-text{position:relative; display:flex; justify-content:center; font-size:.875rem; padding:0 .5rem; background:var(--card); color:var(--muted)}
.login-btn-google{
  width:100%; padding:.8rem 1rem; background:var(--card); color:var(--ink); font-weight:700;
  border-radius:var(--radius-pill); border:1px solid var(--border); cursor:pointer; transition:background-color .2s,border-color .2s;
  display:flex; align-items:center; justify-content:center; gap:.75rem;
}
.login-btn-google:hover{background:var(--panel); border-color:var(--n300)}
.login-btn-google:focus{outline:none; box-shadow:0 0 0 3px var(--accent-soft)}
.login-google-icon{width:20px; height:20px; flex-shrink:0}

.login-error-message.hidden,.login-success-message.hidden,.login-form-container.hidden{display:none!important}
.login-error-message{
  margin-top:1rem; padding:.75rem 1rem; background:var(--crit-soft); border:1px solid rgba(220,38,38,.25);
  border-radius:var(--radius-sm); color:var(--crit); font-size:.875rem; display:none; margin-bottom:1rem;
  font-weight:500;
}
.login-error-message.hidden{display:none!important}
.login-error-message.show{display:block}
.login-error-message:not(.hidden):not(.show){display:none}
.login-form-container{display:block}
.login-form-container.hidden{display:none}
.login-forgot-link{font-size:.875rem; color:var(--accent); text-decoration:none; transition:color .2s; font-weight:600}
.login-forgot-link:hover{color:var(--accent-2)}
.login-success-message{
  margin-top:1rem; padding:.75rem 1rem; background:var(--ok-soft); border:1px solid rgba(22,163,74,.25);
  border-radius:var(--radius-sm); color:var(--ok); font-size:.875rem; display:none; margin-bottom:1rem; font-weight:500;
}
.login-success-message.hidden{display:none!important}
.login-success-message:not(.hidden){display:block}

/* Verification modal */
.verification-modal{max-width:520px}
.verification-content{padding:2rem; text-align:center}
.verification-icon{
  width:80px; height:80px; margin:0 auto 1.5rem; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
  border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--accent-ink); box-shadow:0 10px 30px var(--accent-soft);
}
.verification-title{font-size:1.75rem; font-weight:800; margin-bottom:1rem; color:var(--ink); letter-spacing:-.03em}
.verification-text{color:var(--ink-2); margin-bottom:1.5rem; font-size:.95rem; line-height:1.6}
.verification-text strong{color:var(--ink); font-weight:600}
.verification-code-label{color:var(--accent); font-size:.9rem; font-weight:600; margin-bottom:1rem}
.verification-code-inputs{display:flex; gap:.75rem; justify-content:center; margin-bottom:1.5rem}
.verification-code-input{
  width:52px; height:64px; text-align:center; font-size:1.5rem; font-weight:800; background:var(--panel);
  border:2px solid var(--border); border-radius:var(--radius-sm); color:var(--ink); transition:all .3s;
}
.verification-code-input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.verification-resend{color:var(--ink-2); font-size:.875rem; margin-top:1rem}
.verification-resend strong{color:var(--ink); font-weight:600}

@media (max-width:768px){
  .login-modal-container{max-width:100%; margin:0 1rem}
  .login-modal-content{padding:1.5rem}
  .verification-code-input{width:45px; height:55px; font-size:1.25rem}
  .verification-content{padding:1.5rem}
}

/* ── Toast notifications ──────────────────────────────────── */
.toast-container{position:fixed; bottom:24px; right:24px; z-index:10000; display:flex; flex-direction:column; gap:12px; pointer-events:none}
.toast-notification{
  min-width:320px; max-width:400px; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius-sm); padding:18px 22px; display:flex; align-items:center; gap:14px;
  box-shadow:var(--shadow-lg); backdrop-filter:blur(12px); pointer-events:auto;
  animation:toastSlideIn .4s cubic-bezier(.4,0,.2,1) forwards; position:relative; overflow:hidden; color:var(--ink);
}
.toast-notification::before{content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%)}
.toast-notification.success{border-color:rgba(22,163,74,.35)}
.toast-notification.error{border-color:rgba(220,38,38,.35)}
.toast-notification.success::before{background:linear-gradient(90deg,var(--ok) 0%,#15803d 100%)}
.toast-notification.error::before{background:linear-gradient(90deg,var(--crit) 0%,#b91c1c 100%)}
@keyframes toastSlideIn{from{opacity:0; transform:translateY(100%) scale(.9)}to{opacity:1; transform:translateY(0) scale(1)}}
.toast-notification.slide-out{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}
@keyframes toastSlideOut{from{opacity:1; transform:translateY(0) scale(1)}to{opacity:0; transform:translateY(100%) scale(.9)}}
.toast-icon{width:24px; height:24px; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:var(--ink)}
.toast-icon svg{width:100%; height:100%}
.toast-content{flex:1; font-size:14px; font-weight:500; color:var(--ink); line-height:1.5}
.toast-close{width:20px; height:20px; flex-shrink:0; cursor:pointer; opacity:.6; transition:opacity .2s; display:flex; align-items:center; justify-content:center; color:var(--ink)}
.toast-close:hover{opacity:1}
.toast-close svg{width:100%; height:100%; stroke:currentColor}

/* ========== User Dashboard layout ========== */
.header{
  background:color-mix(in srgb,var(--bg) 86%,transparent);
  border-bottom:1px solid var(--border);
  padding:14px 30px; display:flex; justify-content:space-between; align-items:center;
  position:sticky; top:0; z-index:100; backdrop-filter:saturate(1.4) blur(8px);
}
.header h1{font-size:1.5rem; font-weight:800; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text}
.header-actions{display:flex; align-items:center; gap:14px}
.settings-btn{
  background:var(--accent-soft); border:1px solid var(--border); border-radius:var(--radius-pill); padding:10px;
  cursor:pointer; color:var(--accent); transition:all .3s; display:flex; align-items:center; justify-content:center;
}
.settings-btn:hover{background:var(--accent); color:var(--accent-ink); border-color:var(--accent)}
.settings-btn svg{width:20px; height:20px}
.user-info{display:flex; align-items:center; gap:12px}
.user-menu-container{position:relative}
.user-menu-trigger{
  display:flex; align-items:center; gap:6px; padding:8px 14px; margin:0; background:var(--panel);
  border:1px solid var(--border); border-radius:var(--radius-pill); color:var(--ink); font:inherit; font-size:14px; font-weight:600; cursor:pointer; transition:border-color .2s,background .2s;
}
.user-menu-trigger:hover{opacity:.9; border-color:var(--accent)}
.user-menu-chevron{flex-shrink:0; transition:transform .2s}
.user-menu-container.open .user-menu-chevron{transform:rotate(180deg)}
.user-menu-dropdown{
  position:absolute; top:calc(100% + 8px); right:0; min-width:260px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); z-index:1001;
  overflow:hidden; padding:10px; display:flex; flex-direction:column;
}
.user-menu-info{padding:6px 8px 10px; display:flex; flex-direction:column; gap:8px}
.user-menu-email{font-size:13px; color:var(--muted); word-break:break-all}
.user-menu-info .plan-badge{align-self:flex-start}
.user-menu-divider{height:1px; background:var(--border); margin:6px 0}
.user-menu-item{
  display:flex; align-items:center; gap:10px; box-sizing:border-box; width:100%; padding:10px 12px;
  font-size:14px; color:var(--ink-2); text-decoration:none; transition:background .2s,color .2s; border:none;
  background:none; text-align:left; cursor:pointer; font-family:var(--sans); border-radius:10px; font-weight:500;
}
.user-menu-item:hover{background:var(--panel); color:var(--ink)}
.user-menu-item-admin{color:var(--warn)}
.user-menu-item-admin:hover{background:var(--warn-soft); color:var(--warn)}
.user-menu-item-logout{color:var(--crit)}
.user-menu-item-logout:hover{background:var(--crit-soft); color:var(--crit)}
.plan-badge{padding:4px 10px; border-radius:var(--radius-pill); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px}
.plan-badge.free{background:rgba(115,115,115,.14); border:1px solid rgba(115,115,115,.3); color:var(--muted)}
.plan-badge.lite{background:rgba(59,130,246,.14); border:1px solid rgba(59,130,246,.3); color:var(--accent-2)}
.plan-badge.standard{background:rgba(147,51,234,.14); border:1px solid rgba(147,51,234,.3); color:#a78bfa}
.plan-badge.pro{background:var(--accent-soft); border:1px solid var(--accent); color:var(--accent)}
.plan-badge.admin{background:var(--warn-soft); border:1px solid var(--warn); color:var(--warn)}
.admin-dashboard-link{
  padding:6px 12px; background:var(--warn-soft); border:1px solid var(--warn); border-radius:var(--radius-pill);
  color:var(--warn); text-decoration:none; font-size:13px; font-weight:600; transition:all .3s;
}
.admin-dashboard-link:hover{background:var(--warn); color:var(--n950)}
.notifications-container{position:relative}
.notifications-btn{
  position:relative; background:var(--accent-soft); border:1px solid var(--border); border-radius:var(--radius-pill);
  padding:10px; cursor:pointer; color:var(--accent); transition:all .3s; display:flex; align-items:center; justify-content:center;
}
.notifications-btn:hover{background:var(--accent); color:var(--accent-ink); border-color:var(--accent)}
.notifications-btn svg{width:20px; height:20px}
.notifications-badge{
  position:absolute; top:-4px; right:-4px; background:var(--crit); color:#fff; border-radius:50%; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; border:2px solid var(--bg);
}
.notifications-dropdown{
  position:absolute; top:calc(100% + 8px); right:0; width:380px; max-height:500px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); z-index:1000;
  overflow:hidden; display:flex; flex-direction:column;
}
.notifications-header{padding:16px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center}
.notifications-header h3{margin:0; font-size:16px; font-weight:750; color:var(--ink)}
.mark-all-read-btn{padding:5px 12px; background:transparent; border:1px solid var(--border); border-radius:var(--radius-pill); color:var(--accent); cursor:pointer; font-size:12px; font-weight:600; transition:all .3s}
.mark-all-read-btn:hover{background:var(--accent-soft); border-color:var(--accent)}
.notifications-list{overflow-y:auto; max-height:400px}
.notification-item{
  padding:12px 16px; border-bottom:1px solid var(--hair); cursor:pointer; transition:background .2s;
  display:flex; flex-direction:row; align-items:flex-start; gap:12px;
}
.notification-item:hover{background:var(--panel)}
.notification-item.unread{background:var(--accent-soft)}
.notification-item.unread:hover{background:var(--accent-soft)}
.notification-item-icon{width:40px; height:40px; min-width:40px; border-radius:50%; overflow:hidden; background:var(--border); display:flex; align-items:center; justify-content:center}
.notification-item-icon img{width:100%; height:100%; object-fit:cover}
.notification-item-body{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.notification-title{font-weight:700; color:var(--ink); font-size:14px}
.notification-message{color:var(--muted); font-size:13px; white-space:pre-line}
.notification-time{color:var(--muted); font-size:11px; margin-top:4px}
.notification-empty{padding:32px 16px; text-align:center; color:var(--muted); font-size:14px}
.logout-btn{
  padding:8px 16px; background:var(--crit-soft); border:1px solid var(--crit); border-radius:var(--radius-pill);
  color:var(--crit); cursor:pointer; font-size:14px; font-weight:600; transition:all .3s;
}
.logout-btn:hover{background:var(--crit); color:#fff}

.container{max-width:100%; margin:0; padding:0; display:flex; gap:0}

/* Sidebar de Navegação */
.user-sidebar{
  width:248px; min-width:248px; background:var(--panel); border-right:1px solid var(--border);
  display:flex; flex-direction:column; height:calc(100vh - var(--header-h)); position:sticky; top:var(--header-h);
  overflow-y:auto; overflow-x:hidden;
}
.sidebar-nav{flex:1; padding:20px 12px 16px; overflow-y:auto}
.nav-section{margin-bottom:24px}
.nav-section-title{padding:12px 11px 8px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.14em; color:var(--muted); margin-bottom:4px}
.nav-item{
  display:flex; align-items:center; gap:11px; padding:9px 11px; color:var(--ink-2); text-decoration:none;
  transition:background .16s,color .16s,border-color .16s; cursor:pointer; border-radius:11px;
  font-size:14px; font-weight:550; margin-bottom:0; border:1px solid transparent;
}
.nav-item:hover{background:var(--card); color:var(--ink); border-color:var(--border)}
.nav-item.active{background:var(--accent); color:var(--on-accent); border-color:var(--accent); font-weight:600}
.nav-icon{font-size:18px; width:24px; height:24px; text-align:center; flex-shrink:0}
.nav-icon img,img.nav-icon{width:24px; height:24px; object-fit:contain; display:block}
svg.nav-icon{width:17px; height:17px; flex:0 0 auto; display:block; margin:0 auto; color:inherit; opacity:.75}
.nav-item:hover svg.nav-icon,.nav-item.active svg.nav-icon{opacity:1}
.nav-text{font-size:14px; flex:1; font-weight:550}

/* Conteúdo da Sidebar (Pares Monitorados) */
.sidebar-content{
  width:320px; min-width:320px; background:var(--panel); border-right:1px solid var(--border);
  display:flex; flex-direction:column; height:calc(100vh - var(--header-h)); position:sticky; top:var(--header-h); overflow-y:auto;
}
.monitored-pairs-panel{padding:24px; display:flex; flex-direction:column; gap:20px}
.monitored-pairs-sidebar{
  width:320px; min-width:320px; background:var(--panel); border-right:1px solid var(--border); padding:24px;
  display:flex; flex-direction:column; gap:20px; height:calc(100vh - var(--header-h)); overflow-y:auto; position:sticky; top:var(--header-h);
}
.monitored-pairs-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px}
.monitored-pairs-title{font-size:1.25rem; font-weight:800; color:var(--ink); margin:0; letter-spacing:-.02em}
.pairs-search-box{position:relative}
.pairs-search-box input{
  width:100%; padding:11px 16px 11px 40px; border-radius:var(--radius-pill); border:1px solid var(--border);
  background:var(--bg); color:var(--ink); font-size:14px; font-family:var(--sans); transition:all .3s;
}
.pairs-search-box input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.pairs-search-box svg{position:absolute; left:13px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--muted)}
.pairs-search-results{
  position:absolute; top:100%; left:0; right:0; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius-sm); margin-top:6px; max-height:300px; overflow-y:auto; z-index:100; display:none; box-shadow:var(--shadow-md);
}
.pairs-search-results.show{display:block}
.pairs-search-result-item{padding:12px 16px; cursor:pointer; transition:background .2s; border-bottom:1px solid var(--hair); font-weight:500}
.pairs-search-result-item:hover{background:var(--accent-soft)}
.pairs-search-result-item:last-child{border-bottom:none}
.alert-symbol-results.show{display:block!important}
.alert-symbol-result-item{padding:10px 16px; cursor:pointer; transition:background .2s; border-bottom:1px solid var(--hair); color:var(--ink-2); font-size:14px}
.alert-symbol-result-item:hover{background:var(--accent-soft)}
.alert-symbol-result-item:last-child{border-bottom:none}
.pairs-list{
  display:flex; flex-wrap:wrap; gap:8px; min-height:60px; padding:12px; background:var(--bg);
  border-radius:var(--radius-sm); border:1px dashed var(--border);
}
.pair-tag{
  display:inline-flex; align-items:center; gap:6px; padding:6px 12px; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
  color:var(--accent-ink); border-radius:var(--radius-pill); font-size:13px; font-weight:600; cursor:pointer; transition:all .2s;
}
.pair-tag:hover{transform:translateY(-2px); box-shadow:0 4px 12px var(--accent-soft)}
.pair-tag-remove{width:18px; height:18px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.22); border-radius:50%; cursor:pointer; transition:all .2s}
.pair-tag-remove:hover{background:rgba(255,255,255,.35); transform:scale(1.1)}
.pairs-actions{display:flex; flex-direction:column; gap:12px}
.pairs-info{display:flex; justify-content:space-between; align-items:center; padding:12px 14px; background:var(--bg); border-radius:var(--radius-sm); font-size:14px; color:var(--muted)}
.pairs-info strong{color:var(--ink)}
.pairs-apply-btn{
  width:100%; padding:12px; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); border:none;
  border-radius:var(--radius-pill); color:var(--accent-ink); font-weight:700; font-size:14px; cursor:pointer; transition:all .3s;
}
.pairs-apply-btn:hover:not(:disabled){transform:translateY(-2px); box-shadow:0 6px 16px var(--accent-soft)}
.pairs-apply-btn:disabled{opacity:.5; cursor:not-allowed}
.pairs-upgrade-btn{
  width:100%; padding:12px; background:var(--ok-soft); border:1px solid var(--ok); border-radius:var(--radius-pill);
  color:var(--ok); font-weight:700; font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:all .3s;
}
.pairs-upgrade-btn:hover{background:rgba(22,163,74,.18)}
.pairs-upgrade-btn svg{width:18px; height:18px}
.main-content{flex:1; min-width:0; margin-left:0; padding:24px 24px 40px}

/* Scrollbar sidebar */
.sidebar-nav::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:6px}
.sidebar-nav::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:var(--panel)}
.sidebar-nav::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:var(--border); border-radius:3px}
.sidebar-nav::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* Seção de Pumps e Dumps Recentes */
.recent-events-section{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); margin:0 0 24px; overflow:hidden}
.recent-events-header{padding:18px 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); flex-wrap:wrap; gap:12px}
.recent-events-title{display:flex; align-items:center; gap:12px}
.recent-events-title-bar{width:4px; height:32px; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); border-radius:2px}
.recent-events-title h3{font-size:1.15rem; font-weight:750; color:var(--ink); letter-spacing:-.02em; margin:0}
.settings-btn-events{margin-left:8px; flex-shrink:0}
.events-container{overflow-x:auto; overflow-y:hidden; padding:16px 24px; scrollbar-width:thin; scrollbar-color:var(--accent) transparent}
.events-container.pushing .events-scroll .event-card:not(.card-new){
  animation:pushRight .6s cubic-bezier(.4,0,.2,1) forwards; will-change:transform; backface-visibility:hidden; opacity:1!important; visibility:visible!important;
}
@keyframes pushRight{from{transform:translateX(0); opacity:1}to{transform:translateX(336px); opacity:1}}
.event-card.card-new{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1); z-index:10}
@keyframes slideInFromLeft{0%{opacity:0; transform:translateX(-100%)}100%{opacity:1; transform:translateX(0)}}
.events-container::-webkit-scrollbar{height:8px}
.events-container::-webkit-scrollbar-track{background:transparent}
.events-container::-webkit-scrollbar-thumb{background:var(--accent); border-radius:4px; opacity:.5}
.events-scroll{display:flex; gap:16px; min-width:max-content}
@media (max-width:1024px){
  .events-scroll.events-view-cards{flex-direction:column; min-width:0; gap:12px}
  .events-scroll.events-view-cards .event-card{min-width:0; width:100%}
  .events-container.events-view-cards{overflow-x:hidden; overflow-y:auto; max-height:420px}
}
.event-card{
  min-width:320px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:16px 20px; display:flex; align-items:center; gap:16px; cursor:pointer; transition:all .3s; position:relative; overflow:hidden; box-shadow:var(--shadow-sm);
}
.event-card.pump{border-color:rgba(22,163,74,.4); box-shadow:0 4px 20px var(--ok-soft)}
.event-card.pump:hover{border-color:rgba(22,163,74,.6); box-shadow:0 8px 30px rgba(22,163,74,.2); transform:translateY(-4px)}
.event-card.dump{border-color:rgba(220,38,38,.4); box-shadow:0 4px 20px var(--crit-soft)}
.event-card.dump:hover{border-color:rgba(220,38,38,.6); box-shadow:0 8px 30px rgba(220,38,38,.2); transform:translateY(-4px)}
.event-icon{width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex-shrink:0; color:#fff}
.event-card.pump .event-icon{background:linear-gradient(135deg,var(--ok) 0%,#15803d 100%)}
.event-card.dump .event-icon{background:linear-gradient(135deg,var(--crit) 0%,#b91c1c 100%)}
.event-content{flex:1; min-width:0}
.event-symbol-row{display:flex; align-items:center; gap:8px; margin-bottom:8px}
.event-symbol{font-weight:750; font-size:14px; color:var(--ink)}
.event-percentage{font-size:10px; font-weight:700; padding:2px 8px; border-radius:var(--radius-pill); display:inline-flex; align-items:center; gap:4px}
.event-card.pump .event-percentage{background:var(--ok-soft); color:var(--ok); border:1px solid rgba(22,163,74,.3)}
.event-card.dump .event-percentage{background:var(--crit-soft); color:var(--crit); border:1px solid rgba(220,38,38,.3)}
.event-tag-pump{background:var(--ok-soft); color:var(--ok); border:1px solid rgba(22,163,74,.3); display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:var(--radius-pill); font-size:10px; font-weight:700}
.event-tag-dump{background:var(--crit-soft); color:var(--crit); border:1px solid rgba(220,38,38,.3); display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:var(--radius-pill); font-size:10px; font-weight:700}
.event-filter-btn{
  font-size:11px; font-weight:700; padding:5px 12px; border-radius:var(--radius-pill); display:inline-flex;
  align-items:center; gap:4px; cursor:pointer; border:1px solid; transition:all .3s; background:transparent;
}
.event-filter-btn.pump-filter{background:var(--ok-soft); color:var(--ok); border-color:rgba(22,163,74,.3)}
.event-filter-btn.pump-filter:hover{background:rgba(22,163,74,.2); border-color:rgba(22,163,74,.5)}
.event-filter-btn.pump-filter.active{background:var(--ok); color:#fff; border-color:var(--ok)}
.event-filter-btn.dump-filter{background:var(--crit-soft); color:var(--crit); border-color:rgba(220,38,38,.3)}
.event-filter-btn.dump-filter:hover{background:rgba(220,38,38,.2); border-color:rgba(220,38,38,.5)}
.event-filter-btn.dump-filter.active{background:var(--crit); color:#fff; border-color:var(--crit)}
.event-filter-btn.all-filter{background:var(--accent-soft); color:var(--accent); border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.event-filter-btn.all-filter:hover{background:var(--accent-soft); border-color:var(--accent)}
.event-filter-btn.all-filter.active{background:var(--accent); color:var(--accent-ink); border-color:var(--accent)}
.view-all-btn{
  padding:9px 18px; background:var(--accent-soft); border:1px solid var(--border); border-radius:var(--radius-pill);
  color:var(--accent); font-size:14px; font-weight:600; cursor:pointer; transition:all .3s;
}
.view-all-btn:hover{background:var(--accent); border-color:var(--accent); color:var(--accent-ink); transform:translateY(-2px)}
.settings-btn-events-mobile{display:none}
@media (max-width:1024px){
  .view-all-btn{display:none!important}
  .event-filter-buttons{display:none!important}
  .event-filter-mobile{display:block!important}
  .settings-btn-events-desk{display:none!important}
  .settings-btn-events-mobile{display:flex!important}
  .events-layout-toggle{display:flex!important}
}
.events-layout-toggle{display:none; align-items:center; gap:4px}
.events-layout-btn{padding:8px 10px; background:var(--accent-soft); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--muted); cursor:pointer; transition:background .2s,border-color .2s,color .2s}
.events-layout-btn:hover{background:var(--accent-soft); border-color:var(--accent); color:var(--accent)}
.events-layout-btn.active{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
.event-filter-mobile-btn{
  display:flex; align-items:center; gap:8px; padding:10px 14px; background:var(--accent-soft);
  border:1px solid var(--border); border-radius:var(--radius-pill); color:var(--accent); font-size:14px; font-weight:600; cursor:pointer; transition:background .2s,border-color .2s;
}
.event-filter-mobile-btn:hover{background:var(--accent-soft); border-color:var(--accent)}
.event-filter-mobile-dropdown{
  display:none; position:absolute; top:calc(100% + 6px); left:0; min-width:150px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); z-index:100; overflow:hidden;
}
.event-filter-mobile-dropdown.open{display:block}
.event-filter-mobile-option{display:block; width:100%; padding:12px 16px; text-align:left; background:none; border:none; color:var(--ink-2); font-size:14px; font-weight:600; cursor:pointer; transition:background .2s}
.event-filter-mobile-option:hover{background:var(--accent-soft); color:var(--accent)}
.event-filter-mobile-option.active{background:var(--accent); color:var(--accent-ink)}
.event-prices{display:flex; align-items:center; gap:8px; font-size:12px; margin-bottom:6px}
.event-price-before{color:var(--muted); font-weight:500}
.event-arrow{color:var(--muted); width:12px; height:12px}
.event-price-now{font-weight:700; color:var(--ink)}
.event-time{display:flex; align-items:center; gap:4px; font-size:10px; color:var(--muted)}
.event-time svg{width:12px; height:12px}
.event-chart{width:120px; height:60px; flex-shrink:0}

/* Filtros de Tempo */
.filters-bar{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:16px 24px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:0 0 24px}
.time-filters{display:flex; gap:8px; flex-wrap:wrap}
.time-filters-sidebar{display:flex; flex-direction:column; gap:6px; margin-bottom:20px; padding:12px; background:var(--bg); border-radius:var(--radius-sm); border:1px solid var(--border)}
.time-filters-sidebar .time-filter-btn{padding:8px 12px; border-radius:var(--radius-pill); font-size:11px; font-weight:700; width:100%; text-align:center}
.time-filter-btn{
  padding:8px 16px; border-radius:var(--radius-pill); font-size:12px; font-weight:700; cursor:pointer;
  transition:all .3s; border:1px solid var(--border); background:var(--panel); color:var(--muted);
}
.time-filter-btn:hover{background:var(--accent-soft); color:var(--ink); border-color:var(--accent)}
.time-filter-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); color:var(--accent-ink); border-color:transparent; box-shadow:0 4px 12px var(--accent-soft)}
.search-box{position:relative}
.time-filter-mobile-select{
  padding:10px 14px; border-radius:var(--radius-pill); font-size:14px; font-weight:600; cursor:pointer;
  border:1px solid var(--border); background:var(--bg); color:var(--ink); min-width:100px; appearance:none; font-family:var(--sans);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%235f6b7a' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; padding-right:36px;
}
.time-filter-mobile-select:focus{outline:none; border-color:var(--accent)}
@media (max-width:1024px){
  .filters-bar{flex-wrap:nowrap; gap:12px; margin:0 16px 16px}
  .time-filters{display:none!important}
  .filters-bar-mobile{display:flex!important; align-items:center; flex:0 0 auto}
  .search-box{flex:1 1 auto; min-width:0}
  .search-box input{width:100%; min-width:0}
}
.search-box input{padding:10px 16px 10px 40px; border-radius:var(--radius-pill); border:1px solid var(--border); background:var(--bg); color:var(--ink); font-size:14px; font-family:var(--sans); width:200px; transition:all .3s}
.search-box input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.search-box svg{position:absolute; left:13px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--muted)}

/* Tabela principal */
.table-container{background:var(--card); border-radius:var(--radius); margin:0 0 16px; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow-sm)}
.table-header-info{padding:16px 24px; background:var(--panel); border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px}
.table-info{font-size:14px; color:var(--muted)}
.table-info strong{color:var(--ink)}
.table-header-right{display:flex; align-items:center; gap:16px}
.table-action-btn{
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%)!important; color:var(--accent-ink)!important; border:none!important;
  padding:9px 18px; border-radius:var(--radius-pill); font-weight:700; cursor:pointer; box-shadow:0 4px 12px var(--accent-soft);
}
.table-action-btn:hover{filter:brightness(1.1); box-shadow:0 4px 16px var(--accent-soft)}
.dashboard-table-view .crypto-table-wrapper{max-height:280px}
.table-columns-toggle{flex-shrink:0}
.table-columns-panel{
  display:none; position:fixed; min-width:220px; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); z-index:9999; padding:8px 0;
}
.table-columns-panel.open{display:block}
.table-columns-panel-title{padding:8px 16px 12px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); border-bottom:1px solid var(--border); margin-bottom:8px}
.table-columns-panel-list{max-height:320px; overflow-y:auto}
.table-columns-panel-item{
  display:flex; align-items:center; gap:10px; padding:10px 16px; cursor:pointer; transition:background .2s;
  border:none; background:none; width:100%; text-align:left; color:var(--ink-2); font-size:14px; font-weight:500;
}
.table-columns-panel-item:hover{background:var(--accent-soft)}
.table-columns-panel-item .col-check{width:18px; height:18px; border:2px solid var(--border); border-radius:5px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--accent-ink)}
.table-columns-panel-item.checked .col-check{background:var(--accent); border-color:var(--accent)}
.table-columns-panel-item .col-check svg{width:12px; height:12px; color:var(--accent-ink)}
#mainCryptoTable th.col-hidden,#mainCryptoTable td.col-hidden{display:none}

/* Estatísticas Globais — estilo KPI do preview */
.global-stats-section{margin:0 0 24px; padding:20px 24px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm)}
.global-stats-title{font-size:11px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.14em; margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid var(--border)}
.global-stats-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(214px,1fr)); gap:14px}
.global-stat-card{
  display:flex; flex-direction:column; gap:12px; padding:20px 22px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--radius); transition:border-color .18s,transform .18s;
}
.global-stat-card:hover{border-color:var(--accent); transform:translateY(-3px)}
.global-stat-heading{display:flex; align-items:center; justify-content:space-between; gap:10px}
.global-stat-icon{
  width:30px; height:30px; flex:0 0 auto; border-radius:10px; background:var(--panel);
  border:1px solid var(--border); display:grid; place-items:center; font-size:15px; color:var(--ink-2);
}
.global-stat-label{font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}
.global-stat-value{font-size:34px; font-weight:600; letter-spacing:-.035em; line-height:1; font-variant-numeric:tabular-nums; margin-left:0}
.global-stat-card.stat-pumps .global-stat-value{color:var(--ok)}
.global-stat-card.stat-dumps .global-stat-value{color:var(--crit)}
.global-stat-card.stat-monitored .global-stat-value,.global-stat-card.stat-alerts .global-stat-value{color:var(--accent)}
.global-stat-card.stat-ignored .global-stat-value{color:var(--warn)}
.global-stat-card.stat-blacklist .global-stat-value{color:var(--muted)}
.global-stat-icon svg{width:15px; height:15px}
.global-stat-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; min-height:26px}
.kpi-pill{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px; border:1px solid transparent; white-space:nowrap}
.kpi-pill.ok{background:var(--ok-soft); color:var(--ok); border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.kpi-pill.crit{background:var(--crit-soft); color:var(--crit); border-color:color-mix(in srgb,var(--crit) 30%,transparent)}
.spark{width:76px; height:26px; overflow:visible}
.spark .line{fill:none; stroke:var(--ink); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round}
.spark .area{fill:color-mix(in srgb,var(--ink) 9%,transparent)}
.spark .dot{fill:var(--ink)}

/* ---- Painel "Minha Assinatura" (dinâmico por plano) ---- */
.panel{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden}
.panel-head{display:flex; align-items:center; gap:12px; padding:17px 22px; border-bottom:1px solid var(--border); flex-wrap:wrap}
.panel-title{font-size:14px; font-weight:600; letter-spacing:-0.01em; color:var(--ink)}
.panel-body{padding:6px 0}
.panel-body.pad{padding:20px 22px; display:flex; flex-direction:column; gap:14px}
.status-row{display:flex; align-items:center; gap:12px}
.status-name{font-size:13.5px; font-weight:500; color:var(--ink-2)}
.status-meta{margin-left:auto; font-family:var(--mono); font-size:11.5px; color:var(--muted); font-variant-numeric:tabular-nums}
.sep{height:1px; background:var(--hair); margin:2px 0}
.plan-tag{font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase}
.meter{height:7px; border-radius:var(--radius-pill); background:var(--panel); border:1px solid var(--border); overflow:hidden}
.meter span{display:block; height:100%; background:var(--ink); border-radius:var(--radius-pill)}
.meter.full span{background:var(--warn)}
.meter-txt{font-size:11.5px; color:var(--muted); font-family:var(--mono); font-variant-numeric:tabular-nums}
.callout{border:1px solid var(--border); background:var(--panel); border-radius:var(--radius-md); padding:14px 17px; font-size:13px; color:var(--ink-2)}
.callout.warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}
.callout .ttl{font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--ink); margin-bottom:5px}
.callout.warn .ttl{color:var(--warn)}

.crypto-table-wrapper{overflow:auto; max-height:280px}
.crypto-table-wrapper::-webkit-scrollbar{width:8px; height:8px}
.crypto-table-wrapper::-webkit-scrollbar-track{background:var(--panel); border-radius:4px}
.crypto-table-wrapper::-webkit-scrollbar-thumb{background:var(--accent); border-radius:4px; opacity:.5}
.crypto-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}
.crypto-table{width:100%; border-collapse:collapse}
.crypto-table thead{background:var(--panel); position:sticky; top:0; z-index:10}
.crypto-table th{
  padding:16px 12px; text-align:left; font-weight:700; font-size:12px; color:var(--muted);
  text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid var(--border); cursor:pointer; user-select:none;
}
.crypto-table th:hover{background:var(--border)}
.crypto-table th.sortable{cursor:pointer}
.crypto-table th.sortable>div{display:flex; align-items:center; gap:4px}
.crypto-table tbody tr{border-bottom:1px solid var(--hair); transition:all .2s}
.crypto-table tbody tr:hover{background:var(--accent-soft)}
.crypto-table td{padding:16px 12px; font-size:14px}
.crypto-rank{color:var(--muted); font-weight:600; width:50px}
.crypto-name-cell{min-width:150px}
.crypto-name-wrapper{display:flex; align-items:center; gap:12px}
.crypto-icon-small{width:32px; height:32px; border-radius:50%; background:var(--accent-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:800; font-size:12px}
.crypto-name{font-weight:700; color:var(--ink)}
.crypto-symbol{font-size:12px; color:var(--muted)}
.crypto-price{font-weight:700; color:var(--ink)}
.crypto-change{font-weight:700; font-size:14px; display:flex; align-items:center; gap:4px}
.crypto-change.positive{color:var(--ok)}
.crypto-change.negative{color:var(--crit)}
.crypto-change svg{width:12px; height:12px}
.crypto-market-cap,.crypto-volume{color:var(--ink); font-weight:500}
.crypto-dex-info{display:flex; flex-direction:column; gap:2px}
.crypto-dex-value{color:var(--ink); font-weight:500}
.crypto-dex-label{font-size:12px; color:var(--muted)}
.crypto-security{
  display:inline-flex; align-items:center; gap:6px; padding:4px 10px; background:var(--ok-soft); color:var(--ok);
  border-radius:var(--radius-pill); font-size:12px; font-weight:600;
}
.crypto-security svg{width:14px; height:14px}
.crypto-sparkline{width:100px; height:30px}
.crypto-sparkline svg{width:100%; height:100%}

/* Monitoring switches */
.monitoring-switch{position:relative; display:inline-block; width:50px; height:26px}
.monitoring-toggle{opacity:0; width:0; height:0; position:absolute}
.monitoring-slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:var(--border); transition:.4s; border-radius:var(--radius-pill)}
.monitoring-slider:before{position:absolute; content:""; height:20px; width:20px; left:3px; bottom:3px; background-color:var(--accent-ink); transition:.4s; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2)}
.monitoring-toggle:checked + .monitoring-slider{background-color:var(--accent)}
.monitoring-toggle:checked + .monitoring-slider:before{transform:translateX(24px)}
.monitoring-toggle:focus + .monitoring-slider{box-shadow:0 0 1px var(--accent)}
.crypto-pumps-24h,.crypto-dumps-24h{color:var(--ink); font-weight:500; text-align:center}

/* Pagination */
.pagination{padding:16px 24px; background:var(--panel); border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px}
.pagination-buttons{display:flex; gap:8px}
.pagination-btn{
  padding:8px 16px; border-radius:var(--radius-pill); border:1px solid var(--border); background:var(--bg);
  color:var(--muted); cursor:pointer; font-size:14px; transition:all .3s;
}
.pagination-btn:hover:not(:disabled){background:var(--accent-soft); color:var(--ink); border-color:var(--accent)}
.pagination-btn:disabled{opacity:.5; cursor:not-allowed}
.pagination-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); color:var(--accent-ink); border-color:transparent}
@media (max-width:767px){.pagination{justify-content:center}.table-page-info{display:none}}
.loading{text-align:center; padding:40px; color:var(--muted)}
.error{background:var(--crit-soft); border:1px solid rgba(220,38,38,.25); color:var(--crit); padding:14px 16px; border-radius:var(--radius-sm); margin:0 0 16px; font-weight:500}

/* Modal de Configurações */
.settings-modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(10,10,10,.6); backdrop-filter:blur(4px); z-index:1000; align-items:center; justify-content:center; padding:20px}
.settings-modal.show{display:flex}
.settings-modal-content{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:32px; max-width:500px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:var(--shadow-lg)}
.settings-modal-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:24px}
.settings-modal-header h2{font-size:1.5rem; font-weight:800; letter-spacing:-.03em; color:var(--ink)}
.close-btn{background:transparent; border:none; color:var(--muted); cursor:pointer; font-size:24px; padding:0; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all .2s}
.close-btn:hover{color:var(--ink); background:var(--panel)}
.settings-form-group{margin-bottom:20px}
.settings-form-group label{display:block; margin-bottom:8px; color:var(--ink-2); font-size:14px; font-weight:600}
.settings-form-group input{width:100%; padding:10px 12px; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--ink); font-size:14px; font-family:var(--sans); transition:border-color .2s}
.settings-form-group input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.settings-save-btn{width:100%; padding:12px; background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); border:none; border-radius:var(--radius-pill); color:var(--accent-ink); font-weight:700; cursor:pointer; transition:all .3s}
.settings-save-btn:hover{transform:translateY(-2px); box-shadow:0 6px 16px var(--accent-soft)}

/* Meu Perfil - Tabs e formulário */
#myProfileViewContainer{font-family:var(--sans)}
.profile-page-title{padding:0 0 0 0; margin:0 0 24px; font-family:var(--sans)}
.profile-page-title h1{font-size:2rem; font-weight:800; color:var(--ink); letter-spacing:-.04em; margin:0}
.profile-tabs{display:flex; gap:4px; margin-bottom:24px; border-bottom:1px solid var(--border); flex-wrap:wrap}
.profile-tab{padding:12px 20px; background:none; border:none; border-bottom:2px solid transparent; color:var(--muted); font-size:14px; font-weight:600; cursor:pointer; margin-bottom:-1px; font-family:var(--sans); transition:color .2s}
.profile-tab:hover{color:var(--ink)}
.profile-tab.active{color:var(--accent); border-bottom-color:var(--accent)}
.profile-tab-panel{display:none; padding-bottom:24px}
.profile-tab-panel.active{display:block}
.profile-form-card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:24px; max-width:560px; box-shadow:var(--shadow-sm); overflow:visible}
.profile-form-title{font-size:1.125rem; font-weight:700; color:var(--ink); margin:0 0 8px}
.profile-form-desc{color:var(--muted); font-size:13px; margin:0 0 20px}
.profile-form-row{margin-bottom:16px}
.profile-label{display:block; font-size:13px; font-weight:600; color:var(--ink-2); margin-bottom:6px}
.profile-input{width:100%; padding:10px 14px; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--ink); font-size:14px; font-family:var(--sans); transition:border-color .2s,box-shadow .2s}
.profile-input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.profile-input::placeholder{color:var(--muted)}
.settings-modal .verification-code-inputs{margin-bottom:16px}
.settings-modal .verification-code-input{width:44px; height:52px; text-align:center; font-size:1.25rem; font-weight:800; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--ink); transition:border-color .2s,box-shadow .2s}
.settings-modal .verification-code-input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft)}
.profile-btn{padding:10px 20px; border-radius:var(--radius-pill); font-size:14px; font-weight:700; cursor:pointer; border:none; transition:all .2s}
.profile-btn.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); color:var(--accent-ink)}
.profile-btn.primary:hover{opacity:.92; transform:translateY(-1px); box-shadow:0 6px 16px var(--accent-soft)}
.profile-btn.primary:disabled{opacity:.5; cursor:not-allowed; transform:none}
.profile-btn.secondary{background:var(--accent-soft); color:var(--accent); border:1px solid var(--accent)}
.profile-btn.secondary:hover{background:var(--accent-soft)}
.profile-subscriptions-content,.profile-connected-section{color:var(--ink-2); font-size:14px}
.profile-connected-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.profile-connected-label{font-weight:600; min-width:100px}
.profile-connected-status{color:var(--muted)}
.profile-connected-list{display:flex; flex-direction:column; gap:0}
.profile-connected-item{display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--hair)}
.profile-connected-item:last-child{border-bottom:none}
.profile-connected-icon{width:40px; height:40px; flex-shrink:0; border-radius:10px; background-size:22px; background-position:center; background-repeat:no-repeat}
.profile-connected-icon-telegram{background-color:rgba(0,136,204,.15); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230088cc'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E")}
.profile-connected-name{font-weight:600; flex:1}
.profile-connected-actions{display:flex; align-items:center; gap:8px}
.profile-connected-badge{font-size:14px; color:var(--ok); font-weight:600}
.profile-btn.profile-btn-danger{font-family:inherit; font-size:14px; font-weight:600; background:var(--crit-soft); color:var(--crit); border:1px solid var(--crit)}
.profile-btn.profile-btn-danger:hover{background:var(--crit); color:#fff}
.profile-phone-wrap{display:flex; gap:8px; align-items:center; flex-wrap:wrap; position:relative; overflow:visible}
.profile-form-card{overflow:visible}
.profile-phone-country-trigger{width:160px; flex-shrink:0; cursor:pointer; display:flex; align-items:center; gap:8px; padding:10px 12px}
.profile-phone-flag{width:20px; height:15px; object-fit:cover; flex-shrink:0}
.profile-phone-country-arrow{margin-left:auto; color:var(--muted); font-size:10px}
.profile-phone-country-dropdown{display:none; position:fixed; width:260px; max-height:280px; overflow-y:auto; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); z-index:9999}
.profile-phone-country-dropdown.show{display:block}
.profile-phone-country-option{display:flex; align-items:center; gap:10px; padding:8px 12px; cursor:pointer; color:var(--ink-2); font-size:14px}
.profile-phone-country-option:hover{background:var(--accent-soft)}
.profile-phone-country-option img{width:20px; height:15px; object-fit:cover; flex-shrink:0}
.profile-phone-number{flex:1; min-width:140px}
.profile-country-select{width:100%; max-width:280px; cursor:pointer}

/* Modal de Detalhes da Moeda */
.coin-detail-modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(10,10,10,.7); z-index:1000; overflow-y:auto}
.coin-detail-modal.show{display:flex; align-items:flex-start; justify-content:center; padding:20px}
.coin-detail-content{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); width:100%; max-width:1600px; max-height:95vh; display:flex; flex-direction:column; margin-top:20px; box-shadow:var(--shadow-lg)}
.coin-detail-header{display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--border)}
.coin-detail-title{display:flex; align-items:center; gap:16px}
.coin-detail-title h2{font-size:1.5rem; font-weight:800; color:var(--ink); margin:0; letter-spacing:-.03em}
.coin-detail-price{font-size:1.25rem; font-weight:700; color:var(--ink)}
.coin-detail-change{font-size:1rem; font-weight:700; padding:4px 12px; border-radius:var(--radius-pill)}
.coin-detail-change.positive{background:var(--ok-soft); color:var(--ok)}
.coin-detail-change.negative{background:var(--crit-soft); color:var(--crit)}
.coin-detail-body{display:flex; gap:24px; padding:24px; overflow-y:auto; flex:1}
.coin-detail-left{flex:1; min-width:0}
.coin-detail-right{width:350px; display:flex; flex-direction:column; gap:24px}
.coin-chart-container{background:var(--panel); border-radius:var(--radius-sm); border:1px solid var(--border); margin-bottom:24px}
.coin-chart-header{padding:16px; border-bottom:1px solid var(--border)}
.coin-chart-intervals{display:flex; gap:8px; flex-wrap:wrap}
.chart-interval-btn{padding:6px 12px; border-radius:var(--radius-pill); font-size:12px; font-weight:600; cursor:pointer; transition:all .3s; border:1px solid var(--border); background:var(--bg); color:var(--muted)}
.chart-interval-btn:hover{background:var(--accent-soft); color:var(--ink)}
.chart-interval-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%); color:var(--accent-ink); border-color:transparent}
.coin-chart-canvas{height:500px; padding:16px; position:relative}
.coin-stats-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.coin-stat-item{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); padding:16px}
.coin-stat-label{font-size:12px; color:var(--muted); margin-bottom:8px; font-weight:600; text-transform:uppercase; letter-spacing:.3px}
.coin-stat-value{font-size:16px; font-weight:700; color:var(--ink)}
.coin-recent-section{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-sm); padding:16px}
.coin-recent-title{font-size:14px; font-weight:700; color:var(--ink); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border)}
.coin-recent-list{display:flex; flex-direction:column; gap:12px; max-height:400px; overflow-y:auto}
.coin-recent-item{background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px; cursor:pointer; transition:all .2s}
.coin-recent-item:hover{background:var(--panel); border-color:var(--accent)}
.coin-recent-item.pump{border-left:3px solid var(--ok)}
.coin-recent-item.dump{border-left:3px solid var(--crit)}
.coin-recent-item-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.coin-recent-item-percentage{font-size:14px; font-weight:700}
.coin-recent-item.pump .coin-recent-item-percentage{color:var(--ok)}
.coin-recent-item.dump .coin-recent-item-percentage{color:var(--crit)}
.coin-recent-item-time{font-size:11px; color:var(--muted)}
.coin-recent-item-prices{display:flex; justify-content:space-between; font-size:12px; color:var(--muted)}

/* Hamburger (mobile) */
.sidebar-toggle{
  display:none; align-items:center; justify-content:center; width:40px; height:40px; margin-right:12px; padding:0;
  background:var(--accent-soft); border:1px solid var(--border); border-radius:var(--radius-pill); color:var(--accent);
  cursor:pointer; transition:background .2s,border-color .2s;
}
.sidebar-toggle:hover{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
.sidebar-toggle svg{width:22px; height:22px}
.header-left{display:flex; align-items:center}

/* Backdrop (mobile) */
.sidebar-backdrop{display:none; position:fixed; inset:0; top:var(--header-h); background:rgba(10,10,10,.4); z-index:999; opacity:0; transition:opacity .25s ease-out; pointer-events:none; backdrop-filter:blur(2px)}
@media (max-width:1024px){.sidebar-backdrop.show{display:block; opacity:1; pointer-events:auto}}

/* Mobile: sidebar vira menu overlay */
@media (max-width:1024px){
  .sidebar-toggle{display:flex}
  .user-sidebar{position:fixed; left:0; top:var(--header-h); width:280px; max-width:85vw; height:calc(100vh - var(--header-h)); z-index:1000; transform:translateX(-100%); transition:transform .25s ease-out; box-shadow:var(--shadow-lg)}
  .user-sidebar.sidebar-open{transform:translateX(0)}
  .main-content{padding:16px 16px 32px}
  .table-container{margin:0 0 12px}
  .global-stats-section{margin:0 0 16px}
}

/* ── Theme toggle button ──────────────────────────────────── */
.theme-toggle{
  position:relative; width:40px; height:40px; border-radius:var(--radius-pill); border:1px solid var(--border);
  background:var(--panel); color:var(--ink); display:grid; place-items:center; cursor:pointer; transition:border-color .2s,background .2s,color .2s;
}
.theme-toggle:hover{border-color:var(--accent); color:var(--accent)}
.theme-toggle svg{width:18px; height:18px}
.icon-btn{width:38px; height:38px; flex:0 0 auto; border-radius:var(--radius-pill); border:1px solid var(--border); background:var(--panel); color:var(--ink); display:grid; place-items:center; cursor:pointer; transition:all .2s}
.icon-btn:hover{border-color:var(--accent); color:var(--accent)}

@media (prefers-reduced-motion:reduce){*{transition:none!important; scroll-behavior:auto}}

/* ── Compatibility: dynamically-generated / utility elements ── */
.profile-form{width:100%}
.profile-tab-panels{width:100%}
.profile-error-msg{margin-top:1rem; padding:.75rem 1rem; background:var(--crit-soft); border:1px solid rgba(220,38,38,.25); border-radius:var(--radius-sm); color:var(--crit); font-size:.875rem; font-weight:500; display:none}
.profile-error-msg.show{display:block}
.profile-error-msg:empty{display:none}
.sort-icon{color:var(--muted); font-size:10px; display:inline-flex; margin-left:2px}
.subscription-plan-cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:20px}
.subscription-plans-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px}
.table-columns-toggle-wrap{position:relative}
.recent-events-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.event-filter-mobile-label{font-weight:600; font-size:13px}
.alert-symbol-search-box{position:relative}
.plan-feature-pump,.plan-feature-dump,.plan-feature-alerts,.plan-feature-blacklist,.plan-feature-exclusions{}
/* ============================================================
   Conta — mesma estrutura do preview
   Configuracoes virou pagina (dois paineis); Perfil e Assinatura
   passam a usar a mesma linguagem de painel/rotulo/campo.
   Apenas visual: nenhum id ou seletor de JS foi alterado.
   ============================================================ */

/* Grade de dois paineis */
.split{display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:18px; align-items:start}
.split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:1080px){ .split,.split.even{grid-template-columns:minmax(0,1fr)} }

/* Rotulo, campo e dica */
.lbl{font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
     color:var(--muted); display:block; margin-bottom:7px}
.inp{width:100%; padding:9px 13px; border:1px solid var(--border); border-radius:var(--radius-sm);
     background:var(--panel); color:var(--ink); outline:none; font-size:13.5px; font-family:var(--sans)}
.inp:focus{border-color:var(--accent)}
.hint{font-size:12px; color:var(--muted); margin:6px 0 0}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:var(--radius-pill);
     background:var(--accent); color:var(--on-accent); border:1px solid var(--accent);
     padding:9px 17px; font-size:13.5px; font-weight:600; cursor:pointer; font-family:var(--sans)}
.btn:hover{opacity:.92}

/* Espacamento entre campos da pagina de configuracoes */
#settingsViewContainer .settings-form-group{margin-bottom:18px}
#settingsViewContainer .settings-form-group:last-of-type{margin-bottom:0}
#settingsViewContainer #dumpSettingsGroup{margin-bottom:0}
#settingsViewContainer #settingsForm{display:flex; flex-direction:column; margin:0}
/* Respiro no rodape dos dois paineis (a regra antiga do modal nao previa isso) */
#settingsViewContainer .panel-body.pad{padding:22px; gap:0}
/* O botao herdava width:100% e gradiente da versao modal */
#settingsViewContainer .settings-save-btn{
  width:auto; align-self:flex-start; margin-top:22px; padding:10px 20px;
  background:var(--accent); color:var(--on-accent); border:1px solid var(--accent);
  font-weight:600; font-size:13.5px;
}
#settingsViewContainer .settings-save-btn:hover{transform:none; box-shadow:none; opacity:.92}
/* Callouts empilhados com respiro entre si */
#settingsViewContainer .callout{margin:0 0 14px}
#settingsViewContainer .callout:last-child{margin-bottom:0}

/* ---- Perfil: cartoes e formularios na linguagem do preview ---- */
.profile-form-card{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:22px; box-shadow:none;
}
.profile-form-title{
  font-size:14px; font-weight:600; letter-spacing:-.01em; color:var(--ink); margin:0 0 4px;
}
.profile-form-desc{font-size:12.5px; color:var(--muted); margin:0 0 18px}
.profile-form-row{margin-bottom:16px}
.profile-label{
  font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); display:block; margin-bottom:7px;
}
.profile-input{
  width:100%; padding:9px 13px; border:1px solid var(--border); border-radius:var(--radius-sm);
  background:var(--panel); color:var(--ink); outline:none; font-size:13.5px; font-family:var(--sans);
}
.profile-input:focus{border-color:var(--accent); box-shadow:none}
.profile-input::placeholder{color:var(--muted)}
.profile-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  border-radius:var(--radius-pill); padding:9px 17px; font-size:13.5px; font-weight:600;
  cursor:pointer; font-family:var(--sans); border:1px solid var(--border);
  background:transparent; color:var(--ink);
}
.profile-btn:hover{border-color:var(--accent)}
.profile-btn.primary{background:var(--accent); color:var(--on-accent); border-color:var(--accent)}
.profile-btn.primary:disabled{opacity:.45; cursor:not-allowed}
.profile-btn.profile-btn-danger{background:transparent; color:var(--crit); border-color:color-mix(in srgb,var(--crit) 40%,var(--border))}
.profile-btn.profile-btn-danger:hover{background:var(--crit-soft)}

/* Abas do perfil no formato de chips/segmento */
.profile-tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px}
.profile-tab{
  padding:6px 13px; border-radius:var(--radius-pill); border:1px solid var(--border);
  background:var(--card); color:var(--ink-2); font-size:12.5px; cursor:pointer; font-family:var(--sans);
}
.profile-tab:hover{border-color:var(--accent)}
.profile-tab.active{background:var(--accent); color:var(--on-accent); border-color:var(--accent); font-weight:600}

/* Contas conectadas */
.profile-connected-item{
  display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--hair);
}
.profile-connected-item:last-child{border-bottom:0}
.profile-connected-name{font-size:13.5px; font-weight:500}
.profile-connected-actions{margin-left:auto; display:flex; align-items:center; gap:9px}
.profile-connected-badge{
  font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px;
  background:var(--ok-soft); color:var(--ok); border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);
}