/*
 * Havyn Brand Override for SmartPM
 * Colors: Navy (#0f1d2f), White (#ffffff), Gold (#d4a84b)
 * Neutrals: #f8f9fb, #e5e7eb, #6b7280, #1e293b
 */

/* ===== Sidebar ===== */
.sidebar:after {
    background: #0f1d2f !important;
    background: -webkit-linear-gradient(top, #162a45 0%, #0a1420 100%) !important;
    background: linear-gradient(to bottom, #162a45 0%, #0a1420 100%) !important;
    opacity: 1 !important;
}

.sidebar:before {
    background: #0f1d2f !important;
    opacity: 0.15 !important;
}

.sidebar .nav li > a {
    color: #c8d1dc !important;
}

.sidebar .nav li > a:hover,
.sidebar .nav li > a:focus {
    background: rgba(212, 168, 75, 0.1) !important;
    color: #ffffff !important;
}

.sidebar .nav li.active > a {
    color: #d4a84b !important;
    background: rgba(212, 168, 75, 0.12) !important;
}

.sidebar .nav li.active > a i {
    color: #d4a84b !important;
}

.sidebar .nav li > a i {
    color: #8899ab !important;
}

.sidebar .nav li > a:hover i {
    color: #d4a84b !important;
}

.sidebar .sidebar-wrapper {
    z-index: 4;
    position: relative;
}

/* ===== Havyn Logo ===== */
.havyn-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.havyn-logo-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #d4a84b, #c4963f);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 2px 8px rgba(212, 168, 75, 0.3);
}

.havyn-logo-text {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.3px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.havyn-logo-badge {
    font-size: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.7);
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.havyn-sidebar-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 12px 16px !important;
}

/* ===== Top Navbar ===== */
#topnav,
.navbar-default {
    background: #0f1d2f !important;
    border-bottom: 1px solid rgba(212, 168, 75, 0.15) !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}

/* ===== Auth / Login Page ===== */
.havyn-header {
    background: transparent !important;
}

body {
    background: #f8f9fb !important;
}

.auth-form,
.content {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(15, 29, 47, 0.08) !important;
}

.auth-form .btn-secondary,
.content .btn-secondary {
    background-color: #0f1d2f !important;
    border-color: #0f1d2f !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 8px 24px !important;
    transition: all 0.2s ease !important;
}

.auth-form .btn-secondary:hover,
.content .btn-secondary:hover {
    background-color: #1a2d45 !important;
    border-color: #d4a84b !important;
    box-shadow: 0 2px 8px rgba(212, 168, 75, 0.2) !important;
}

.title_name {
    color: #1e293b !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.title_name hr {
    border-color: #e5e7eb !important;
}

.auth-form a,
.content a {
    color: #d4a84b !important;
}

.auth-form a:hover,
.content a:hover {
    color: #c4963f !important;
}

/* ===== Cards & Selections ===== */
.select-company:hover,
.debit-card:hover {
    background-color: #0f1d2f !important;
    border-color: #d4a84b !important;
}

.chec-radio input[type="radio"]:checked + div {
    background-color: #0f1d2f !important;
    border-color: #d4a84b !important;
}

.card-check input[type="radio"]:checked + div {
    background-color: #0f1d2f !important;
    border-color: #d4a84b !important;
}

/* ===== Buttons (global) ===== */
.btn-info {
    background-color: #0f1d2f !important;
    border-color: #0f1d2f !important;
}

.btn-info:hover {
    background-color: #1a2d45 !important;
}

.btn-fill {
    background-color: #0f1d2f !important;
    border-color: #0f1d2f !important;
}

.btn-fill:hover {
    background-color: #1a2d45 !important;
}

/* ===== Alerts & Badges ===== */
.alert-success {
    background-color: #0f1d2f !important;
}

.badge {
    background-color: #d4a84b !important;
    color: #0f1d2f !important;
}

/* ===== Signup Steps ===== */
#signup-step li.active,
#invoice-list li.active {
    background-color: #0f1d2f !important;
}

#signup-step li,
#invoice-list li {
    border-color: #0f1d2f !important;
    color: #0f1d2f !important;
}

/* ===== Misc ===== */
a {
    color: #0f1d2f;
}

a:hover {
    color: #d4a84b;
}

.card .header .title {
    color: #0f1d2f !important;
}