/* ============================================================
   WorkDu Candidate Panel — Naukri-inspired theme
   Scoped to  body.naukri-candidate  so it never leaks elsewhere.
   Linked LAST in <head> so it wins overrides.
   ============================================================ */

/* ---------- Design tokens ---------- */
body.naukri-candidate {
    --nk-blue:        #1875e5;
    --nk-blue-600:    #1461c7;
    --nk-blue-700:    #0d47a1;
    --nk-blue-tint:   #eaf2fe;
    --nk-blue-tint-2: #f4f8fe;
    --nk-navy:        #0b3a82;
    --nk-ink:         #1f2533;
    --nk-body:        #454a5f;
    --nk-muted:       #8b8fa3;
    --nk-line:        #e7e9ee;
    --nk-line-soft:   #eef0f4;
    --nk-bg:          #f6f7fb;
    --nk-card:        #ffffff;
    --nk-chip-bg:     #eef1f6;
    --nk-chip-ink:    #4b5163;
    --nk-star:        #ffab00;
    --nk-green:       #12805c;
    --nk-green-bg:    #e7f7f0;
    --nk-radius:      14px;
    --nk-radius-sm:   10px;
    --nk-shadow:      0 1px 2px rgba(16,24,40,.05);
    --nk-shadow-md:   0 10px 28px rgba(16,24,40,.10);
    --nk-font: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Base / page ---------- */
body.naukri-candidate { background: var(--nk-bg) !important; font-family: var(--nk-font); color: var(--nk-body); -webkit-font-smoothing: antialiased; }
body.naukri-candidate .dashboard-wrapper { padding-top: 22px; padding-bottom: 40px; }
body.naukri-candidate .dashboard-right { min-width: 0; }
body.naukri-candidate ::selection { background: var(--nk-blue); color: #fff; }
body.naukri-candidate ::-moz-selection { background: var(--nk-blue); color: #fff; }
body.naukri-candidate h1, body.naukri-candidate h2, body.naukri-candidate h3,
body.naukri-candidate h4, body.naukri-candidate h5 { color: var(--nk-ink); font-family: var(--nk-font); }
body.naukri-candidate a { text-decoration: none; }
body.naukri-candidate .wd-filter-list::-webkit-scrollbar { width: 8px; height: 8px; }
body.naukri-candidate .wd-filter-list::-webkit-scrollbar-thumb { background: #d3d8e2; border-radius: 8px; }

/* =========================================================
   SIDEBAR — Naukri blue
   ========================================================= */
body.naukri-candidate .d-sidebar {
    background: linear-gradient(185deg, var(--nk-blue-700) 0%, #1257b8 52%, var(--nk-blue) 100%) !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(13,71,161,.20) !important;
    padding: 18px 14px !important;
}
body.naukri-candidate .sidebar-logo { padding: 4px 8px 14px; margin-bottom: 6px; border-bottom: 1px solid #e0dfdc; }
body.naukri-candidate .sidebar-logo-img { max-height: 30px; }
body.naukri-candidate .sidebar-profile-section { padding: 14px 6px 16px; border-bottom: 1px solid #e0dfdc; margin-bottom: 12px; }
body.naukri-candidate .sidebar-profile-avatar,
body.naukri-candidate .avatar-fallback { border: 3px solid rgba(255,255,255,.30) !important; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
body.naukri-candidate .avatar-fallback { background: #ffffff !important; color: var(--nk-blue) !important; font-weight: 800 !important; }
body.naukri-candidate .sidebar-profile-name { font-weight: 700 !important; letter-spacing:.2px; }
body.naukri-candidate .sidebar-profile-stars i { color: var(--nk-star) !important; }
body.naukri-candidate .sidebar-nav-label { color: rgba(0,0,0,.55) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; }
body.naukri-candidate .d-sidebar .sidebar-menu li a {
    color: rgba(255,255,255,.86) !important; border-radius: 10px !important; font-weight: 500 !important; margin: 2px 0 !important;
    transition: background .18s, color .18s, transform .18s !important;
}
body.naukri-candidate .d-sidebar .sidebar-menu li a .button-icon,
body.naukri-candidate .d-sidebar .sidebar-menu li a .button-icon i { color: rgba(0,0,0,.6) !important; }
body.naukri-candidate .d-sidebar .sidebar-menu li a:hover { background: #f4f2ee !important; color: rgba(0,0,0,.9) !important; }
body.naukri-candidate .d-sidebar .sidebar-menu li a.active { background: #eaf2fb !important; color: #0a66c2 !important; font-weight: 700 !important; box-shadow: none; }
body.naukri-candidate .d-sidebar .sidebar-menu li a.active .button-icon,
body.naukri-candidate .d-sidebar .sidebar-menu li a.active .button-icon i,
body.naukri-candidate .d-sidebar .sidebar-menu li a.active .button-text { color: #0a66c2 !important; }
body.naukri-candidate .d-sidebar .sidebar-menu li a.logout-link { color: #b24020 !important; }
body.naukri-candidate .d-sidebar .sidebar-menu li a.logout-link:hover { background: rgba(178,64,32,.08) !important; color:#b24020 !important; }
body.naukri-candidate .sidebar-collapse-btn { background: #f4f2ee !important; color:rgba(0,0,0,.7) !important; border:none !important; }

/* ---- Grouped nav dropdowns (Resume Management / Job Activities) ----
   These toggles are <button>s, not `.sidebar-menu li a`, so they never picked
   up the white-on-blue nav colours and fell back to the old dark-dashboard
   tokens (#b0c5e0 text, #1a3352 hover) — grey labels on the blue sidebar. */
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle {
    color: rgba(255,255,255,.86) !important;
    background: transparent !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    margin: 2px 0 !important;
    transition: background .18s, color .18s, transform .18s !important;
}
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle i,
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle .button-icon,
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle .button-icon i,
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle .button-text { color: inherit !important; }
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle:hover,
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle:focus-visible {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
}
body.naukri-candidate .d-sidebar .sidebar-dropdown.is-open > .sidebar-dropdown-toggle,
body.naukri-candidate .d-sidebar .sidebar-dropdown-toggle.has-active {
    color: #fff !important;
    font-weight: 600 !important;
}
body.naukri-candidate .d-sidebar .sidebar-dropdown-arrow { opacity: .75; }
body.naukri-candidate .d-sidebar .sidebar-dropdown.is-open > .sidebar-dropdown-toggle .sidebar-dropdown-arrow { opacity: 1; }
body.naukri-candidate .d-sidebar .sidebar-dropdown-menu { border-left: 1px solid #e0dfdc !important; }

/* =========================================================
   BUTTONS
   ========================================================= */
body.naukri-candidate .btn-primary,
body.naukri-candidate .cd-btn-white,
body.naukri-candidate .cd-btn-light,
body.naukri-candidate .wd-apply-btn,
body.naukri-candidate .wd-search-btn,
body.naukri-candidate .workdu-apply-btn {
    background: var(--nk-blue) !important; border: 1px solid var(--nk-blue) !important; color: #fff !important;
    font-weight: 700 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(24,117,229,.22) !important;
    transition: background .18s, box-shadow .18s, transform .06s !important;
}
body.naukri-candidate .btn-primary:hover,
body.naukri-candidate .cd-btn-white:hover,
body.naukri-candidate .cd-btn-light:hover,
body.naukri-candidate .wd-apply-btn:hover,
body.naukri-candidate .wd-search-btn:hover,
body.naukri-candidate .workdu-apply-btn:hover {
    background: var(--nk-blue-600) !important; border-color: var(--nk-blue-600) !important;
    box-shadow: 0 6px 16px rgba(24,117,229,.30) !important; color:#fff !important;
}
body.naukri-candidate .btn-primary:active,
body.naukri-candidate .wd-apply-btn:active { transform: translateY(1px); }
body.naukri-candidate .btn-outline-primary,
body.naukri-candidate .wd-outline-btn { background:#fff !important; color: var(--nk-blue) !important; border: 1.5px solid var(--nk-blue) !important; border-radius:10px !important; font-weight:700 !important; }
body.naukri-candidate .btn-outline-primary:hover,
body.naukri-candidate .wd-outline-btn:hover { background: var(--nk-blue-tint) !important; }

/* =========================================================
   CHIPS / TAGS
   ========================================================= */
body.naukri-candidate .wd-tag,
body.naukri-candidate .jl-chip,
body.naukri-candidate .badge-soft {
    background: var(--nk-chip-bg) !important; color: var(--nk-chip-ink) !important; border: none !important;
    border-radius: 20px !important; font-weight: 600 !important; font-size: 12px !important; padding: 5px 12px !important;
}
body.naukri-candidate .wd-tag--remote { background: var(--nk-blue-tint) !important; color: var(--nk-blue-600) !important; }
body.naukri-candidate .wd-applied { background: var(--nk-green-bg) !important; color: var(--nk-green) !important; border-radius: 20px !important; font-weight: 700 !important; padding: 8px 14px !important; display:inline-flex; align-items:center; gap:6px; }

/* =========================================================
   SEARCH HERO STRIP
   ========================================================= */
body.naukri-candidate .wd-search-strip {
    background: #fff !important; border: 1px solid var(--nk-line) !important; border-radius: 16px !important;
    box-shadow: var(--nk-shadow) !important; padding: 12px !important; margin-bottom: 16px; position: static !important;
}
body.naukri-candidate .wd-search-inner { gap: 10px !important; background: transparent !important; border: none !important; }
body.naukri-candidate .wd-search-field { background: var(--nk-bg) !important; border: 1.5px solid var(--nk-line) !important; border-radius: 10px !important; transition: border-color .18s, box-shadow .18s; }
body.naukri-candidate .wd-search-field:focus-within { border-color: var(--nk-blue) !important; box-shadow: 0 0 0 3px rgba(24,117,229,.12) !important; background:#fff !important; }
body.naukri-candidate .wd-search-field:first-child,
body.naukri-candidate .wd-search-field--loc { border-radius: 10px !important; }
body.naukri-candidate .wd-search-field i { color: var(--nk-blue) !important; }
body.naukri-candidate .wd-search-btn { border-radius: 10px !important; padding: 0 26px !important; font-weight: 700 !important; }
body.naukri-candidate .wd-search-strip input,
body.naukri-candidate .wd-search-field input { border: none !important; background: transparent !important; box-shadow: none !important; }

/* =========================================================
   TABS + source tabs
   ========================================================= */
body.naukri-candidate .wd-tabs-bar { border-bottom: 1px solid var(--nk-line) !important; gap: 6px !important; margin-bottom: 14px; }
body.naukri-candidate .wd-tab { color: var(--nk-muted) !important; font-weight: 600 !important; border: none !important; border-bottom: 3px solid transparent !important; padding: 10px 14px !important; border-radius: 8px 8px 0 0 !important; }
body.naukri-candidate .wd-tab:hover { color: var(--nk-blue) !important; background: var(--nk-blue-tint-2) !important; }
body.naukri-candidate .wd-tab--active { color: var(--nk-blue) !important; border-bottom-color: var(--nk-blue) !important; background: transparent !important; }
body.naukri-candidate .wd-source-tab { border-radius: 20px !important; border:1px solid var(--nk-line) !important; background:#fff !important; color: var(--nk-body) !important; font-weight:600 !important; padding:5px 14px !important; }
body.naukri-candidate .wd-source-tab.active { background: var(--nk-blue) !important; border-color: var(--nk-blue) !important; color:#fff !important; }

/* =========================================================
   RESULTS BAR + SORT + VIEW TOGGLE
   ========================================================= */
body.naukri-candidate .wd-results-bar { background:#fff !important; border:1px solid var(--nk-line) !important; border-radius: 12px !important; padding: 10px 14px !important; margin-bottom: 14px; }
body.naukri-candidate .wd-results-count { color: var(--nk-ink) !important; font-weight: 700 !important; }
body.naukri-candidate .wd-results-count b, body.naukri-candidate .wd-results-count strong { color: var(--nk-blue) !important; }
body.naukri-candidate .wd-view-toggle { background: var(--nk-bg) !important; border:1px solid var(--nk-line) !important; border-radius: 10px !important; padding:3px !important; }
body.naukri-candidate .wd-view-btn { border-radius: 8px !important; color: var(--nk-muted) !important; }
body.naukri-candidate .wd-view-btn.active { background:#fff !important; color: var(--nk-blue) !important; box-shadow: var(--nk-shadow) !important; }

/* =========================================================
   FILTER PANEL
   ========================================================= */
body.naukri-candidate .wd-filter-card { background:#fff !important; border:1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important; box-shadow: var(--nk-shadow) !important; overflow: hidden; }
body.naukri-candidate .wd-filter-head { background:#fff !important; border-bottom:1px solid var(--nk-line-soft) !important; font-weight: 800 !important; color: var(--nk-ink) !important; letter-spacing:.02em; }
body.naukri-candidate .wd-filter-head .clear,
body.naukri-candidate .wd-filter-head a { color: var(--nk-blue) !important; font-weight:700 !important; }
body.naukri-candidate .wd-filter-card details > summary,
body.naukri-candidate .wd-filter-card .filter-section-title { font-weight: 700 !important; color: var(--nk-ink) !important; letter-spacing: .04em; font-size: 12px; text-transform: uppercase; }
body.naukri-candidate .wd-filter-search input { border:1.5px solid var(--nk-line) !important; border-radius: 8px !important; background: var(--nk-bg) !important; }
body.naukri-candidate .wd-filter-search input:focus { border-color: var(--nk-blue) !important; background:#fff !important; }
body.naukri-candidate .wd-check { color: var(--nk-body) !important; font-size: 13.5px !important; }
body.naukri-candidate .wd-check input[type=checkbox] { accent-color: var(--nk-blue); width: 16px; height: 16px; border-radius: 4px; }
body.naukri-candidate .wd-check:hover { color: var(--nk-ink) !important; }
body.naukri-candidate .wd-apply-filter { background: var(--nk-blue) !important; color:#fff !important; border-radius: 10px !important; font-weight:700 !important; }

/* =========================================================
   JOB CARD (centrepiece)
   ========================================================= */
body.naukri-candidate .wd-results { gap: 14px !important; }
body.naukri-candidate article.wd-job-row {
    background: var(--nk-card) !important; border: 1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important;
    box-shadow: var(--nk-shadow) !important; padding: 18px 20px !important;
    transition: border-color .18s, box-shadow .2s, transform .2s !important;
}
body.naukri-candidate article.wd-job-row:first-child,
body.naukri-candidate article.wd-job-row:last-child { border-radius: var(--nk-radius) !important; border-top: 1px solid var(--nk-line) !important; }
body.naukri-candidate article.wd-job-row:hover { border-color: #c9d6ee !important; box-shadow: var(--nk-shadow-md) !important; transform: translateY(-2px); }
body.naukri-candidate .wd-job-row__logo,
body.naukri-candidate .wd-job-row__logo-initial { border: 1px solid var(--nk-line) !important; border-radius: 50% !important; background:#fff !important; }
body.naukri-candidate .wd-job-row__title,
body.naukri-candidate .wd-job-row h3, body.naukri-candidate .wd-job-row h4 { color: var(--nk-ink) !important; font-weight: 700 !important; font-size: 16px !important; line-height:1.3; }
body.naukri-candidate .wd-job-row__title:hover { color: var(--nk-blue) !important; }
body.naukri-candidate .wd-job-row__company { color: var(--nk-body) !important; font-weight: 500 !important; }
body.naukri-candidate .wd-job-row__meta,
body.naukri-candidate .wd-job-row__meta span { color: #5b6172 !important; font-size: 13px !important; }
body.naukri-candidate .wd-job-row__meta i { color: var(--nk-muted) !important; }
body.naukri-candidate .wd-job-row__foot { border-top: 1px dashed var(--nk-line) !important; padding-top: 12px !important; margin-top: auto !important; }
body.naukri-candidate .wd-posted { color: var(--nk-muted) !important; font-size: 12.5px !important; }
body.naukri-candidate .wd-job-row .rating,
body.naukri-candidate .wd-job-row .stars i { color: var(--nk-star) !important; }
body.naukri-candidate .wd-save, body.naukri-candidate .bookmark-btn, body.naukri-candidate .wd-bookmark { color: var(--nk-muted) !important; border:1px solid var(--nk-line) !important; border-radius:10px !important; background:#fff !important; transition: color .18s, border-color .18s, background .18s; }
body.naukri-candidate .wd-save:hover, body.naukri-candidate .bookmark-btn:hover,
body.naukri-candidate .wd-save.active, body.naukri-candidate .bookmark-btn.active { color: var(--nk-blue) !important; border-color: var(--nk-blue) !important; background: var(--nk-blue-tint) !important; }

/* =========================================================
   PAGINATION
   ========================================================= */
body.naukri-candidate .wd-pagination .page-link,
body.naukri-candidate .wd-pagination a,
body.naukri-candidate .wd-pagination span { border-radius: 10px !important; border:1px solid var(--nk-line) !important; color: var(--nk-body) !important; font-weight:600 !important; }
body.naukri-candidate .wd-pagination .active span,
body.naukri-candidate .wd-pagination .active a { background: var(--nk-blue) !important; border-color: var(--nk-blue) !important; color:#fff !important; }

/* =========================================================
   DASHBOARD (cd-*)
   ========================================================= */
body.naukri-candidate .cd-welcome { border: 1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important; box-shadow: var(--nk-shadow) !important; background: linear-gradient(120deg,#fff 0%, var(--nk-blue-tint-2) 120%) !important; }
body.naukri-candidate .cd-welcome-avatar,
body.naukri-candidate .cd-welcome-avatar--initial { border-color: #dbe6fb !important; }
body.naukri-candidate .cd-welcome-avatar--initial { background: var(--nk-blue) !important; }
body.naukri-candidate .cd-welcome-body h4 { color: var(--nk-ink) !important; }
body.naukri-candidate .cd-otw-badge { background: var(--nk-blue-tint) !important; border-color: #cfe0fb !important; color: var(--nk-blue-600) !important; }
body.naukri-candidate .cd-stats { gap: 12px !important; }
body.naukri-candidate .cd-stat, body.naukri-candidate .cd-stats > * { background:#fff !important; border:1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important; box-shadow: var(--nk-shadow) !important; transition: border-color .18s, box-shadow .18s, transform .18s; }
body.naukri-candidate .cd-stat:hover, body.naukri-candidate .cd-stats > *:hover { border-color:#c9d6ee !important; box-shadow: var(--nk-shadow-md) !important; transform: translateY(-2px); }
body.naukri-candidate .cd-stat .cd-stat-num,
body.naukri-candidate .cd-stat b, body.naukri-candidate .cd-stat h3 { color: var(--nk-blue) !important; }
body.naukri-candidate .cd-card, body.naukri-candidate .cd-panel, body.naukri-candidate .cd-section { background:#fff !important; border:1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important; box-shadow: var(--nk-shadow) !important; }

/* =========================================================
   GENERIC building blocks — full panel coverage
   ========================================================= */
body.naukri-candidate .card,
body.naukri-candidate .panel,
body.naukri-candidate .box,
body.naukri-candidate .white-box,
body.naukri-candidate .content-card,
body.naukri-candidate .dashboard-box,
body.naukri-candidate section.block {
    background:#fff !important; border:1px solid var(--nk-line) !important; border-radius: var(--nk-radius) !important; box-shadow: var(--nk-shadow) !important;
}
body.naukri-candidate .card .card-header,
body.naukri-candidate .card .card-footer { background:#fff !important; border-color: var(--nk-line-soft) !important; }
body.naukri-candidate .card:hover,
body.naukri-candidate .content-card:hover { box-shadow: var(--nk-shadow-md) !important; }
body.naukri-candidate .page-title,
body.naukri-candidate .section-title,
body.naukri-candidate .dashboard-right h1,
body.naukri-candidate .dashboard-right h2,
body.naukri-candidate h2.title,
body.naukri-candidate .card-header { color: var(--nk-ink) !important; font-weight: 800 !important; }
body.naukri-candidate table thead th { background: var(--nk-bg) !important; color: var(--nk-muted) !important; text-transform: uppercase; font-size: 11.5px; letter-spacing:.06em; border:none !important; }
body.naukri-candidate table tbody tr { border-bottom: 1px solid var(--nk-line-soft) !important; }
body.naukri-candidate table tbody tr:hover { background: var(--nk-blue-tint-2) !important; }
body.naukri-candidate .badge { border-radius: 8px !important; font-weight: 700 !important; padding: 5px 10px !important; }
body.naukri-candidate .badge.bg-success, body.naukri-candidate .badge-success { background: var(--nk-green-bg) !important; color: var(--nk-green) !important; }
body.naukri-candidate .badge.bg-primary, body.naukri-candidate .badge-primary { background: var(--nk-blue-tint) !important; color: var(--nk-blue-600) !important; }
body.naukri-candidate .badge.bg-warning, body.naukri-candidate .badge-warning { background: #fff4e0 !important; color: #b7791f !important; }
body.naukri-candidate .badge.bg-secondary, body.naukri-candidate .badge-secondary { background: var(--nk-chip-bg) !important; color: var(--nk-chip-ink) !important; }
body.naukri-candidate .btn-success { background: var(--nk-green) !important; border-color: var(--nk-green) !important; color:#fff !important; }
body.naukri-candidate .btn-light { background:#fff !important; border:1.5px solid var(--nk-line) !important; color: var(--nk-ink) !important; }
body.naukri-candidate .btn-ghost, body.naukri-candidate .btn-outline-secondary { background:#fff !important; border:1.5px solid var(--nk-line) !important; color: var(--nk-body) !important; border-radius:10px !important; }
body.naukri-candidate .btn-ghost:hover, body.naukri-candidate .btn-outline-secondary:hover { border-color: var(--nk-blue) !important; color: var(--nk-blue) !important; background: var(--nk-blue-tint) !important; }
body.naukri-candidate .btn { border-radius: 10px !important; font-weight: 700 !important; }
body.naukri-candidate .btn-sm { padding: 5px 12px !important; font-size: 12.5px !important; line-height: 1.5 !important; }
body.naukri-candidate .btn-danger { background: #E05151 !important; border-color: #E05151 !important; color: #fff !important; }
body.naukri-candidate .btn-outline-danger { background: #fff !important; border: 1.5px solid #f1b8b8 !important; color: #E05151 !important; }
body.naukri-candidate .btn-outline-danger:hover { background: #E05151 !important; border-color: #E05151 !important; color: #fff !important; }
body.naukri-candidate .btn-warning { background: #F59E0B !important; border-color: #F59E0B !important; color: #fff !important; }
body.naukri-candidate .badge.bg-danger, body.naukri-candidate .badge-danger { background: #fef2f2 !important; color: #E05151 !important; }
body.naukri-candidate .badge.bg-info, body.naukri-candidate .badge-info { background: var(--nk-blue-tint) !important; color: var(--nk-blue-600) !important; }
body.naukri-candidate .badge.bg-light { background: #f3f4f6 !important; color: #374151 !important; }
body.naukri-candidate .badge.bg-dark, body.naukri-candidate .badge-dark { background: var(--nk-ink) !important; color: #fff !important; }

/* Shared panels/labels/CTAs extracted from repeated inline styles (applied-jobs, bookmark) */
body.naukri-candidate .wd-panel { background:#fff; border-radius:12px; border:1px solid #e5e7eb; overflow:hidden; }
body.naukri-candidate .wd-panel-head { padding:1rem 1.25rem; border-bottom:1px solid #f3f4f6; display:flex; align-items:center; gap:.5rem; }
body.naukri-candidate .wd-label-upper { font-size:.75rem; font-weight:600; color:#6b7280; text-transform:uppercase; letter-spacing:.06em; }
body.naukri-candidate a.wd-apply-cta { padding:.75rem 1.5rem; font-size:.875rem; font-weight:600; border-radius:8px; background:#2563eb; color:#fff !important; text-decoration:none; display:flex; align-items:center; gap:.5rem; transition:all .2s; }
body.naukri-candidate a.wd-apply-cta:hover { background:#1d4ed8; color:#fff !important; }

/* ---- Page header block (bookmark, applied-jobs) ---- */
body.naukri-candidate .wd-page-head { margin-bottom:2rem; display:flex; justify-content:space-between; align-items:center; padding-bottom:1.5rem; border-bottom:1px solid #e5e7eb; }
body.naukri-candidate .wd-page-head__iconrow { display:flex; align-items:center; gap:1rem; margin-bottom:.5rem; }
body.naukri-candidate .wd-page-head__icon { width:3rem; height:3rem; background:linear-gradient(135deg,#1875e5 0%,#1461c7 100%); border-radius:.75rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.25rem; flex-shrink:0; }
body.naukri-candidate .wd-page-head__title { font-size:1.5rem; font-weight:700; margin:0; color:#111827; line-height:1.2; }
body.naukri-candidate .wd-page-head__sub { font-size:.875rem; color:#6b7280; margin:.25rem 0 0; }
body.naukri-candidate .wd-page-head__stats { display:flex; align-items:center; gap:1rem; margin-top:1rem; flex-wrap:wrap; }
body.naukri-candidate .wd-stat-chip { background:#f3f4f6; padding:.5rem 1rem; border-radius:.5rem; display:flex; align-items:center; gap:.5rem; font-size:.875rem; color:#374151; font-weight:500; }
body.naukri-candidate .wd-stat-chip--blue { background:#e7f0fa; color:#1461c7; }
body.naukri-candidate .wd-stat-chip b { font-size:1rem; font-weight:700; color:#1875e5; }

/* ---- Generic job list card (bookmark, applied-jobs) ---- */
body.naukri-candidate .wd-jobcard { background:#fff; border:1px solid #e6eaf0; border-radius:12px; padding:1.5rem; margin-bottom:1.25rem; box-shadow:0 1px 3px rgba(15,23,42,.06); transition:box-shadow .2s, border-color .2s; }
body.naukri-candidate .wd-jobcard:hover { border-color:#dbe8fb; box-shadow:0 6px 18px rgba(15,23,42,.08); }
body.naukri-candidate .wd-jobcard__row { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
body.naukri-candidate .wd-jobcard__logo { width:64px; height:64px; flex-shrink:0; }
body.naukri-candidate .wd-jobcard__body { flex:1; min-width:0; }
body.naukri-candidate .wd-jobcard__titlerow { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-bottom:.5rem; }
body.naukri-candidate a.wd-jobcard__title { font-size:1.125rem; font-weight:600; color:#111827; text-decoration:none; line-height:1.4; transition:color .2s; }
body.naukri-candidate a.wd-jobcard__title:hover { color:#1875e5; }
body.naukri-candidate .wd-jobcard__company { font-size:.875rem; color:#6b7280; margin-bottom:.6rem; }
body.naukri-candidate .wd-jobcard__meta { display:flex; flex-wrap:wrap; gap:1.25rem; font-size:.875rem; color:#6b7280; }
body.naukri-candidate .wd-jobcard__meta span, body.naukri-candidate .wd-jobcard__meta-item { display:flex; align-items:center; gap:.5rem; }
body.naukri-candidate .wd-jobcard__actions { display:flex; align-items:center; gap:.75rem; margin-left:auto; }
body.naukri-candidate .wd-tag-type { padding:.25rem .75rem; font-size:.75rem; font-weight:500; border-radius:20px; background:#dbeafe; color:#1e40af; white-space:nowrap; }
body.naukri-candidate .wd-dot { width:6px; height:6px; border-radius:50%; display:inline-block; flex-shrink:0; }
body.naukri-candidate .wd-deadline--active { color:#16a34a !important; }
body.naukri-candidate .wd-deadline--active .wd-dot { background:#16a34a; }
body.naukri-candidate .wd-deadline--expired { color:#dc2626 !important; }
body.naukri-candidate .wd-deadline--expired .wd-dot { background:#dc2626; }
body.naukri-candidate .wd-bookmark-toggle { display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#e7f0fa; border:1px solid #1875e5; border-radius:8px; color:#1875e5; cursor:pointer; transition:all .2s; position:relative; }
body.naukri-candidate .wd-bookmark-toggle:hover { background:#1875e5; color:#fff; }
body.naukri-candidate .wd-btn-apply { padding:.75rem 1.5rem; font-size:.875rem; font-weight:600; border-radius:8px; background:#2563eb; color:#fff; border:none; cursor:pointer; transition:all .2s; display:flex; align-items:center; gap:.5rem; }
body.naukri-candidate .wd-btn-apply:hover { background:#1d4ed8; }
body.naukri-candidate .wd-status-pill { padding:.75rem 1.5rem; font-size:.875rem; font-weight:600; border-radius:8px; display:flex; align-items:center; gap:.5rem; }
body.naukri-candidate .wd-status-pill--applied { background:#16a34a; color:#fff; }
body.naukri-candidate .wd-status-pill--expired { background:#f3f4f6; color:#6b7280; font-weight:500; }

/* ---- Empty state (bookmark, applied-jobs) ---- */
body.naukri-candidate .wd-empty { min-height:400px; display:flex; align-items:center; justify-content:center; }
body.naukri-candidate .wd-empty__inner { text-align:center; max-width:400px; margin:0 auto; padding:2rem; }
body.naukri-candidate .wd-empty__art { position:relative; width:80px; height:80px; margin:0 auto 2rem; }
body.naukri-candidate .wd-empty__art-bg { position:absolute; inset:0; background:linear-gradient(135deg,#e7f0fa 0%,#cfe2f7 100%); border-radius:50%; opacity:.45; }
body.naukri-candidate .wd-empty__art-fg { position:absolute; inset:8px; background:linear-gradient(135deg,#1875e5 0%,#1461c7 100%); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2rem; }
body.naukri-candidate .wd-empty__spark { position:absolute; border-radius:50%; opacity:.7; animation:wdPulse 2s infinite; }
body.naukri-candidate .wd-empty__spark--tr { top:-4px; right:-4px; width:12px; height:12px; background:#3b82f6; }
body.naukri-candidate .wd-empty__spark--bl { bottom:-4px; left:-4px; width:8px; height:8px; background:#1875e5; animation-delay:.5s; }
body.naukri-candidate .wd-empty__title { font-size:1.5rem; font-weight:700; color:#111827; margin-bottom:.75rem; }
body.naukri-candidate .wd-empty__text { color:#6b7280; font-size:.875rem; line-height:1.6; margin-bottom:1rem; }
body.naukri-candidate .wd-empty__hint { font-size:.75rem; color:#9ca3af; font-style:italic; }
body.naukri-candidate a.wd-empty__cta { display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.5rem; border-radius:8px; color:#fff !important; text-decoration:none; font-weight:600; font-size:.875rem; background:linear-gradient(135deg,#1875e5 0%,#1461c7 100%); transition:all .3s; box-shadow:0 2px 6px rgba(24,117,229,.35); margin-bottom:2rem; }
body.naukri-candidate a.wd-empty__cta:hover { box-shadow:0 6px 14px rgba(24,117,229,.45); transform:translateY(-1px); }
body.naukri-candidate .wd-tipbox { background:#f2f8ff; border:1px solid #cfe2f7; border-radius:8px; padding:1rem; display:flex; align-items:flex-start; gap:.75rem; text-align:left; }
body.naukri-candidate .wd-tipbox i { font-size:1.25rem; color:#1875e5; flex-shrink:0; }
body.naukri-candidate .wd-tipbox h4 { font-size:.875rem; font-weight:600; color:#1461c7; margin:0 0 .5rem; }
body.naukri-candidate .wd-tipbox p { font-size:.75rem; color:#1f4f82; margin:0; line-height:1.4; }
@keyframes wdPulse { 0%,100%{transform:scale(1);opacity:.6;} 50%{transform:scale(1.2);opacity:.8;} }

/* Settings-page primary submit button (was a repeated inline gradient in setting.blade.php) */
body.naukri-candidate .custom-btn-primary {
    background: linear-gradient(135deg, #1875e5 0%, #2563eb 100%) !important;
    border: none !important; color: #fff !important; border-radius: 12px !important;
    padding: .72rem 1.6rem !important; font-weight: 600 !important;
    box-shadow: 0 12px 24px -10px rgba(37,99,235,.6) !important;
}

/* Alerts — bootstrap defaults look off-theme; soften to card-style callouts */
body.naukri-candidate .alert { border-radius: 12px !important; border: 1px solid transparent !important; font-size: 13.5px; padding: 14px 18px !important; }
body.naukri-candidate .alert-info { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1e40af !important; }
body.naukri-candidate .alert-primary { background: var(--nk-blue-tint) !important; border-color: #bfdbfe !important; color: var(--nk-blue-600) !important; }
body.naukri-candidate .alert-success { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important; }
body.naukri-candidate .alert-warning { background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important; }
body.naukri-candidate .alert-danger { background: #fef2f2 !important; border-color: #fecaca !important; color: #b91c1c !important; }
body.naukri-candidate .alert h4, body.naukri-candidate .alert h5, body.naukri-candidate .alert h6 { color: inherit !important; font-weight: 800 !important; }
body.naukri-candidate .form-control,
body.naukri-candidate .form-select,
body.naukri-candidate input[type=text],
body.naukri-candidate input[type=email],
body.naukri-candidate input[type=number],
body.naukri-candidate input[type=password],
body.naukri-candidate input[type=tel],
body.naukri-candidate input[type=url],
body.naukri-candidate input[type=date],
body.naukri-candidate textarea,
body.naukri-candidate select {
    border: 1.5px solid var(--nk-line) !important; border-radius: 10px !important; background:#fff !important; transition: border-color .18s, box-shadow .18s;
}
body.naukri-candidate .form-control:focus,
body.naukri-candidate .form-select:focus,
body.naukri-candidate textarea:focus,
body.naukri-candidate select:focus,
body.naukri-candidate input:focus { border-color: var(--nk-blue) !important; box-shadow: 0 0 0 3px rgba(24,117,229,.12) !important; outline: none !important; }
body.naukri-candidate label { color: var(--nk-body) !important; font-weight: 600 !important; }
body.naukri-candidate .wd-search-strip input,
body.naukri-candidate .wd-search-field input,
body.naukri-candidate .emp-filterbar-card__input-wrap input,
body.naukri-candidate .emp-filterbar-card__input-wrap input:focus { border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
body.naukri-candidate .nav-pills .nav-link.active,
body.naukri-candidate .nav-tabs .nav-link.active { background: var(--nk-blue) !important; color:#fff !important; border-color: var(--nk-blue) !important; border-radius: 10px !important; }
body.naukri-candidate .nav-link { color: var(--nk-body) !important; font-weight:600 !important; }
body.naukri-candidate .progress { border-radius: 20px !important; background: var(--nk-line-soft) !important; }
body.naukri-candidate .progress-bar { background: var(--nk-blue) !important; }
body.naukri-candidate .wd-empty-state, body.naukri-candidate .empty-state { background:#fff !important; border:1px dashed var(--nk-line) !important; border-radius: var(--nk-radius) !important; color: var(--nk-muted) !important; }
/* .fd-btn joins the exclusion list for the same reason .btn is on it: the feed's
   buttons are anchors, and this blanket link colour painted "Grow your network"
   and "Back to Feed" blue-on-blue, i.e. the label all but disappeared into its
   own button. Their own rules set the right colour once this stops matching. */
body.naukri-candidate .dashboard-right a:not(.btn):not(.fd-btn):not(.wd-apply-btn):not(.wd-tab):not(.wd-source-tab):not(.wd-tag):not(.wd-job-row__title) { color: var(--nk-blue-600); }
body.naukri-candidate .dashboard-right a:not(.btn):not(.fd-btn):hover { color: var(--nk-blue-700); }
/* Avatar chips are coloured circles carrying a white initial. The blanket link
   colour above also hit those links, so the initial rendered blue on purple —
   unreadable on My Network, the network view and the feed rails. That selector
   carries six :not() classes, so nothing short of !important outranks it.
   The company variants keep dark text: they sit on a light or transparent
   background, where white would be invisible. */
body.naukri-candidate .dashboard-right a.nw-avatar:not(.nw-avatar--company),
body.naukri-candidate .dashboard-right a.nw-avatar:not(.nw-avatar--company) span,
body.naukri-candidate .dashboard-right a.fd-rail-avatar:not(.fd-rail-avatar--co),
body.naukri-candidate .dashboard-right a.fd-rail-avatar:not(.fd-rail-avatar--co) span,
body.naukri-candidate .dashboard-right a.fd-avatar,
body.naukri-candidate .dashboard-right a.fd-avatar span { color: #fff !important; }
body.naukri-candidate .dashboard-right a.fd-rail-avatar--co,
body.naukri-candidate .dashboard-right a.fd-rail-avatar--co span { color: #334155 !important; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 991px) {
    body.naukri-candidate .d-sidebar { border-radius: 0 !important; }
    body.naukri-candidate .wd-search-inner { flex-wrap: wrap; }
}

/* =========================================================
   NAUKRI PASS 2 — richer cards, pill search, filter collapse
   ========================================================= */

/* ---- Segmented search pill (keyword | location | Search) ---- */
body.naukri-candidate .wd-search-strip { padding: 10px 12px !important; }
body.naukri-candidate .wd-search-inner {
    display:flex !important; align-items:stretch !important; gap:0 !important;
    background:#fff !important; border:1.5px solid var(--nk-line) !important; border-radius:999px !important;
}
body.naukri-candidate .wd-search-inner:focus-within { border-color: var(--nk-blue) !important; box-shadow:0 0 0 3px rgba(24,117,229,.12) !important; }
body.naukri-candidate .wd-search-field {
    border:none !important; border-right:1px solid var(--nk-line) !important; border-radius:0 !important;
    background:transparent !important; box-shadow:none !important; padding:6px 20px !important; flex:1 1 0; min-width:0;
}
body.naukri-candidate .wd-search-field:focus-within { background:transparent !important; box-shadow:none !important; }
body.naukri-candidate .wd-search-field:first-child { border-top-left-radius:999px !important; border-bottom-left-radius:999px !important; padding-left:24px !important; }
body.naukri-candidate .wd-search-btn { border-radius:999px !important; margin:4px !important; padding:0 34px !important; }
body.naukri-candidate .wd-loc-dropdown { border-radius:12px !important; border:1px solid var(--nk-line) !important; box-shadow: var(--nk-shadow-md) !important; }
body.naukri-candidate .wd-loc-option:hover { background: var(--nk-blue-tint-2) !important; color: var(--nk-blue-600) !important; }

/* ---- Job card: header row with save button ---- */
body.naukri-candidate .wd-job-row__head { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:10px !important; }
body.naukri-candidate article.wd-job-row { position: relative; }
body.naukri-candidate .wd-save-btn {
    position:absolute !important; top:16px; right:16px; z-index:3; margin:0 !important;
    flex:0 0 auto; width:36px; height:36px; border-radius:10px !important;
    background:#fff !important; border:1px solid var(--nk-line) !important; color: var(--nk-muted) !important;
    display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:18px; line-height:1; transition:.18s;
}
/* keep the title clear of the pinned save button */
body.naukri-candidate .wd-job-row__title { padding-right: 44px; }
body.naukri-candidate .wd-save-btn:hover { border-color: var(--nk-blue) !important; color: var(--nk-blue) !important; background: var(--nk-blue-tint) !important; }
body.naukri-candidate .wd-save-btn.bookmarked { border-color: var(--nk-blue) !important; color: var(--nk-blue) !important; background: var(--nk-blue-tint) !important; }

/* ---- Job card: rating (shown only when data present) ---- */
body.naukri-candidate .wd-rating { display:inline-flex; align-items:center; gap:3px; font-size:12.5px; font-weight:700; color: var(--nk-ink); margin-left:8px; }
body.naukri-candidate .wd-rating i { color: var(--nk-star); font-size:13px; }
body.naukri-candidate .wd-rating .wd-rating-count { color: var(--nk-muted); font-weight:500; }

/* ---- Job card: description snippet ---- */
body.naukri-candidate .wd-job-row__snippet {
    color: var(--nk-body) !important; font-size:13px; line-height:1.55; margin-top:8px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ---- Job card: skill chips ---- */
body.naukri-candidate .wd-job-row__skills { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; align-items:center; }
body.naukri-candidate .wd-job-row__skills .wd-skills-label { color: var(--nk-muted); font-size:12px; font-weight:600; margin-right:2px; }
body.naukri-candidate .wd-skill {
    background: var(--nk-blue-tint-2) !important; color: var(--nk-blue-600) !important; border:1px solid #dbe8fb !important;
    border-radius:6px !important; font-size:12px !important; font-weight:600 !important; padding:4px 10px !important; white-space:nowrap;
}

/* ---- Collapsible filter sections ---- */
body.naukri-candidate .wd-filter-card .accordion-button,
body.naukri-candidate .wd-filter-card [data-target].accordion-button {
    background:#fff !important; color: var(--nk-ink) !important; font-weight:700 !important; box-shadow:none !important;
    padding:12px 18px !important; font-size:12px !important; text-transform:uppercase; letter-spacing:.04em;
}
body.naukri-candidate .wd-filter-card .accordion-button:not(.collapsed) { color: var(--nk-blue) !important; }
body.naukri-candidate .wd-filter-card .accordion-button:focus { box-shadow:none !important; }
body.naukri-candidate .wd-filter-count { color: var(--nk-muted); font-size:12px; font-weight:600; margin-left:auto; background: var(--nk-bg); border-radius:12px; padding:1px 8px; }

/* ---- Table action buttons (ATS score history etc.): compact size ---- */
body.naukri-candidate .table .btn-sm.btn-primary {
    display:inline-flex !important; align-items:center !important; gap:5px !important;
    padding:5px 12px !important; font-size:12.5px !important; font-weight:600 !important;
    line-height:1.5 !important; border-radius:8px !important; box-shadow:none !important;
}
body.naukri-candidate .table .btn-sm.btn-outline-danger {
    display:inline-flex !important; align-items:center !important; gap:5px !important;
    padding:5px 12px !important; font-size:12.5px !important; font-weight:600 !important;
    line-height:1.5 !important; border-radius:8px !important; box-shadow:none !important;
    background:#fff !important; border:1px solid #f1b8b8 !important; color:#E05151 !important;
}
body.naukri-candidate .table .btn-sm.btn-outline-danger:hover {
    background:#E05151 !important; border-color:#E05151 !important; color:#fff !important;
}
body.naukri-candidate .table .btn-sm i { font-size:11px !important; }

/* =========================================================
   GLOBAL POLISH — focus, pagination, mobile, reduced motion
   ========================================================= */
body.naukri-candidate a:focus-visible,
body.naukri-candidate button:focus-visible,
body.naukri-candidate [role="button"]:focus-visible {
    outline: 2px solid #1875e5 !important; outline-offset: 2px;
}
body.naukri-candidate .pagination .page-link { border-radius: 8px !important; margin: 0 2px; color: #475569; border-color: #e6eaf0; font-weight: 600; }
body.naukri-candidate .pagination .page-link:hover { color: #1875e5; background: #f4f8ff; border-color: #dbe8fb; }
body.naukri-candidate .pagination .page-item.active .page-link { background: #1875e5 !important; border-color: #1875e5 !important; color: #fff !important; }

@media (max-width: 575.98px) {
    body.naukri-candidate .wd-page-head__title { font-size: 1.25rem; }
    body.naukri-candidate .wd-page-head__icon { width: 2.5rem; height: 2.5rem; font-size: 1rem; }
    body.naukri-candidate .wd-jobcard { padding: 1rem; }
    body.naukri-candidate .wd-jobcard__actions { margin-left: 0; width: 100%; }
    body.naukri-candidate .wd-btn-apply, body.naukri-candidate .wd-status-pill, body.naukri-candidate a.wd-apply-cta { padding: .6rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    body.naukri-candidate .wd-empty__spark { animation: none; }
}
