/* ══════════════════════════════════════════════════════════
   ADMIN.CSS — pequenos ajustes visuais exclusivos da área de
   administração. Reutiliza quase toda a base de style.css;
   aqui só mudamos o tom (azul) do logotipo/ícone e acrescentamos
   o estilo da lista de ranking de vendedores.
   ══════════════════════════════════════════════════════════ */

/* Ícone do login em tom azul (em vez do verde do vendedor) */
#login-screen .login-cross-emoji{
  background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));
  box-shadow:0 6px 20px var(--primary-glow);
}
/* Ícone da sidebar em tom azul */
.sidebar-brand-icon-emoji{
  background:linear-gradient(135deg,var(--primary-dark),var(--primary-light))!important;
  box-shadow:0 3px 12px var(--primary-glow)!important;
}

/* RANKING DE VENDEDORES — lista simples dentro de um table-card */
.rank-list{padding:6px;}
.rank-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--border);}
.rank-item:last-child{border-bottom:none;}
.rank-pos{width:26px;height:26px;border-radius:50%;background:var(--panel2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--text2);flex-shrink:0;}
.rank-item:nth-child(1) .rank-pos{background:var(--amber-dim);border-color:rgba(245,158,11,.35);color:var(--amber);}
.rank-item:nth-child(2) .rank-pos{background:var(--panel2);border-color:var(--border);color:var(--text2);}
.rank-item:nth-child(3) .rank-pos{background:rgba(180,120,60,.15);border-color:rgba(180,120,60,.35);color:#c98a4b;}
.rank-name{flex:1;font-size:.85rem;font-weight:600;}
.rank-sub{font-size:.72rem;color:var(--text3);}
.rank-val{font-family:'DM Mono',monospace;font-weight:700;font-size:.85rem;color:var(--primary-light);}

/* Pequena etiqueta de cargo dentro das tabelas */
.role-tag{font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;}
.role-tag.admin{background:var(--primary-glow);color:var(--primary-light);border:1px solid rgba(14,165,233,.3);}
.role-tag.vendedor{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(20,184,166,.3);}