body {
            padding: 20px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .job-card {
            margin-bottom: 0;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            height: 100%;
            border: none !important;
            background: #1f2328;
        }
        .job-card > * {
            position: relative;
            z-index: 1;
        }
        .job-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        #jobsList {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }
        @media (max-width: 992px) {
            #jobsList {
                grid-template-columns: 1fr;
            }
        }
        .card-header {
            background-color: var(--surface-1);
            color: var(--text-color);
            font-weight: bold;
            flex-wrap: wrap;
            gap: 8px;
        }
        .job-card .card-body {
            color: #e5e7eb;
            background: #1f2328;
        }
        .job-card .card-body p,
        .job-card .card-body pre {
            color: #e5e7eb;
        }
        .job-card .card-body strong {
            color: #f8fafc;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .btn-edit {
            margin-right: 10px;
        }
        .alert {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            max-width: 400px;
        }
        .hidden {
            display: none;
        }
        pre {
            white-space: pre-wrap;
            word-wrap: break-word;
        }
        .summary-bar {
            background: var(--surface-1);
            border: 1px solid var(--border-color);
            border-radius: 10px;
            padding: 12px 16px;
            display: grid;
            gap: 8px;
        }
        .summary-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }
        .summary-label {
            color: var(--muted-text);
            font-weight: 600;
        }
        .summary-value {
            color: var(--text-color);
        }
        .dropdown-menu {
            background: var(--surface-1);
            border: 1px solid var(--border-color);
            color: var(--text-color);
            min-width: 260px;
        }
        .dropdown-menu .form-check-label {
            color: var(--text-color);
        }
        .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: var(--surface-2);
        }
    

    /* --- Monochrome Grey Theme Overrides (Neutral, high readability) --- */
    :root {
        --primary-color: #d1d5db;   /* light grey highlight */
        --info-color: #9ca3af;      /* neutral info */
        --light-bg: #121416;        /* page background */
        --secondary-color: #a0a4ab; /* legacy muted text var */
        --text-color: #e5e7eb;      /* primary text */
        --muted-text: #9aa0a6;      /* secondary text */
        --surface-0: #121416;       /* base */
        --surface-1: #1a1d21;       /* card */
        --surface-2: #22252a;       /* hover */
        --border-color: #2a2e34;    /* borders */
    }

    /* Flat dark grey background, no color tint */
    body { background: var(--light-bg); color: var(--text-color); }

    /* Navbar: solid neutral */
    .navbar { background: #1a1d21 !important; border-bottom: 1px solid var(--border-color); }
    .navbar .navbar-brand,
    .navbar .navbar-text,
    .navbar .nav-link { color: var(--text-color) !important; }

    /* Containers/cards neutralization */
    .crawl-id-container,
    .dashboard-tabs,
    .stat-card,
    .feature-card,
    .external-link-card,
    .regional-link-card {
        background: var(--surface-1);
        border-color: var(--border-color);
        box-shadow: none;
        color: var(--text-color);
    }

    /* Tabs in greyscale */
    .nav-tabs { background: var(--surface-0); border-bottom: 1px solid var(--border-color); box-shadow: inset 0 -1px 0 var(--border-color); }
    .nav-tabs .nav-link { color: var(--muted-text); }
    .nav-tabs .nav-link:hover { background-color: var(--surface-2); }
    .nav-tabs .nav-link.active { color: var(--text-color); background-color: var(--surface-1); }
    .nav-tabs .nav-link.active::after { background: #3a3c40; }

    /* Info text and icons */
    .dashboard-info { color: var(--muted-text); }
    .external-link-card h6,
    .regional-link-card h6,
    .stat-label { color: var(--muted-text); }
    .stat-number { color: var(--text-color); }
    .link-icon, .feature-icon { color: var(--text-color); }

    /* Frame area */
    .dashboard-frame { background: var(--surface-0); border-top: 1px solid var(--border-color); }

    /* Inputs */
    .form-control { background: var(--surface-0); color: var(--text-color); border-color: var(--border-color); }
    .form-control:focus { border-color: #b8bcc4; box-shadow: 0 0 0 0.2rem rgba(209, 213, 219, 0.15); }
    .form-control::placeholder { color: #8a8f98; }

    /* Buttons to neutral greys */
    .btn,
    .btn-load-dashboard,
    .btn-external-link,
    .btn-region-link {
        background: linear-gradient(135deg, #2b2d31, #3a3c40) !important;
        border: 1px solid #3a3c40 !important;
        color: #f3f4f6 !important;
    }
    .btn:hover,
    .btn-load-dashboard:hover,
    .btn-external-link:hover,
    .btn-region-link:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0,0,0,0.25); }

    /* External link card hover border (remove color accent) */
    .external-link-card:hover { border-color: #3a3c40; }

    /* Neutralize regional color accents */
    .regional-link-card.eu,
    .regional-link-card.us,
    .regional-link-card.in { border-left-color: #3a3c40; }
    .regional-link-card.eu .region-icon,
    .regional-link-card.us .region-icon,
    .regional-link-card.in .region-icon { color: #c9cdd3; }
    .regional-link-card.eu .btn-region-link,
    .regional-link-card.us .btn-region-link,
    .regional-link-card.in .btn-region-link { background: #3a3c40 !important; }
    .regional-link-card.eu .btn-region-link:hover,
    .regional-link-card.us .btn-region-link:hover,
    .regional-link-card.in .btn-region-link:hover { background: #474a51 !important; }

    /* Sticky tabs clipping and offset fix */
    .dashboard-tabs { overflow: visible; }
    .dashboard-tabs .nav-tabs { top: 56px; }

    /* Ensure helper text under Crawl ID is visible and spaced */
    .crawl-id-container .form-label { color: var(--text-color); }
    .crawl-id-container small,
    .crawl-id-container .form-text { color: var(--muted-text) !important; display: block; margin-top: 6px; }