/**
 * NIKOGREEN Real Estate — reference theme from real easte.html.
 * Loads LAST so this color wins over cached CSS.
 */
:root {
    --primary: #e63946 !important;
    --primary-dark: #c92f3b !important;
    --primary-light: #ff6b6b !important;
    --primary-muted: rgba(230, 57, 70, 0.14) !important;
    --secondary: #1d3557 !important;
    --secondary-dark: #152a45 !important;
    --accent: #ff6b6b !important;
    --dark: #1a1a1a !important;
    --dark-bg: #1d3557 !important;
    --dark-sidebar: #1d3557 !important;
    --light: #fdfdfd !important;
    --border: #eaeaea !important;
    --border-subtle: #e2e8f0 !important;
    --portal-brand: #e63946 !important;
    --portal-brand-dark: #c92f3b !important;
    --portal-brand-light: #fff0f1 !important;
    --shadow-sm: 0 1px 3px rgba(26, 26, 26, 0.06) !important;
    --shadow-md: 0 4px 14px rgba(29, 53, 87, 0.08) !important;
    --shadow-lg: 0 8px 24px rgba(29, 53, 87, 0.18) !important;
}

body {
    background: #fdfdfd !important;
}

.sidebar,
aside.sidebar,
#sidebar {
    background: linear-gradient(180deg, #1d3557 0%, #152a45 100%) !important;
    border-right: 1px solid rgba(230, 57, 70, 0.35) !important;
    box-shadow: 4px 0 24px rgba(29, 53, 87, 0.35) !important;
}

.sidebar .logo {
    border-bottom-color: rgba(230, 57, 70, 0.35) !important;
}

.sidebar .logo span,
.sidebar .logo-tagline,
.sidebar .logo i {
    color: #ff8a8f !important;
}

.sidebar .nav-link {
    color: #f1f5f9 !important;
}

.sidebar .nav-link:hover {
    background: rgba(230, 57, 70, 0.2) !important;
    color: #ffffff !important;
}

.sidebar .nav-link.active {
    background: rgba(230, 57, 70, 0.35) !important;
    color: #fff !important;
    border-left-color: #e63946 !important;
}

.sidebar .nav-link i,
.sidebar .nav-link.active i {
    color: #ff8a8f !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
    background: #e63946 !important;
    color: #ffffff !important;
    border-color: #e63946 !important;
    box-shadow: 0 2px 8px rgba(230, 57, 70, 0.3) !important;
}

.btn-primary:hover,
button.btn-primary:hover {
    background: #ff6b6b !important;
    color: #ffffff !important;
}

.btn-outline {
    color: #e63946 !important;
    border-color: #e63946 !important;
}

.main-content {
    background: #fdfdfd !important;
}

.header {
    border-color: #eaeaea !important;
}

.nav-badge {
    background: #e63946 !important;
    color: #ffffff !important;
}

.doc-category-tab.active,
.plot-filter-btn.active,
.client-dossier-tab.active,
.analytics-pill.active,
.exp-tab.active,
.layer-toggle.active,
.mgmt-tab.active {
    background: #e63946 !important;
    border-color: #e63946 !important;
    color: #ffffff !important;
}

.align-wizard-dot.active {
    background: #e63946 !important;
    color: #ffffff !important;
    border-color: #c92f3b !important;
}

/* High-contrast surfaces and the return path from the app to the public gateway. */
body,
.main-content,
.page-section,
.card,
.stat-card,
.header,
.table-container {
    color: #1a1a1a !important;
}

.header h1,
.header h2,
.header h3,
.card-title,
.stat-value,
.form-label,
.table-container th,
.table-container td,
.client-portal-title,
.portal-page-header h2,
.portal-page-header h3 {
    color: #1a1a1a !important;
}

.header .gateway-return {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    color: #e63946 !important;
    background: #ffffff !important;
    border: 1px solid #e63946 !important;
    white-space: nowrap;
}

.header .gateway-return:hover {
    color: #ffffff !important;
    background: #e63946 !important;
}

@media (max-width: 700px) {
    .header .gateway-return {
        order: -1;
    }
}