/* public/css/adm-panel.css?v=1763872063691 (COMPLETO E ATUALIZADO) */

/* =============================================== */
/* ESTILOS DO PAINEL DE ADMIN (FLOATING TOAST)     */
/* =============================================== */

/* Barra de informações */
.header-info-bar { 
    width: 90%; 
    max-width: 600px; 
    margin: 5px auto 15px auto; 
    text-align: center; 
    font-size: 0.8em; 
    color: #a0a0a0; 
}

/* Estrutura das seções do painel */
.section { 
    margin: 20px 0; 
    border-top: 1px solid #444; 
    padding-top: 20px; 
}
.section h3 { 
    color: #ffd700; 
}
.section h4 {
    font-family: 'Cinzel', serif;
    color: var(--cor-texto-secundario, #ccc);
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    margin: 15px 0 10px 0;
    font-size: 1.1em;
}

/* Estilos de formulário padrão para o painel */
select, input[type="text"], input[type="number"], textarea { 
    padding: 8px; 
    margin: 5px 0; 
    border-radius: 5px; 
    border: 1px solid #555; 
    background: #222; 
    color: #fff; 
    font-size: 14px; 
    width: 100%; 
    box-sizing: border-box; 
}

/* Labels */
label {
    display: block;
    margin-bottom: 5px;
    font-family: 'Cinzel', serif;
    font-size: 0.9em;
    color: var(--cor-texto-secundario, #aaa);
}

/* Botão padrão */
button { 
    padding: 9px 15px; 
    border: none; 
    border-radius: 5px; 
    cursor: pointer; 
    font-weight: bold; 
    width: 100%; 
    margin-top: 5px; 
    transition: background-color 0.2s;
}

/* Classes de utilidade */
.hidden { display: none !important; }
.muted { color: #a0a0a0; font-size: 0.9em; }

/* --- NOTIFICAÇÃO FLUTUANTE (TOAST) --- */
/* Isso resolve o problema de ter que rolar para ver a mensagem */
#message {
    position: fixed;         /* Fixa na tela, ignora rolagem */
    top: 20px;               /* Distância do topo */
    left: 50%;               /* Centraliza horizontalmente */
    transform: translateX(-50%); /* Ajuste fino da centralização */
    z-index: 9999;           /* Fica acima de tudo */
    
    min-width: 300px;
    max-width: 90%;
    padding: 15px 20px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(0,0,0,0.6); /* Sombra para destaque */
    
    display: none;           /* Escondido por padrão */
    opacity: 0;              /* Transparente inicial */
    transition: opacity 0.3s ease-in-out; /* Animação suave */
}

/* Quando a mensagem está visível */
#message.visible {
    display: block;
    opacity: 1;
}

/* Cores da Notificação */
#message.success { 
    background-color: rgba(40, 167, 69, 0.95); /* Verde quase sólido */
    color: #fff; 
    border: 1px solid #28a745;
}
#message.error { 
    background-color: rgba(220, 53, 69, 0.95); /* Vermelho quase sólido */
    color: #fff; 
    border: 1px solid #dc3545;
}


/* Específico de permissões */
#permissions-list label { 
    display: block; 
    margin-bottom: 5px; 
    font-family: 'Roboto', sans-serif; 
    font-size: 1em;
    color: var(--cor-texto-principal, #fff);
}
#permissions-list input[type="checkbox"] {
    width: auto; 
    margin-right: 8px;
}

/* Container de seleção (caixa cinza) */
.admin-selection-box {
    margin-top: 10px;
    padding: 15px;
    background: var(--cor-item-lista, #1a1a1a); 
    border-radius: 5px;
    border: 1px solid #444;
}

/* Detalhes de item */
.item-info strong { 
    color: #ffd700; 
}

/* Botões pequenos e alinhamento */
.mini-actions { 
    display: flex; 
    gap: 10px; 
    margin-top: 10px; 
}
.mini-actions button { 
    width: auto; 
    font-size: 0.9em; 
    padding: 5px 10px; 
}

/* Botões Específicos */
.btn-secondary { 
    background-color: #6c757d; 
    color: white;
}
.btn-secondary:hover { 
    background-color: #5a6268; 
}
.btn-danger { 
    background-color: #dc3545; 
    color: white;
}
.btn-danger:hover { 
    background-color: #c82333; 
}
.btn-success {
    background-color: #28a745;
    color: white;
}
.btn-success:hover {
    background-color: #218838;
}
.btn-logout { /* Usado para 'Parar' ou 'Desativar' */
    background-color: #dc3545;
    color: white;
}