/* =========================================================
   EVOLUA TICKET - TEMA VISUAL ÚNICO
   Carregado depois do CSS de cada painel: sobrescreve cores,
   tipografia e componentes comuns sem alterar o layout.
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Exo+2:wght@700;800;900&display=swap');

:root{
    --ev-900:#050a16;
    --ev-800:#0a1530;
    --ev-700:#1d5bff;
    --ev-600:#1748c9;
    --ev-500:#2b8cff;
    --ev-100:#e7efff;
    --ev-50:#f3f7ff;
    --ev-lime:#22d3ee;
    --ev-lime-dark:#0891b2;
    --ev-bg:#f2f5fa;
    --ev-text:#0b1325;
    --ev-muted:#5a6a86;
    --ev-line:#dfe5f0;

    /* Variáveis já usadas pelos painéis antigos */
    --purple:var(--ev-700);
    --purple2:var(--ev-600);
    --blue:var(--ev-500);
    --blue2:var(--ev-lime);
    --primary:var(--ev-700);
    --secondary:var(--ev-500);
    --nav:var(--ev-900);
    --nav2:var(--ev-800);
    --background:var(--ev-bg);
    --bg:var(--ev-bg);
    --text:var(--ev-text);
    --muted:var(--ev-muted);
    --border:var(--ev-line);
    --line:var(--ev-line);
}

