// NACEF modern backend theme — replaces the default Odoo purple with a clean
// teal/emerald system. Plain CSS (valid SCSS) using !important so it reliably
// overrides the framework regardless of upstream SCSS variable names.

:root {
    --nacef-primary: #0d9488;      // teal-600
    --nacef-primary-d: #0f766e;    // teal-700
    --nacef-primary-l: #14b8a6;    // teal-500
    --nacef-ink: #0f172a;          // slate-900
    --nacef-muted: #64748b;        // slate-500
    --nacef-bg: #f1f5f9;           // slate-100
}

// ---- top navigation bar -------------------------------------------------
.o_main_navbar {
    background: linear-gradient(90deg, var(--nacef-primary-d), var(--nacef-primary)) !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .18) !important;

    .o_menu_brand,
    .o_nav_entry,
    .dropdown-toggle,
    > ul > li > a {
        color: rgba(255, 255, 255, .92) !important;
        font-weight: 500;
    }
    .o_menu_brand { font-weight: 700; letter-spacing: .2px; }

    .o_nav_entry:hover,
    .dropdown-toggle:hover,
    .show > .dropdown-toggle {
        background: rgba(255, 255, 255, .14) !important;
        border-radius: 8px;
    }
}

// app-drawer accent
.o_menu_apps .dropdown-menu .o_app:hover { background: var(--nacef-bg) !important; }

// ---- primary buttons & links --------------------------------------------
.btn-primary {
    background-color: var(--nacef-primary) !important;
    border-color: var(--nacef-primary) !important;
    border-radius: 8px !important;
    &:hover, &:focus, &:active {
        background-color: var(--nacef-primary-d) !important;
        border-color: var(--nacef-primary-d) !important;
    }
}
.btn-secondary { border-radius: 8px !important; }

.btn-link, a:not(.btn) { color: var(--nacef-primary-d); }
.o_form_view .o_horizontal_separator,
.o_form_view .oe_title h1 { color: var(--nacef-ink); }

// ---- status bar / badges ------------------------------------------------
.o_statusbar_status .btn.o_arrow_button.btn-primary,
.o_field_widget.o_field_badge .badge {
    background-color: var(--nacef-primary) !important;
    border-color: var(--nacef-primary) !important;
}

// ---- list / form polish -------------------------------------------------
.o_content { background: var(--nacef-bg); }
.o_form_sheet_bg .o_form_sheet {
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06) !important;
    border: 1px solid #e2e8f0 !important;
}
.o_list_view .o_list_table thead th { color: var(--nacef-muted); }
.o_list_view .o_data_row.o_row_selected { background: rgba(13, 148, 136, .06) !important; }

// control-plane / NACEF menus keep the same accent for active items
.o_menu_sections .o_nav_entry.active,
.o_menu_sections .dropdown-item.active { color: var(--nacef-primary-d) !important; }

// ---- company home KPI dashboard ----------------------------------------
.o_nacef_home {
    .o_form_sheet { max-width: 1200px; background: transparent !important;
        border: 0 !important; box-shadow: none !important; }
    h1 { font-weight: 700; color: var(--nacef-ink); }
}
.o_nacef_tile {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-left: 5px solid var(--nacef-muted);
    border-radius: 14px;
    padding: 18px 18px 16px;
    height: 100%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 24px rgba(15, 23, 42, .05);
    transition: transform .12s ease, box-shadow .12s ease;

    &:hover { transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(15, 23, 42, .10); }

    .o_nacef_tile_label {
        text-transform: uppercase; letter-spacing: .04em;
        font-size: .72rem; font-weight: 600; color: var(--nacef-muted);
    }
    .o_nacef_tile_value {
        font-size: 2rem; font-weight: 800; line-height: 1.15;
        color: var(--nacef-ink); margin-top: 4px;
        .o_field_widget { font-size: inherit; font-weight: inherit; }
    }
    .o_nacef_tile_value--sm { font-size: 1.25rem; }
    .o_nacef_tile_sub { font-size: .8rem; color: var(--nacef-muted); margin-top: 2px; }

    &--primary { border-left-color: var(--nacef-primary);
        .o_nacef_tile_value { color: var(--nacef-primary-d); } }
    &--ok { border-left-color: #16a34a; }
    &--warning { border-left-color: #d97706; background: #fffbeb; }
    &--danger { border-left-color: #dc2626; background: #fef2f2;
        .o_nacef_tile_value { color: #b91c1c; } }
}