/* Auto-generated by habitat/scripts/generate_css.py - do not edit. */
/* Brand overrides for dashboard.db.company; loaded after main.css. */

:root {
    --brand-primary: #766cdd;
    --brand-secondary: #213794;
    --primary: #766cdd;
    --secondary: #213794;
}

/* dB Company (dashboard.db.company) brand overrides.
   Loaded after main.css (appended to the generated brand stylesheet by
   habitat/scripts/generate_css.py). Only declare what intentionally
   differs from main.css — everything else inherits, so main.css changes
   don't need to be mirrored here.

   Design spec colors:
     #161616 - Primary Neutral (text, borders, sidebar active)
     #d2d2fc - Graphic Elements & Segmentation (charts, table headers)
     #766cdd - Primary Action Buttons (set as --primary via DB)
     #213794 - Account Related Info & Settings (alerts)
     #c7efdf - Additional Color for Highlights & Information Separation */

:root {
    /* Pure white theme with neutral-black strokes */
    --black: #161616;
    --surface-base: #FFFFFF;
    --surface-container: #FFFFFF;
    --surface-elevated: #FFFFFF;
    --outline: #161616;
    --outline-light: #D0D0D0;

    /* Active/hover states: segmentation + highlight colors */
    --primary-active: #d2d2fc;
    --secondary-active: #c7efdf;
    --secondary-light: #c7efdf;

    /* Chart bars: segmentation color */
    --chart-secondary: #d2d2fc;
}

/* ================================================ */
/* dB Company - Pure white theme with black strokes */
/* ================================================ */

/* Cards: white background, black stroke, no shadow */
.card {
    border: 1px solid #161616 !important;
    box-shadow: none !important;
    background-color: #FFFFFF !important;
}
.card:hover {
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Buttons: solid, no gradient */
.btn-primary {
    background: #766cdd !important;
}
.account-settings-card .account-settings-btn {
    background: #213794 !important;
    border-color: #213794 !important;
    color: #FFFFFF !important;
}
.account-settings-card .account-settings-btn:hover,
.account-settings-card .account-settings-btn:focus-visible,
.account-settings-card .account-settings-btn:active {
    background: #213794 !important;
    border-color: #213794 !important;
    color: #FFFFFF !important;
}
.btn-outline-primary {
    border-color: #161616 !important;
    color: #161616 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus-visible,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: #161616 !important;
    border-color: #161616 !important;
    color: #FFFFFF !important;
}

/* Chart areas: white background, no gradient */
.chart-bars-container {
    background: #FFFFFF !important;
}
.chart-container {
    background: #FFFFFF !important;
}
.charts-card {
    background: #FFFFFF !important;
}

/* Chart bars: segmentation color */
.chart-bar {
    background: #d2d2fc !important;
}

/* Homepage card header icons: purple */
.charts-card .card-title-icon,
.alerts-card .card-title-icon,
.dashboard-card .card-title-icon {
    color: #766cdd !important;
}

/* Alerts card: no gradient */
.alerts-card {
    background: #FFFFFF !important;
}

/* Alert items: dark blue (#213794) per design spec */
.alert-item {
    background-color: #213794 !important;
    color: #FFFFFF !important;
    border-left: none !important;
}
.alert-item * {
    color: #FFFFFF !important;
}

/* Sidebar: white background with right border. dB's design is a squared,
   flush rail, so undo the floating-card viewport insets from main.css. */
.nav-rail {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-right: 1px solid #161616;
    border-radius: 0 !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
}
.account-nav-items {
    background-color: #FFFFFF !important;
}
@media (min-width: 769px) {
    .main-content-wrapper {
        margin-left: 280px !important;
    }
    html.sidebar-collapsed .main-content-wrapper {
        margin-left: 72px !important;
    }
}

/* dB logo sizing: smaller with preserved aspect ratio */
.sidebar-logo img[src*="dblogo"],
.accounts-logo img[src*="dblogo"] {
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 60px !important;
    object-fit: contain;
}

/* Active nav link: near-black background */
.nav-rail .nav-link.active {
    background-color: #161616 !important;
    color: #FFFFFF !important;
}

/* Nav hover: light purple segmentation color */
.nav-rail .nav-link:hover {
    background-color: #d2d2fc !important;
    color: #161616 !important;
}

/* Form controls: white background, black stroke, no shadow */
.form-control {
    background-color: #FFFFFF !important;
    border: 1px solid #161616 !important;
    box-shadow: none !important;
}
.form-control:hover {
    box-shadow: none !important;
    transform: none !important;
}
.form-control:focus {
    background-color: #FFFFFF !important;
    border-color: #766cdd !important;
    box-shadow: none !important;
    transform: none !important;
}
.form-control.search-form-control {
    background-color: #FFFFFF !important;
}
.form-control.search-form-control:focus {
    background-color: #FFFFFF !important;
}

/* Select inputs: white background, black stroke */
.form-select {
    background-color: #FFFFFF !important;
    border: 1px solid #161616 !important;
    box-shadow: none !important;
}
.form-select:hover {
    box-shadow: none !important;
    transform: none !important;
}
.form-select:focus {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Checkboxes: no shadow */
.form-check-input {
    box-shadow: none !important;
}

/* Table header: segmentation color */
.table thead {
    background: #d2d2fc !important;
}

/* Accordion: white background */
.accordion {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}
.accordion-item {
    background-color: #FFFFFF !important;
}
.accordion-button {
    background: #FFFFFF !important;
    color: #161616 !important;
}
.accordion-button:not(.collapsed) {
    background: #766cdd !important;
    color: #FFFFFF !important;
}

/* Breadcrumb active state: segmentation color */
.breadcrumb-item[aria-current="page"] > span {
    background-color: #d2d2fc !important;
}
.breadcrumb-item[aria-current="page"] a {
    background-color: #d2d2fc !important;
}

/* Search dropdown: white, black stroke */
#navbar-search-results .dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid #161616;
}

/* Mobile sidebar: match desktop styling */
@media (max-width: 768px) {
    .nav-rail {
        border-right: 1px solid #161616 !important;
        border-radius: 0 !important;
    }
}