body{
    font-family:'Inter',Arial,Helvetica,sans-serif;
    background:var(--ev-bg);
    color:var(--ev-text);
}
body.dark-mode{background:#0b1417}
input,select,textarea,button{font-family:inherit}

/* ---------- Menu lateral ---------- */
.sidebar{
    background:linear-gradient(180deg,#03060e 0%,var(--ev-900) 55%,#0a1838 100%) !important;
    border-right:1px solid rgba(255,255,255,.04);
}
.menu-item,.nav,.menu{color:#c9d6ee}
.menu-item:hover,.nav:hover,.menu:hover{background:rgba(255,255,255,.07)}
.menu-item.active,.nav.active,.menu.active{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    box-shadow:inset 3px 0 0 var(--ev-lime) !important;
}
.menu-title,.role,.logo-small,.small{color:#7f93b8 !important}
.nav-children{border-left-color:rgba(34,211,238,.28) !important}
.sidebar-submenu{border-left-color:rgba(34,211,238,.28) !important}

/* ---------- Marca ---------- */
.ev-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;text-decoration:none;color:#fff}
.ev-brand img{width:44px;height:44px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(43,140,255,.45))}
.ev-brand-name{font-family:'Exo 2','Inter',sans-serif;font-size:21px;font-weight:900;letter-spacing:.5px;line-height:1;color:#fff;white-space:nowrap}
.ev-brand-name i{font-style:normal;color:var(--ev-500)}
.ev-brand-name span{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;letter-spacing:2.5px;color:var(--ev-lime);vertical-align:3px}
.ev-brand-sub{font-size:10.5px;letter-spacing:1.4px;color:#7f93b8;margin-top:4px;text-transform:uppercase}
.logo-icon,.brandmark{
    background:var(--ev-900) url('evolua-icon.svg') center/cover no-repeat !important;
    color:transparent !important;
    box-shadow:0 8px 20px rgba(0,0,0,.25) !important;
}

/* ---------- Botões ---------- */
.btn-primary,.btn:not(.secondary):not(.danger):not(.delete-client),.submit,.primary{
    background:var(--ev-700) !important;
    color:#fff !important;
    box-shadow:0 4px 12px rgba(29,91,255,.18) !important;
}
.btn-primary:hover,.btn:not(.secondary):not(.danger):not(.delete-client):hover,.submit:hover,.primary:hover{
    background:var(--ev-600) !important;
}
.btn.secondary{background:var(--ev-100) !important;color:var(--ev-700) !important}
.btn-dark{background:var(--ev-900) !important}

/* ---------- Cartões, painéis e tabelas ---------- */
.panel,.card,.login-card,.login{border-color:var(--ev-line)}
.topbar,.top{border-bottom-color:var(--ev-line)}
th{color:var(--ev-muted)}
a{color:inherit}

/* ---------- Campos ---------- */
input:focus,select:focus,textarea:focus{
    border-color:var(--ev-500) !important;
    box-shadow:0 0 0 3px rgba(43,140,255,.15) !important;
    outline:none;
}

/* ---------- Indicadores ---------- */
.dot{background:var(--ev-lime-dark)}

/* ---------- Telas de login (cliente, vendedor, admin geral) ---------- */
body.ev-login-page{
    margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;
    background:
      radial-gradient(circle at 15% 12%,rgba(34,211,238,.14),transparent 34%),
      radial-gradient(circle at 88% 88%,rgba(29,91,255,.30),transparent 42%),
      linear-gradient(160deg,#03060e,var(--ev-900) 55%,#0a1838);
}
.ev-login{
    width:min(440px,100%);background:#fff;border-radius:20px;padding:34px 30px;
    box-shadow:0 30px 70px rgba(0,0,0,.35);color:var(--ev-text);box-sizing:border-box;
}
.ev-lockup{display:flex;align-items:center;gap:12px;margin:0 0 26px;text-decoration:none}
.ev-lockup img{width:52px;height:52px;filter:drop-shadow(0 0 12px rgba(43,140,255,.35))}
.ev-lockup b{display:block;font-family:'Exo 2','Inter',sans-serif;font-size:28px;font-weight:900;letter-spacing:1px;line-height:1;color:var(--ev-900)}
.ev-lockup b i{font-style:normal;color:var(--ev-700)}
.ev-lockup small{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11px;font-weight:800;letter-spacing:5px;color:var(--ev-500)}
.ev-lockup small:before,.ev-lockup small:after{content:"";height:2px;width:18px;background:linear-gradient(90deg,var(--ev-700),var(--ev-lime))}
.ev-lockup.light b{color:#fff}
.ev-login h1,.ev-login h2{margin:0 0 6px;font-size:23px;letter-spacing:-.3px}
.ev-login p{margin:0 0 22px;color:var(--ev-muted);font-size:14px;line-height:1.45}
.ev-login label{display:block;margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.4px;color:#3b4a66}
.ev-login input[type=text],.ev-login input[type=email],.ev-login input[type=password]{
    width:100%;box-sizing:border-box;border:1px solid var(--ev-line);border-radius:11px;
    padding:13px 14px;background:var(--ev-50);font-size:15px;color:var(--ev-text);margin-bottom:16px;
}
.ev-login button[type=submit],.ev-login .ev-submit{
    width:100%;border:0;border-radius:11px;padding:14px;margin-top:4px;cursor:pointer;
    background:var(--ev-700);color:#fff;font-size:15px;font-weight:800;
}
.ev-login button[type=submit]:hover,.ev-login .ev-submit:hover{background:var(--ev-600)}
.ev-login .ev-error{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-weight:700;font-size:14px}
.ev-login .ev-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#8aa0a6;font-size:12.5px}
.ev-login .ev-foot i{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block}

/* ---------- Seções do menu ---------- */
.sidebar .menu-title{margin:22px 10px 6px !important;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase}
.sidebar .ev-brand + .menu-title{margin-top:0 !important}
.sidebar .role{margin:20px 10px 6px !important;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase}
.sidebar .ev-brand + .role{margin-top:0 !important}
.ev-user-chip{margin:-14px 0 8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#e3ebfb;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* =========================================================
   FAIXA SUPERIOR NAS CORES DO MENU (todos os painéis)
========================================================= */
.topbar,.top{
    background:linear-gradient(90deg,#03060e 0%,var(--ev-900) 45%,#0b1d48 100%) !important;
    border-bottom:1px solid rgba(43,140,255,.25) !important;
    color:#fff;position:relative;
    box-shadow:0 6px 20px rgba(3,6,14,.18);
}
.topbar:after,.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ev-700),var(--ev-lime),transparent);opacity:.7}
.topbar h1,.top h1,.topbar .page-title h1{color:#fff !important}
.topbar p,.top p,.topbar .page-title p{color:#9fb0cf !important}
.topbar .online{background:rgba(34,197,94,.12) !important;border-color:rgba(34,197,94,.35) !important;color:#86efac !important}
.topbar .account-trigger{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;color:#fff !important;border-radius:14px}
.topbar .account-trigger-name,.topbar .account-caret{color:#e2e8f0 !important}
.topbar .account-avatar{background:linear-gradient(135deg,var(--ev-700),var(--ev-lime)) !important;color:#fff !important}
.topbar .account-dropdown{color:var(--ev-text)}

/* ---------- Menu da conta (vendedor e administrador) ---------- */
.ev-acc{position:relative;margin-left:auto}
.ev-acc-trigger{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:6px 12px 6px 6px;cursor:pointer;font:inherit}
.ev-acc-trigger:hover{background:rgba(255,255,255,.10)}
.ev-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--ev-700),var(--ev-lime));box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.ev-avatar.has-logo{background:#fff}
.ev-avatar img{width:100%;height:100%;object-fit:contain}
.ev-avatar.lg{width:64px;height:64px;font-size:22px;box-shadow:0 0 0 3px var(--ev-100)}
.ev-acc-name{display:flex;flex-direction:column;text-align:left;line-height:1.15}
.ev-acc-name b{font-size:13.5px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-acc-name small{font-size:11px;color:#9fb0cf}
.ev-caret{color:#9fb0cf;font-size:12px}
.ev-acc-drop{display:none;position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;color:var(--ev-text);border:1px solid var(--ev-line);border-radius:16px;box-shadow:0 22px 50px rgba(3,6,14,.28);z-index:2500;overflow:hidden}
.ev-acc.open .ev-acc-drop{display:block}
.ev-acc-profile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 14px;background:linear-gradient(180deg,var(--ev-50),#fff);border-bottom:1px solid var(--ev-line);text-align:center}
.ev-acc-profile strong{margin-top:6px;font-size:15px}
.ev-acc-profile small{color:var(--ev-muted);font-size:12px}
.ev-acc-logo-btn{margin-top:8px;border:1px solid var(--ev-line);background:#fff;border-radius:99px;padding:7px 14px;font-weight:800;font-size:12.5px;color:var(--ev-700);cursor:pointer}
.ev-acc-sec{padding:6px}
.ev-acc-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:10px;color:var(--ev-text);text-decoration:none;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.ev-acc-link:hover{background:var(--ev-50)}
.ev-acc-out{border-top:1px solid var(--ev-line);border-radius:0;color:#be123c;padding:12px 18px}
.ev-switch{width:34px;height:20px;border-radius:99px;background:#cbd5e1;position:relative;flex:0 0 auto}
.ev-switch:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}
body.dark-mode .ev-switch{background:var(--ev-700)}
body.dark-mode .ev-switch:before{transform:translateX(14px)}
.ev-modal{display:none;position:fixed;inset:0;background:rgba(3,6,14,.6);z-index:3500;align-items:center;justify-content:center;padding:18px}
.ev-modal.open{display:flex}
.ev-modal-box{width:min(400px,100%);background:#fff;color:var(--ev-text);border-radius:18px;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.ev-modal-box h3{margin:0 0 4px}
.ev-modal-box p{margin:0 0 14px;color:var(--ev-muted);font-size:13px}
.ev-logo-preview{width:110px;height:110px;border-radius:50%;margin:6px auto 14px;border:2px dashed var(--ev-line);display:grid;place-items:center;overflow:hidden;font-weight:900;font-size:28px;color:var(--ev-700);background:var(--ev-50)}
.ev-logo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
.ev-logo-pick{display:block;text-align:center;padding:11px;border:1px solid var(--ev-line);border-radius:11px;cursor:pointer;font-weight:800;color:var(--ev-700)}
.ev-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px}
.ev-btn,.ev-btn-ghost,.ev-btn-danger{border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;font:inherit;font-weight:800}
.ev-btn{border:0;background:var(--ev-700);color:#fff}.ev-btn:disabled{opacity:.5;cursor:not-allowed}
.ev-btn-ghost{border:1px solid var(--ev-line);background:#fff;color:var(--ev-text)}
.ev-btn-danger{border:1px solid #fecdd3;background:#fff;color:#be123c}
#evLogoRemove{display:none}

/* ---------- Rodapé ---------- */
.ev-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:28px 0 10px;padding:16px;border-top:1px solid var(--ev-line);color:var(--ev-muted);font-size:12.5px;text-align:center}
.ev-footer-brand{display:inline-flex;align-items:center;gap:5px;color:var(--ev-text);text-decoration:none;font-weight:700;cursor:default}
.ev-footer-brand img{width:18px;height:18px}
.ev-footer-brand b{color:var(--ev-700)}
.ev-footer-tag{flex-basis:100%;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#94a3b8}
.ev-login .ev-foot b{color:var(--ev-700)}

/* ---------- Modo escuro (vendedor e administrador) ---------- */
body.dark-mode{--ev-bg:#070d1a;--ev-line:#1e2a44;--ev-text:#e5ecf8;--ev-muted:#93a3c0;--bg:#070d1a;--white:#0d1628;--text:#e5ecf8;--line:#1e2a44;background:#070d1a !important;color:#e5ecf8}
body.dark-mode .panel,body.dark-mode .card,body.dark-mode .cad-card,body.dark-mode .config-shell{background:#0d1628 !important;border-color:#1e2a44 !important;color:#e5ecf8}
body.dark-mode .ph,body.dark-mode th,body.dark-mode td{border-color:#1e2a44 !important}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0a1222 !important;color:#e5ecf8 !important;border-color:#24324f !important}
body.dark-mode .ev-footer-brand{color:#e5ecf8}

/* =========================================================
   CELULAR: menu lateral que abre e fecha
========================================================= */
.ev-burger,.ev-sb-close{display:none}
@media(max-width:900px){
    .sidebar{position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;width:min(290px,84vw) !important;height:100vh !important;overflow-y:auto !important;z-index:2600 !important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.35)}
    body.ev-menu-open .sidebar{transform:none}
    .main{margin-left:0 !important}
    .ev-shade{position:fixed;inset:0;background:rgba(3,6,14,.55);z-index:2550;opacity:0;pointer-events:none;transition:opacity .2s}
    body.ev-menu-open .ev-shade{opacity:1;pointer-events:auto}
    body.ev-menu-open{overflow:hidden}
    .ev-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:11px;cursor:pointer;padding:0 11px;margin-right:12px}
    .ev-burger span{display:block;height:2px;border-radius:2px;background:#fff}
    .sidebar .ev-brand{padding-right:42px}
    .ev-sb-close{display:grid;place-items:center;position:absolute;right:12px;top:14px;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer;z-index:2}
    .topbar,.top{display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px;padding:12px 14px !important;min-height:0 !important;height:auto !important;position:sticky;top:0;z-index:2400}
    .topbar .page-title,.top>div:first-of-type{flex:1 1 auto;min-width:0}
    .topbar h1,.top h1{font-size:17px !important;margin:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .topbar p,.top p{display:none}
    .ev-acc-name,.ev-caret{display:none}
    .ev-acc-trigger{padding:4px;border-radius:50%}
    .ev-avatar{width:36px;height:36px}
    .ev-acc-drop{position:fixed;right:12px;left:12px;top:68px;width:auto}
}

/* =========================================================
   QUADROS COLORIDOS DOS DASHBOARDS
========================================================= */
.metric-card.kpi,.cards>.card{position:relative;overflow:hidden;border:1px solid transparent !important;
    background:linear-gradient(135deg,var(--k-bg1),var(--k-bg2)) !important;color:var(--k-ink) !important;
    box-shadow:0 8px 22px -12px var(--k-shadow) !important}
.metric-card.kpi:after,.cards>.card:after{content:"";position:absolute;right:-26px;top:-26px;width:96px;height:96px;border-radius:50%;background:var(--k-accent);opacity:.12}
.metric-card.kpi .m-label,.cards>.card small{color:var(--k-ink) !important;opacity:.8;display:flex;align-items:center;gap:6px}
.metric-card.kpi .m-label i{font-style:normal}
.metric-card.kpi .m-value,.cards>.card strong{color:var(--k-ink) !important}
.metric-card.kpi .m-sub,.cards>.card span{color:var(--k-ink) !important;opacity:.7}
.kpi-total {--k-bg1:#1d5bff;--k-bg2:#0b2a8f;--k-ink:#fff;--k-accent:#fff;--k-shadow:#1d5bff}
.kpi-cash  {--k-bg1:#ecfdf3;--k-bg2:#d1fadf;--k-ink:#05603a;--k-accent:#12b76a;--k-shadow:#12b76a}
.kpi-pix   {--k-bg1:#ecfeff;--k-bg2:#cff9fe;--k-ink:#0e5d73;--k-accent:#06aed4;--k-shadow:#06aed4}
.kpi-debit {--k-bg1:#eff4ff;--k-bg2:#d9e6ff;--k-ink:#1a3d9e;--k-accent:#2f6bff;--k-shadow:#2f6bff}
.kpi-credit{--k-bg1:#f5f3ff;--k-bg2:#e6e0ff;--k-ink:#4a2a9e;--k-accent:#7a5af8;--k-shadow:#7a5af8}
.kpi-other {--k-bg1:#fffaeb;--k-bg2:#fef0c7;--k-ink:#7a4a05;--k-accent:#f79009;--k-shadow:#f79009}
.kpi-courtesy{--k-bg1:#fdf2fa;--k-bg2:#fce7f6;--k-ink:#9e1662;--k-accent:#ee46bc;--k-shadow:#ee46bc}
.kpi-avg   {--k-bg1:#eef4ff;--k-bg2:#e0eaff;--k-ink:#2d3282;--k-accent:#6172f3;--k-shadow:#6172f3}
.kpi-waiter{--k-bg1:#fff4ed;--k-bg2:#ffe6d5;--k-ink:#97180c;--k-accent:#ef6820;--k-shadow:#ef6820}
.kpi-qty   {--k-bg1:#0b1325;--k-bg2:#1b2a4e;--k-ink:#fff;--k-accent:#22d3ee;--k-shadow:#0b1325}
/* Vendedor e administrador: cores pela posição do quadro */
.cards>.card:nth-child(6n+1){--k-bg1:#1d5bff;--k-bg2:#0b2a8f;--k-ink:#fff;--k-accent:#fff;--k-shadow:#1d5bff}
.cards>.card:nth-child(6n+2){--k-bg1:#ecfdf3;--k-bg2:#d1fadf;--k-ink:#05603a;--k-accent:#12b76a;--k-shadow:#12b76a}
.cards>.card:nth-child(6n+3){--k-bg1:#f5f3ff;--k-bg2:#e6e0ff;--k-ink:#4a2a9e;--k-accent:#7a5af8;--k-shadow:#7a5af8}
.cards>.card:nth-child(6n+4){--k-bg1:#ecfeff;--k-bg2:#cff9fe;--k-ink:#0e5d73;--k-accent:#06aed4;--k-shadow:#06aed4}
.cards>.card:nth-child(6n+5){--k-bg1:#fffaeb;--k-bg2:#fef0c7;--k-ink:#7a4a05;--k-accent:#f79009;--k-shadow:#f79009}
.cards>.card:nth-child(6n+6){--k-bg1:#fdf2fa;--k-bg2:#fce7f6;--k-ink:#9e1662;--k-accent:#ee46bc;--k-shadow:#ee46bc}
body.dark-mode .metric-card.kpi:not(.kpi-total):not(.kpi-qty),body.dark-mode .cards>.card:not(:nth-child(6n+1)){--k-bg1:#0d1628;--k-bg2:#0d1628;border-color:var(--k-accent) !important;--k-ink:#e5ecf8}

/* ---------- Faixa azul de visão geral (vendedor e administrador) ---------- */
.ev-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:18px 22px;border-radius:18px;color:#fff;
    background:radial-gradient(circle at 92% 20%,rgba(34,211,238,.35),transparent 40%),linear-gradient(110deg,#0b2a8f,#1d5bff 55%,#0e8fd6);box-shadow:0 14px 30px -14px rgba(29,91,255,.6)}
.ev-hero h2{margin:0;font-size:20px;color:#fff}
.ev-hero p{margin:4px 0 0;color:#d6e4ff;font-size:13.5px}
.ev-hero-chips{display:flex;gap:10px;flex-wrap:wrap}
.ev-hero-chip{padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);min-width:120px}
.ev-hero-chip small{display:block;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#cfe0ff;font-weight:800}
.ev-hero-chip b{display:block;font-size:15px;margin-top:2px}
@media(max-width:700px){.ev-hero{padding:16px}.ev-hero-chip{flex:1 1 40%}}
.ev-login-cta{display:block;margin:14px 0 0;padding:12px;border:1px dashed #b9cdf5;border-radius:11px;background:var(--ev-50);text-align:center;color:var(--ev-text);text-decoration:none;font-size:13.5px}
.ev-login-cta b{color:var(--ev-700)}
.ev-login-cta:hover{border-color:var(--ev-700)}
.ev-login-alt{text-align:center;margin:12px 0 0 !important;font-size:13px !important;color:var(--ev-muted)}
.ev-login-alt a{color:var(--ev-700);font-weight:800}