.value-card {
            border-radius: 20px;
            border: 1px solid var(--outline-variant);
            background: var(--surface-container);
            padding: 2rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            height: 100%;
        }
        .value-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 16px 32px rgba(0,0,0,0.15);
            border-color: rgba(var(--bitoze-primary-rgb), 0.4);
        }
        .value-icon {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            background: linear-gradient(135deg, rgba(72,221,189,0.15), rgba(59,130,246,0.1));
            color: var(--bitoze-primary);
        }

        /* Filter chips */
        .filter-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.45rem 1rem;
            border-radius: 50rem;
            border: 1px solid var(--outline-variant);
            background: var(--surface-container);
            font-size: 0.84rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.22s ease;
            user-select: none;
        }
        .filter-chip:hover { border-color: var(--bitoze-primary); color: var(--bitoze-primary); }
        .filter-chip.active { background: var(--bitoze-primary); border-color: var(--bitoze-primary); color: #000; }

        /* Job listing card */
        .job-card {
            border-radius: 16px;
            border: 1px solid var(--outline-variant);
            background: var(--glass-bg);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 1.75rem 2rem;
            transition: all 0.25s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            cursor: pointer;
            text-decoration: none !important;
        }
        .job-card:hover {
            transform: translateX(6px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.15);
            border-color: rgba(var(--bitoze-primary-rgb), 0.5);
            background: var(--surface-container-highest);
        }
        .job-card:hover .job-title {
            color: var(--bitoze-primary);
        }
        .job-card:hover .job-arrow {
            transform: translateX(4px);
            color: var(--bitoze-primary);
        }
        .job-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--on-surface);
            margin-bottom: 0.4rem;
            transition: color 0.2s ease;
        }
        .job-meta-tag {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.85rem;
            color: var(--on-surface-variant);
            background: rgba(var(--bs-surface-variant-rgb), 0.3);
            padding: 0.25rem 0.6rem;
            border-radius: 6px;
        }
        .job-arrow {
            color: var(--on-surface-variant);
            transition: transform 0.2s ease, color 0.2s ease;
        }

        @media (max-width: 767.98px) {
            .job-card {
                flex-direction: column;
                align-items: flex-start;
                padding: 1.5rem;
            }
            .job-card .d-flex.align-items-center {
                width: 100%;
                justify-content: space-between;
            }
        }

        /* ── Job Search Dropdown ────────────────── */
        .jobs-search-wrap {
            position: relative;
            max-width: 500px;
            width: 100%;
            z-index: 500;  /* sit above job cards */
        }
        .jobs-search-wrap .search-icon {
            position: absolute;
            left: 1.1rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--on-surface-variant);
            font-size: 1.2rem;
            pointer-events: none;
            transition: color 0.22s;
            z-index: 2;
        }
        .jobs-search-wrap:focus-within .search-icon { color: var(--bitoze-primary); }
        #jobs-search {
            width: 100%;
            padding: 0.75rem 2.8rem 0.75rem 3rem;
            border-radius: 50rem;   /* always a full pill */
            border: 1px solid var(--outline-variant);
            background: var(--glass-bg);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            color: var(--on-surface);
            font-size: 0.92rem;
            outline: none;
            transition: border-color 0.25s, box-shadow 0.25s;
        }
        #jobs-search::placeholder { color: var(--on-surface-variant); }
        #jobs-search:focus {
            border-color: var(--bitoze-primary);
            box-shadow: 0 0 0 3px rgba(var(--bitoze-primary-rgb), 0.18);
        }
        .jobs-search-clear {
            position: absolute;
            right: 0.9rem;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: var(--on-surface-variant);
            cursor: pointer;
            display: none;
            padding: 0.15rem;
            line-height: 1;
            transition: color 0.2s;
            z-index: 2;
        }
        .jobs-search-clear:hover { color: var(--on-surface); }

        /* Dropdown panel */
        .jobs-search-dropdown {
            display: none;
            position: absolute;
            top: calc(100% + 6px);   /* small gap so pill stays intact */
            left: 0;
            right: 0;
            background: var(--surface-container-highest, #1e2030);
            border: 1px solid rgba(var(--bitoze-primary-rgb), 0.6);
            border-radius: 16px;     /* fully rounded on all four corners */
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 16px 40px rgba(0,0,0,0.35);
            overflow: hidden;
            z-index: 1050;
            max-height: 340px;
            overflow-y: auto;
        }
        .jobs-search-dropdown.open { display: block; }
        .jobs-search-result {
            display: flex;
            align-items: center;
            gap: 0.85rem;
            padding: 0.85rem 1.25rem;
            text-decoration: none;
            color: var(--on-surface);
            border-bottom: 1px solid var(--outline-variant);
            transition: background 0.18s;
        }
        .jobs-search-result:last-child { border-bottom: none; }
        .jobs-search-result:hover,
        .jobs-search-result.focused { background: rgba(var(--bitoze-primary-rgb), 0.1); }
        .jobs-search-result:hover .jsr-title,
        .jobs-search-result.focused .jsr-title { color: var(--bitoze-primary); }
        .jsr-icon {
            flex-shrink: 0;
            width: 36px; height: 36px;
            border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(var(--bitoze-primary-rgb), 0.1);
        }
        .jsr-icon .material-symbols-outlined { font-size: 1.1rem; color: var(--bitoze-primary); }
        .jsr-title {
            font-weight: 600;
            font-size: 0.88rem;
            color: var(--on-surface);
            transition: color 0.18s;
            flex-grow: 1;
        }
        .jsr-dept {
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--on-surface-variant);
            margin-top: 0.12rem;
        }
        .jobs-search-no-match {
            padding: 1.1rem 1.25rem;
            font-size: 0.88rem;
            color: var(--on-surface-variant);
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }
        /* Card highlight pulse */
        @keyframes job-pulse {
            0%   { box-shadow: 0 0 0 0   rgba(var(--bitoze-primary-rgb), 0.6); }
            50%  { box-shadow: 0 0 0 8px rgba(var(--bitoze-primary-rgb), 0.18); }
            100% { box-shadow: 0 0 0 0   rgba(var(--bitoze-primary-rgb), 0); }
        }
        .job-highlight { animation: job-pulse 0.9s ease-out; }

        /* ============================================================
           COPY FROM HERE — Odoo 19 Job Search — Digital Aurora Theme
           Paste into your Odoo module's CSS file
           ============================================================ */

        /* ── Shared / structure (both modes) ─────────────────────── */
        .o_jobs_topbar_search_bar {
            position: relative;
            z-index: 500;
        }
        .o_jobs_topbar_search_bar .input-group {
            border-radius: 50rem;
            overflow: hidden;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            transition: border-color 0.25s, box-shadow 0.25s;
        }
        .o_jobs_topbar_search_bar .input-group:focus-within {
            border-color: #48ddbd !important;
            box-shadow: 0 0 0 3px rgba(72,221,189,0.18) !important;
        }
        .o_jobs_topbar_search_bar .oe_search_box {
            background: transparent !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            font-size: 0.94rem;
            font-weight: 500;
            padding: 0.7rem 0.5rem 0.7rem 1.25rem;
        }
        .o_jobs_topbar_search_bar .oe_search_box::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }
        .o_jobs_topbar_search_bar .oe_search_button {
            background: transparent !important;
            border: none !important;
            padding: 0.7rem 1.1rem;
            transition: color 0.22s;
        }
        .o_jobs_topbar_search_bar .input-group:focus-within .oe_search_button,
        .o_jobs_topbar_search_bar .oe_search_button:hover {
            color: #48ddbd !important;
            background: transparent !important;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu {
            position: absolute !important;
            top: calc(100% + 6px) !important;
            left: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            border: 1.5px solid rgba(72,221,189,0.5) !important;
            border-radius: 16px !important;
            backdrop-filter: blur(22px) !important;
            -webkit-backdrop-filter: blur(22px) !important;
            overflow: hidden !important;
            z-index: 1050 !important;
            padding: 0.35rem 0 !important;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item {
            padding: 0.75rem 1.1rem !important;
            transition: background 0.18s;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:last-child {
            border-bottom: none !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item {
            gap: 0.85rem;
            flex-wrap: nowrap !important;
            align-items: center !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item .fa-briefcase,
        .o_jobs_topbar_search_bar .o_search_result_item .o_image_64_contain {
            font-size: 1.3rem !important;
            width: 38px !important;
            height: 38px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0;
            border-radius: 10px;
            background: rgba(72,221,189,0.12);
            color: #48ddbd !important;
            padding: 0 !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item_detail .h6 {
            font-size: 0.88rem !important;
            font-weight: 700 !important;
            margin-bottom: 0.2rem !important;
            line-height: 1.3;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:hover .h6,
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:focus .h6 {
            color: #48ddbd !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item_detail p {
            font-size: 0.77rem !important;
            margin-bottom: 0 !important;
            line-height: 1.5;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .o_jobs_topbar_search_bar .text-primary-emphasis {
            color: #48ddbd !important;
            font-weight: 700;
        }

        /* ── LIGHT MODE (default) ─────────────────────────────────── */
        .o_jobs_topbar_search_bar .input-group {
            border: 1.5px solid rgba(0,0,0,0.12);
            background: rgba(255,255,255,0.85);
        }
        .o_jobs_topbar_search_bar .oe_search_box {
            color: #1a1d2e !important;
        }
        .o_jobs_topbar_search_bar .oe_search_box::placeholder {
            color: rgba(26,29,46,0.45);
        }
        .o_jobs_topbar_search_bar .oe_search_button {
            color: rgba(26,29,46,0.45) !important;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu {
            background: rgba(255,255,255,0.97) !important;
            box-shadow: 0 12px 36px rgba(0,0,0,0.12) !important;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item {
            border-bottom: 1px solid rgba(0,0,0,0.07);
            color: #1a1d2e !important;
        }
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:hover,
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:focus,
        .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item.active {
            background: rgba(72,221,189,0.10) !important;
            color: #1a1d2e !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item_detail .h6 {
            color: #1a1d2e !important;
        }
        .o_jobs_topbar_search_bar .o_search_result_item_detail p {
            color: rgba(26,29,46,0.55) !important;
        }

        /* ── DARK MODE ────────────────────────────────────────────── */
        /* Odoo 19 sets data-bs-theme="dark" on <html> in dark mode   */
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .input-group,
        .o_dark_mode .o_jobs_topbar_search_bar .input-group {
            border: 1.5px solid rgba(255,255,255,0.12);
            background: rgba(20, 22, 35, 0.72);
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .oe_search_box,
        .o_dark_mode .o_jobs_topbar_search_bar .oe_search_box {
            color: #e2e8f0 !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .oe_search_box::placeholder,
        .o_dark_mode .o_jobs_topbar_search_bar .oe_search_box::placeholder {
            color: rgba(226,232,240,0.45);
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .oe_search_button,
        .o_dark_mode .o_jobs_topbar_search_bar .oe_search_button {
            color: rgba(226,232,240,0.45) !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu {
            background: rgba(20, 22, 35, 0.96) !important;
            box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item {
            border-bottom: 1px solid rgba(255,255,255,0.08);
            color: #e2e8f0 !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:hover,
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:focus,
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item.active,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:hover,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item:focus {
            background: rgba(72,221,189,0.10) !important;
            color: #e2e8f0 !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_search_result_item_detail .h6,
        .o_dark_mode .o_jobs_topbar_search_bar .o_search_result_item_detail .h6 {
            color: #e2e8f0 !important;
        }
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_search_result_item_detail p,
        .o_dark_mode .o_jobs_topbar_search_bar .o_search_result_item_detail p {
            color: rgba(226,232,240,0.55) !important;
        }

        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item-text,
        [data-bs-theme="dark"] .o_jobs_topbar_search_bar .o_dropdown_menu .text-muted,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu .dropdown-item-text,
        .o_dark_mode .o_jobs_topbar_search_bar .o_dropdown_menu .text-muted {
            color: rgba(226,232,240,0.55) !important;
        }