:root {
    --nutritiff-primary: #ED1F79;
    --nutritiff-primary-dark: #c21864;
    --nutritiff-bg-soft: rgba(237, 31, 121, 0.08);
}

/* ===== BOTONES ===== */
button,
.admin-btn,
.admin-submit-btn {
    background-color: var(--nutritiff-primary);
    border-color: var(--nutritiff-primary);
    color: #fff;
}

button:hover,
.admin-btn:hover,
.admin-submit-btn:hover {
    background-color: var(--nutritiff-primary-dark);
}

/* ===== LINKS ACTIVOS / TABS ===== */
.admin-option a.current,
.admin-option a:hover {
    background-color: var(--nutritiff-primary);
    color: #fff;
}

/* ===== HEADER ===== */
.top-bar {
    background-color: var(--nutritiff-primary);
}

/* ===== PAGINACIÓN ===== */
.pagination li.active-page {
    background-color: var(--nutritiff-primary);
    color: #fff;
}

.pagination li a:hover {
    color: var(--nutritiff-primary);
}

/* ===== MODAL ===== */
.admin-modal {
    background: rgba(0,0,0,.45);
}

.admin-modal-content {
    border-top: 6px solid var(--nutritiff-primary);
}

.admin-close {
    color: var(--nutritiff-primary);
}

/* ===== INPUT FOCUS ===== */
input:focus, select:focus {
    border-color: var(--nutritiff-primary);
    box-shadow: 0 0 0 2px rgba(237,31,121,.15);
}

/* ===== TABLE ===== */
.wrap-admin-dash-table thead th {
    color: var(--nutritiff-primary);
}

/* ===== ICONOS ===== */
.fa {
    color: var(--nutritiff-primary);
}

/* ===== SESSION BAR ===== */
.admin-session-info button {
    background: var(--nutritiff-primary);
    border-radius: 6px;
    padding: 8px 16px;
}

.admin-session-info button:hover {
    background: var(--nutritiff-primary-dark);
}



