/* ==============================================================
   HRC ODISSEY - SOFT FUTURISTIC ADMIN (Glassmorphism + Cyan)
   ============================================================== */

/* Sobrescrita profunda das Variáveis Nativas do Django Admin */
:root {
    /* Paleta Soft Futurista */
    --primary: #00E1FFFF; /* Cyan/Azul Gelo Odissey */
    --secondary: rgba(15, 20, 30, 0.4); /* Fundo vidro translúcido */
    --accent: #00b3cc; /* Cyan um pouco mais escuro para hover */
    --primary-fg: #050507; /* Texto escuro em botões primários */

    --body-fg: #E0E0E6; /* Texto claro suave */
    --body-bg: #07090C; /* Fundo base muito escuro (ardósia/azul marinho super profundo) */
    --body-quiet-color: #8A8A98;
    --body-loud-color: #fff;

    /* Cabeçalhos e Módulos */
    --header-color: #E0E0E6;
    --header-branding-bg: transparent;
    --header-bg: rgba(10, 14, 20, 0.7);
    --header-link-color: #00E1FFFF;
    
    --breadcrumbs-fg: #8A8A98;
    --breadcrumbs-link-fg: #00E1FFFF;
    --breadcrumbs-bg: transparent;

    --link-fg: #00E1FFFF;
    --link-hover-color: #ffffff;
    --link-selected-fg: #00E1FFFF;

    /* Bordas suaves */
    --hairline-color: rgba(0, 225, 255, 0.1);
    --border-color: rgba(0, 225, 255, 0.15);

    /* Avisos e Sucessos (mais contidos) */
    --error-fg: #ff6b6b;
    --message-success-bg: rgba(0, 225, 255, 0.1);
    --message-warning-bg: rgba(255, 193, 7, 0.1);
    --message-error-bg: rgba(255, 107, 107, 0.1);

    /* Inputs e Forms */
    --darkened-bg: rgba(0, 0, 0, 0.3);
    --selected-bg: rgba(0, 225, 255, 0.15);
    --selected-row: rgba(0, 225, 255, 0.05);
    
    /* Botões */
    --button-fg: #fff;
    --button-bg: rgba(0, 225, 255, 0.1);
    --button-hover-bg: #00E1FFFF;
    --default-button-bg: rgba(255, 255, 255, 0.05);
    --default-button-hover-bg: rgba(255, 255, 255, 0.1);
    
    --close-button-bg: rgba(255, 107, 107, 0.1);
    --close-button-hover-bg: #ff6b6b;
}

/* Tipografia e Fundo Geral */
body {
    font-family: 'Space Grotesk', sans-serif !important;
    background-color: var(--body-bg);
    color: var(--body-fg);
    letter-spacing: 0.5px;
    background-image: radial-gradient(circle at top right, rgba(0, 225, 255, 0.05) 0%, transparent 40%),
                      radial-gradient(circle at bottom left, rgba(0, 71, 171, 0.05) 0%, transparent 40%);
    background-attachment: fixed;
}

#header {
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
}

h1, h2, h3, h4, h5, #site-name {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500;
}

/* Tipografia para Labels e Códigos */
label, .help, .quiet, .module caption {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85rem;
}

/* Glassmorphism nos Módulos e Tabelas */
.module, #content-related {
    background: var(--secondary) !important;
    backdrop-filter: blur(16px);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

/* Header de Módulos (Listagens) */
.module h2, .module caption, .inline-group h2 {
    background: rgba(0, 225, 255, 0.05) !important;
    color: var(--primary) !important;
    border-bottom: 1px solid var(--border-color);
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 1px;
    padding: 12px 15px;
    margin: 0;
}

/* Módulos do painel principal */
.dashboard .module table th a, .dashboard .module table td a {
    color: var(--body-fg);
}
.dashboard .module table th a:hover, .dashboard .module table td a:hover {
    color: var(--primary);
    text-shadow: 0 0 8px rgba(0, 225, 255, 0.4);
}

/* Tabelas e Linhas Suaves */
table {
    background-color: transparent !important;
    border-collapse: separate;
    border-spacing: 0;
}
tr {
    background-color: transparent !important;
}
tr:hover {
    background-color: var(--selected-row) !important;
}
th, td {
    border-bottom: 1px solid var(--border-color) !important;
    padding: 12px 15px !important;
}

/* Inputs, Selects e Textareas - Estilo Soft */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], select, textarea {
    background-color: var(--darkened-bg) !important;
    color: var(--body-fg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px;
    padding: 10px 12px;
    font-family: 'JetBrains Mono', monospace !important;
    transition: all 0.3s ease;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px rgba(0, 225, 255, 0.2) !important;
    outline: none !important;
}

/* Botões Modernos e Translúcidos */
.button, input[type="submit"], input[type="button"], .submit-row input, a.button {
    background-color: var(--button-bg) !important;
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
    border-radius: 6px;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover, .submit-row input:hover, a.button:hover {
    background-color: var(--primary) !important;
    color: var(--primary-fg) !important;
    box-shadow: 0 0 15px rgba(0, 225, 255, 0.4);
    transform: translateY(-1px);
}

/* Botão de Save (Destaque Principal) */
input[type="submit"].default, .submit-row input.default {
    background-color: var(--primary) !important;
    color: var(--primary-fg) !important;
    box-shadow: 0 4px 15px rgba(0, 225, 255, 0.2);
}

input[type="submit"].default:hover, .submit-row input.default:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}

/* Botões Delete */
.deletelink {
    background-color: rgba(255, 107, 107, 0.1) !important;
    border: 1px solid var(--error-fg) !important;
    color: var(--error-fg) !important;
}
.deletelink:hover {
    background-color: var(--error-fg) !important;
    color: white !important;
    box-shadow: 0 0 15px rgba(255, 107, 107, 0.5);
}

/* Breadcrumbs (Navegação Pão-de-forma) */
.breadcrumbs {
    background: transparent !important;
    padding: 15px 40px !important;
    border-bottom: none !important;
    font-size: 0.9rem;
    color: var(--body-quiet-color) !important;
}
.breadcrumbs a {
    color: var(--primary) !important;
}

/* Painel de Login do Admin - Oculta linhas nativas para ficar limpo */
.login #header {
    background: transparent;
    border: none;
    justify-content: center;
}
.login #content-main {
    padding-top: 2rem;
}
.login .form-row {
    border: none;
}
.login .submit-row {
    border: none;
    background: transparent;
}