/* ══════════════════════════════════════════════════════════
   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);}

/* COMPARAÇÃO HOJE/ONTEM · SEMANA/SEMANA PASSADA */
.cmp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px;}
@media(max-width:900px){.cmp-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.cmp-grid{grid-template-columns:1fr;}}
.cmp-card{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--r);padding:16px 18px;}
.cmp-card-lbl{font-size:.75rem;color:var(--text3);margin-bottom:6px;}
.cmp-card-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.cmp-card-val{font-size:1.35rem;font-weight:800;}
.cmp-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:20px;}
.cmp-chip.up{background:var(--green-dim);color:var(--green);}
.cmp-chip.down{background:var(--red-dim);color:var(--red);}
.cmp-chip.flat{background:var(--panel2);color:var(--text3);}
.cmp-card-sub{font-size:.72rem;color:var(--text3);margin-top:4px;}

/* META MENSAL — barra de progresso */
.goal-card{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:20px;}
.goal-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px;}
.goal-hdr-ttl{font-size:.85rem;font-weight:700;color:var(--text2);}
.goal-edit-btn{background:none;border:none;color:var(--primary-light);font-size:.72rem;cursor:pointer;text-decoration:underline;}
.goal-bar-track{width:100%;height:14px;border-radius:20px;background:var(--panel2);overflow:hidden;border:1px solid var(--border);}
.goal-bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary-dark),var(--primary-light));transition:width .8s cubic-bezier(.4,0,.2,1);}
.goal-bar-fill.over{background:linear-gradient(90deg,var(--green),#22c55e);}
.goal-foot{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text3);margin-top:6px;}

/* MAPA DE CALOR — HORAS DE MAIOR MOVIMENTO */
.heat-wrap{display:flex;gap:3px;align-items:flex-end;overflow-x:auto;padding-bottom:4px;}
.heat-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:26px;}
.heat-box{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);}
.heat-hr{font-size:.6rem;color:var(--text3);}
.heat-legend{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--text3);margin-top:10px;}
.heat-legend .heat-box{width:12px;height:12px;}

/* SUB-ABAS (usadas em Produtos & Estoque) */
.subtab-nav{display:flex;gap:6px;border-bottom:1.5px solid var(--border);margin:-4px 0 18px;overflow-x:auto;}
.subtab-btn{background:none;border:none;padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--text3);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color .15s;}
.subtab-btn:hover{color:var(--text2);}
.subtab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary-light);}
.subtab-pane{display:none;}
.subtab-pane.active{display:block;}

/* Itens de um pedido de restock, dentro do modal */
.restock-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--panel2);border-radius:8px;margin-bottom:6px;font-size:.82rem;}
.restock-item-row button{background:none;border:none;color:var(--red);cursor:pointer;font-size:.9rem;}
.restock-chip{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;}
.restock-chip.pendente{background:var(--amber-dim);color:var(--amber);}
.restock-chip.enviado{background:var(--primary-glow);color:var(--primary-light);}
.restock-chip.recebido{background:var(--green-dim);color:var(--green);}
.restock-chip.cancelado{background:var(--red-dim);color:var(--red);}

/* AVISOS AOS VENDEDORES — cartão com nível de urgência e leitura */
.aviso-card{background:var(--panel);border:1.5px solid var(--border);border-left:4px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;}
.aviso-card.info{border-left-color:var(--primary-light);}
.aviso-card.aviso{border-left-color:var(--amber);}
.aviso-card.critico{border-left-color:var(--red);}
.aviso-card-hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;}
.aviso-nivel-tag{font-size:.65rem;font-weight:800;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;}
.aviso-nivel-tag.info{background:var(--primary-glow);color:var(--primary-light);}
.aviso-nivel-tag.aviso{background:var(--amber-dim);color:var(--amber);}
.aviso-nivel-tag.critico{background:var(--red-dim);color:var(--red);}
.aviso-texto{font-size:.85rem;color:var(--text);line-height:1.5;margin-bottom:8px;}
.aviso-foot{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text3);flex-wrap:wrap;gap:8px;}
.aviso-leitura-bar{width:90px;height:6px;border-radius:20px;background:var(--panel2);overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px;}
.aviso-leitura-fill{height:100%;background:var(--green);}
.aviso-actions button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.9rem;margin-left:8px;}
.aviso-actions button:hover{color:var(--red);}

/* AUDITORIA — etiquetas de categoria */
.aud-cat-tag{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;}
.aud-cat-tag.cat-sistema{background:var(--panel2);color:var(--text2);border:1px solid var(--border);}
.aud-cat-tag.cat-produtos{background:var(--primary-glow);color:var(--primary-light);}
.aud-cat-tag.cat-estoque{background:var(--amber-dim);color:var(--amber);}
.aud-cat-tag.cat-vendedores{background:var(--teal-dim);color:var(--teal);}
.aud-cat-tag.cat-autorizacoes{background:var(--purple-dim);color:var(--purple);}
.aud-cat-tag.cat-avisos{background:var(--red-dim);color:var(--red);}
.aud-cat-tag.cat-alertas{background:var(--green-dim);color:var(--green);}

/* 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);}