/*
 * Final Job Finder template layer for PESO Dasmariñas.
 * Loaded after legacy/page CSS so public, authentication, and authenticated
 * jobseeker pages share one deliberate layout, type scale, and motion system.
 */

:where(body.jf-site, body.auth-page) {
    --jf-final-green-950: #063c2d;
    --jf-final-green-900: #07513a;
    --jf-final-green-800: #086a48;
    --jf-final-green-700: #078454;
    --jf-final-green-100: #dff2e8;
    --jf-final-green-50: #f0f8f4;
    --jf-final-gold: #edbd28;
    --jf-final-gold-soft: #fff5cf;
    --jf-final-ink: #10271f;
    --jf-final-muted: #5c7067;
    --jf-final-line: #cfe0d7;
    --jf-final-surface: #ffffff;
    --jf-final-canvas: #f4f9f6;
    --jf-final-danger: #c83648;
    --jf-final-radius-sm: 10px;
    --jf-final-radius-md: 16px;
    --jf-final-radius-lg: 24px;
    --jf-final-radius-xl: 32px;
    --jf-final-shadow-sm: 0 8px 24px rgba(7, 81, 58, .07);
    --jf-final-shadow: 0 18px 52px rgba(7, 81, 58, .11);
    --jf-final-container: calc(100vw - 64px);
    --jf-final-header: 86px;
    color: var(--jf-final-ink);
    background: var(--jf-final-canvas);
    font-family: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

:where(body.jf-site, body.auth-page) *,
:where(body.jf-site, body.auth-page) *::before,
:where(body.jf-site, body.auth-page) *::after { box-sizing: border-box; }

:where(body.jf-site, body.auth-page) :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
    color: var(--jf-final-ink);
    font-family: inherit !important;
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -.025em;
    text-wrap: balance;
}

:where(body.jf-site, body.auth-page) :is(p, li, label, input, select, textarea, button, a, td, th) {
    font-family: inherit !important;
}

:where(body.jf-site, body.auth-page) :is(p, li, td) { font-size: max(14px, .9rem); }
:where(body.jf-site, body.auth-page) a { text-underline-offset: 3px; }
:where(body.jf-site, body.auth-page) img { max-width: 100%; }
:where(body.jf-site, body.auth-page) :focus-visible {
    outline: 3px solid rgba(237, 189, 40, .82) !important;
    outline-offset: 3px !important;
}

body.jf-workspace-site {
    min-width: 320px;
    overflow-x: clip;
    background:
        radial-gradient(circle at 90% -5%, rgba(8, 132, 84, .13), transparent 32rem),
        linear-gradient(180deg, #f9fcfa 0, var(--jf-final-canvas) 40rem) !important;
}

body.jf-workspace-site :is(.bg-blob-1, .bg-blob-2) { display: none !important; }

/* Exact shared jobseeker shell */
html body.jf-workspace-site .js-dashboard-header {
    position: sticky !important;
    inset: 0 0 auto !important;
    z-index: 1200 !important;
    width: 100% !important;
    min-height: var(--jf-final-header) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(7, 81, 58, .12) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 34px rgba(7, 81, 58, .07) !important;
    backdrop-filter: blur(18px);
}

html body.jf-workspace-site .js-dashboard-nav {
    width: var(--jf-final-container) !important;
    max-width: none !important;
    min-height: var(--jf-final-header) !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr) !important;
    align-items: center !important;
    gap: clamp(18px, 2.2vw, 38px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.jf-workspace-site .js-dashboard-brand {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    gap: 12px !important;
    color: var(--jf-final-green-950) !important;
    text-decoration: none !important;
}

html body.jf-workspace-site .js-dashboard-brand img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    flex: 0 0 54px !important;
    border: 2px solid rgba(237, 189, 40, .62) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 7px 18px rgba(7, 81, 58, .14) !important;
}

html body.jf-workspace-site .js-dashboard-brand span { min-width: 0; display: grid !important; gap: 1px; }
html body.jf-workspace-site .js-dashboard-brand strong { color: var(--jf-final-green-900) !important; font-size: 18px !important; font-weight: 850 !important; line-height: 1.1 !important; white-space: nowrap; }
html body.jf-workspace-site .js-dashboard-brand small { color: var(--jf-final-muted) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; }

html body.jf-workspace-site .js-dashboard-links {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
}

html body.jf-workspace-site .js-dashboard-links > a {
    min-height: 46px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #4e665c !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color .2s ease, background-color .2s ease, transform .2s ease !important;
}

html body.jf-workspace-site .js-dashboard-links > a > :is(i, svg) {
    width: 17px !important;
    min-width: 17px !important;
    color: var(--jf-final-green-700) !important;
    font-size: 16px !important;
}

html body.jf-workspace-site .js-dashboard-links > a:is(:hover, :focus-visible) {
    color: var(--jf-final-green-900) !important;
    background: var(--jf-final-green-50) !important;
}

html body.jf-workspace-site .js-dashboard-links > a:is(.is-active, [aria-current="page"]) {
    color: var(--jf-final-green-900) !important;
    background: #eaf5ef !important;
    box-shadow: inset 0 -3px 0 var(--jf-final-gold) !important;
}

html body.jf-workspace-site .js-dashboard-links :is(em, .js-suite-nav-badge, .nav-badge) {
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: var(--jf-final-green-700) !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

html body.jf-workspace-site .js-dashboard-actions {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
}

html body.jf-workspace-site .js-dashboard-actions :is(.js-tutorial-button, .notif-btn, .theme-toggle) {
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 12px !important;
    color: var(--jf-final-green-950) !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease !important;
}

html body.jf-workspace-site .js-dashboard-actions :is(.js-tutorial-button, .notif-btn, .theme-toggle):is(:hover, :focus-visible) {
    border-color: var(--jf-final-green-700) !important;
    background: var(--jf-final-green-50) !important;
    transform: translateY(-1px);
}

html body.jf-workspace-site .js-dashboard-actions :is(i, svg) { font-size: 16px !important; }
html body.jf-workspace-site .profile-wrap { position: relative !important; }
html body.jf-workspace-site .profile-btn {
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 3px 8px 3px 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--jf-final-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

html body.jf-workspace-site .profile-btn:is(:hover, :focus-visible) { background: var(--jf-final-green-50) !important; }
html body.jf-workspace-site .js-profile-avatar {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 2px solid var(--jf-final-gold) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--jf-final-green-800) !important;
    box-shadow: 0 6px 15px rgba(7, 81, 58, .16) !important;
}

html body.jf-workspace-site .js-profile-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body.jf-workspace-site .dropdown {
    inset: calc(100% + 10px) 0 auto auto !important;
    min-width: 220px !important;
    padding: 8px !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: var(--jf-final-shadow) !important;
}

html body.jf-workspace-site .dropdown a {
    min-height: 43px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 10px !important;
    color: var(--jf-final-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body.jf-workspace-site .dropdown a:hover { background: var(--jf-final-green-50) !important; }
html body.jf-workspace-site .js-dashboard-menu { display: none !important; }
html body.jf-workspace-site .js-mobile-account-link { display: none !important; }

html body.jf-workspace-site .peso-language-picker { position: static !important; margin: 0 !important; transform: none !important; }
html body.jf-workspace-site .peso-language-picker select {
    width: auto !important;
    min-width: 104px !important;
    height: 42px !important;
    padding: 0 34px 0 12px !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 12px !important;
    color: var(--jf-final-ink) !important;
    background-color: #fff !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

/* Shared route geometry: no compressed center column or accidental left lean. */
html body.jf-workspace-site :is(.js-dashboard-shell, .js-suite-workspace, body > .container, body > .page, main.support-shell) {
    width: var(--jf-final-container) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

html body.jf-workspace-site .js-dashboard-shell {
    padding: 32px 0 72px !important;
}

html body.jf-workspace-site .js-dashboard-header + :is(.js-dashboard-shell, .container, .page, main) {
    margin-top: 0 !important;
}

html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero) {
    position: relative !important;
    min-height: 210px !important;
    margin: 0 0 28px !important;
    padding: clamp(28px, 4vw, 54px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(13, 109, 75, .22) !important;
    border-radius: var(--jf-final-radius-lg) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 88% 20%, rgba(237, 189, 40, .24), transparent 17rem),
        linear-gradient(112deg, var(--jf-final-green-950), var(--jf-final-green-700)) !important;
    box-shadow: var(--jf-final-shadow-sm) !important;
    isolation: isolate;
}

html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero)::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 340px;
    height: 340px;
    right: -90px;
    top: -170px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(255, 255, 255, .04), 0 0 0 96px rgba(255, 255, 255, .035);
}

html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero) :is(h1, .page-title) {
    max-width: 900px;
    margin: 7px 0 8px !important;
    color: #fff !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.04 !important;
}

html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero) p {
    max-width: 760px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: clamp(15px, 1.5vw, 18px) !important;
    line-height: 1.6 !important;
}

html body.jf-workspace-site :is(.page-eyebrow, .support-eyebrow, .js-suite-eyebrow) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffe36f !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* Content surfaces and type hierarchy */
html body.jf-workspace-site :is(.card, .info-card, .profile-card, .details-card, .settings-card, .content-card, .support-card, .search-filters-section, .filter-bar, .stats-card, .applications-card, .calendar-card, .upcoming-interviews-card, .js-profile-readiness, .js-quick-actions, .js-job-discovery, .js-job-categories, .js-help-strip) {
    border: 1px solid var(--jf-final-line) !important;
    border-radius: var(--jf-final-radius-md) !important;
    background: var(--jf-final-surface) !important;
    box-shadow: var(--jf-final-shadow-sm) !important;
}

html body.jf-workspace-site :is(.card, .info-card, .profile-card, .details-card, .settings-card, .content-card, .support-card) {
    padding: clamp(20px, 2.4vw, 32px) !important;
}

html body.jf-workspace-site :is(.section-header, .panel-header, .card-header, .js-panel-heading) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

html body.jf-workspace-site :is(.section-header, .panel-header, .card-header, .js-panel-heading) :is(h2, h3),
html body.jf-workspace-site :is(.section-title, .panel-title) {
    color: var(--jf-final-ink) !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    font-weight: 820 !important;
    line-height: 1.22 !important;
}

html body.jf-workspace-site :is(.job-title, .application-title, .announcement-title, .card-title) {
    color: var(--jf-final-ink) !important;
    font-size: clamp(17px, 1.45vw, 20px) !important;
    font-weight: 820 !important;
    line-height: 1.25 !important;
}

html body.jf-workspace-site :is(.company-name, .job-meta, .meta-item, .card-description, .page-subtitle, .form-text, .help-text) {
    color: var(--jf-final-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html body.jf-workspace-site :is(button, .btn, [class*="btn-"], [class$="-btn"], input[type="submit"], a.view-btn) {
    min-height: 44px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 780;
}

html body.jf-workspace-site :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100%;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border: 1px solid #bfd4ca !important;
    border-radius: 11px !important;
    color: var(--jf-final-ink) !important;
    background: #fff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

html body.jf-workspace-site textarea { min-height: 130px !important; resize: vertical; }
html body.jf-workspace-site :is(input, select, textarea):focus {
    border-color: var(--jf-final-green-700) !important;
    box-shadow: 0 0 0 4px rgba(7, 132, 84, .12) !important;
}

html body.jf-workspace-site label {
    color: #29473c !important;
    font-size: 14px !important;
    font-weight: 720 !important;
}

html body.jf-workspace-site :is(.primary-btn, .btn-primary, .search-btn, .submit-btn, .view-btn, .js-profile-cta) {
    color: #fff !important;
    border-color: var(--jf-final-green-700) !important;
    background: var(--jf-final-green-700) !important;
    text-decoration: none !important;
}

html body.jf-workspace-site :is(.primary-btn, .btn-primary, .search-btn, .submit-btn, .view-btn, .js-profile-cta):is(:hover, :focus-visible) {
    background: var(--jf-final-green-900) !important;
    transform: translateY(-1px);
}

html body.jf-workspace-site :is(table) {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
}

html body.jf-workspace-site th {
    padding: 14px 16px !important;
    color: #365248 !important;
    background: #eaf4ef !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

html body.jf-workspace-site td {
    padding: 16px !important;
    color: var(--jf-final-ink) !important;
    border-top: 1px solid var(--jf-final-line) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

/* Jobs and card catalogues */
html body.jf-workspace-site :is(.job-grid, .jobs-grid) {
    gap: 20px !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)) !important;
}

html body.jf-workspace-site :is(.job-card, .application-card, .announcement-card) {
    overflow: hidden !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 8px 26px rgba(7, 81, 58, .07) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

html body.jf-workspace-site :is(.job-card, .application-card, .announcement-card):hover {
    border-color: rgba(7, 132, 84, .5) !important;
    box-shadow: 0 18px 38px rgba(7, 81, 58, .13) !important;
    transform: translateY(-4px);
}

html body.jf-workspace-site .js-job-card {
    min-height: 390px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 178px auto auto 1fr !important;
    gap: 0 !important;
}

html body.jf-workspace-site .js-job-card .js-job-top {
    position: relative !important;
    width: 100% !important;
    height: 178px !important;
    min-height: 178px !important;
    padding: 18px !important;
    display: grid !important;
    place-items: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-bottom: 1px solid var(--jf-final-line) !important;
    background:
        radial-gradient(circle at 82% 22%, rgba(237, 189, 40, .2), transparent 4.4rem),
        linear-gradient(135deg, #eaf5ef, #faf9f1) !important;
}

html body.jf-workspace-site .js-company-logo,
html body.jf-workspace-site :is(.company-logo, .js-suite-card-logo, .js-suite-details-logo) {
    /* was width:min(72%,220px) + a fixed height:132px — a fixed height
       mismatched to a fluid, container-relative width squashes/shrinks the
       logo unevenly as the sidebar column's own width changes (zoom,
       narrower breakpoints). aspect-ratio keeps it a true square that scales
       with whatever width it's actually given. */
    width: min(72%, 220px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 64px !important;
    min-height: 0 !important;
    max-width: 220px !important;
    padding: 12px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid #bfd8cb !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(7, 81, 58, .09) !important;
}

html body.jf-workspace-site :is(.js-company-logo, .company-logo, .js-suite-card-logo, .js-suite-details-logo) img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

html body.jf-workspace-site .js-job-save {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 11px !important;
    color: var(--jf-final-green-900) !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 7px 18px rgba(7, 81, 58, .1) !important;
}

html body.jf-workspace-site .js-job-card .js-job-copy {
    padding: 20px 20px 12px !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
}

html body.jf-workspace-site .js-job-card .js-job-copy .job-title { margin-bottom: 7px !important; }
html body.jf-workspace-site .js-job-card .js-job-copy .company-name { min-height: 0 !important; margin: 0 0 10px !important; font-weight: 700 !important; }
html body.jf-workspace-site .js-job-card .job-meta { display: flex !important; flex-wrap: wrap !important; gap: 8px 14px !important; }
html body.jf-workspace-site .js-job-card .job-meta span { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
html body.jf-workspace-site .js-job-card .js-job-salary { margin-top: 10px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; color: var(--jf-final-green-700) !important; font-size: 14px !important; font-weight: 800 !important; }
html body.jf-workspace-site .js-job-card .js-job-badges { min-height: 38px !important; padding: 0 20px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; grid-column: 1 !important; grid-row: 3 !important; }
html body.jf-workspace-site .js-job-card .js-job-badges span { padding: 5px 9px !important; border-radius: 999px !important; color: var(--jf-final-green-900) !important; background: var(--jf-final-green-100) !important; font-size: 11px !important; font-weight: 800 !important; }
html body.jf-workspace-site .js-job-card .js-job-badges strong { color: var(--jf-final-green-800) !important; font-size: 12px !important; }
html body.jf-workspace-site .js-job-card .js-job-footer { min-height: 58px !important; padding: 12px 20px 18px !important; display: flex !important; align-items: end !important; justify-content: center !important; grid-column: 1 !important; grid-row: 4 !important; }
html body.jf-workspace-site .js-job-card .js-job-footer .view-btn { width: 100% !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; }

/* Page-specific layout composition */
html body.jf-workspace-site .profile-layout { grid-template-columns: minmax(250px, 29%) minmax(0, 71%) !important; gap: 24px !important; align-items: start !important; }
html body.jf-workspace-site .dashboard-grid { grid-template-columns: minmax(0, 72%) minmax(280px, 28%) !important; gap: 24px !important; align-items: start !important; }
html body.jf-workspace-site .support-layout { grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr) !important; gap: 24px !important; align-items: start !important; }
html body.jf-workspace-site .skills-layout { gap: 24px !important; }

html body.jf-workspace-site .js-job-details-grid {
    display: grid !important;
    grid-template-columns: minmax(270px, 28%) minmax(0, 72%) !important;
    gap: 24px !important;
    align-items: start !important;
}

html body.jf-workspace-site .js-job-details-sidebar { display: grid !important; gap: 18px !important; position: sticky !important; top: calc(var(--jf-final-header) + 20px) !important; }
html body.jf-workspace-site .js-job-details-main { min-width: 0 !important; display: grid !important; gap: 18px !important; }
html body.jf-workspace-site .js-job-details-main .info-card { width: 100% !important; max-width: 980px !important; margin-inline: auto !important; }
html body.jf-workspace-site .js-company-overview-card .js-suite-details-logo { width: 100% !important; max-width: none !important; height: 150px !important; margin: 0 0 18px !important; }
html body.jf-workspace-site .js-company-overview-card .company-header { display: grid !important; gap: 8px !important; margin-bottom: 15px !important; }
html body.jf-workspace-site .js-company-overview-card .company-name { color: var(--jf-final-green-900) !important; font-size: 19px !important; font-weight: 820 !important; line-height: 1.3 !important; overflow-wrap: anywhere; }
html body.jf-workspace-site .js-candidate-preferences { order: 2; }
html body.jf-workspace-site .js-related-jobs-card { order: 3; }

/* Footer mirrors the template instead of inheriting each page's legacy footer. */
html body.jf-workspace-site .js-dashboard-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 54px max(32px, calc((100vw - 1600px) / 2)) 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,.78) !important;
    background: var(--jf-final-green-950) !important;
}

html body.jf-workspace-site .js-dashboard-footer__grid,
html body.jf-workspace-site .js-dashboard-footer__bottom {
    width: 100% !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
}

html body.jf-workspace-site .js-dashboard-footer__grid { display: grid !important; grid-template-columns: 1.6fr 1fr 1fr 1.2fr !important; gap: 40px !important; }
html body.jf-workspace-site .js-dashboard-footer :is(strong, h2) { color: #fff !important; }
html body.jf-workspace-site .js-dashboard-footer a { color: rgba(255,255,255,.78) !important; text-decoration: none !important; }
html body.jf-workspace-site .js-dashboard-footer a:hover { color: #ffe36f !important; }
html body.jf-workspace-site .js-dashboard-footer__brand { display: flex !important; align-items: center !important; gap: 12px !important; }
html body.jf-workspace-site .js-dashboard-footer__brand img { width: 54px !important; height: 54px !important; border-radius: 50% !important; object-fit: cover !important; }
html body.jf-workspace-site .js-dashboard-footer nav { display: grid !important; align-content: start !important; gap: 9px !important; }
html body.jf-workspace-site .js-dashboard-footer__bottom { margin-top: 38px !important; padding-top: 20px !important; display: flex !important; justify-content: space-between !important; gap: 18px !important; border-top: 1px solid rgba(255,255,255,.13) !important; }
html body.jf-workspace-site .js-dashboard-footer__bottom p { margin: 0 !important; color: rgba(255,255,255,.64) !important; font-size: 13px !important; }

/* Public and authentication surfaces: use the same final margins and polish. */
body.jf-public-site .jf-container { width: var(--jf-final-container) !important; max-width: none !important; margin-inline: auto !important; }
body.jf-public-site .jf-header { border-bottom: 1px solid rgba(7,81,58,.12) !important; background: rgba(255,255,255,.95) !important; box-shadow: 0 8px 28px rgba(7,81,58,.07) !important; backdrop-filter: blur(18px); }
body.jf-public-site .jf-header__inner { min-height: 86px !important; }
body.jf-public-site :is(.jf-card, .jf-job-card, .jf-catalogue-card) { border-radius: 18px !important; box-shadow: var(--jf-final-shadow-sm) !important; }
body.auth-page { min-height: 100dvh; overflow-x: hidden; }
body.auth-page :is(.auth-container, .login-container, .register-container, .verify-container, .main-container, .container) { width: min(100% - 32px, 520px) !important; margin-inline: auto !important; }
body.auth-page :is(.auth-card, .login-card, .register-card, .verify-card, .form-card, .form-container) { border: 1px solid var(--jf-final-line) !important; border-radius: 22px !important; box-shadow: var(--jf-final-shadow) !important; }

/* Deliberate entrance motion, kept lightweight and accessible. */
@keyframes jfFinalEnter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes jfFinalSoftPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(237, 189, 40, 0); }
    50% { box-shadow: 0 0 0 8px rgba(237, 189, 40, .1); }
}

html.jf-enhanced body.jf-workspace-site [data-jf-reveal] {
    opacity: 0 !important;
    transform: translateY(16px) !important;
    animation: none !important;
}

html.jf-enhanced body.jf-workspace-site [data-jf-reveal].is-visible {
    opacity: 1 !important;
    transform: none !important;
    animation: jfFinalEnter .52s cubic-bezier(.2,.7,.2,1) var(--jf-delay, 0ms) both !important;
}

html body.jf-workspace-site .js-profile-avatar { animation: jfFinalSoftPulse 3.2s ease-in-out infinite; }

/* Dark theme keeps the same hierarchy and sufficient contrast. */
body.jf-workspace-site.dark-mode {
    --jf-final-ink: #edf8f2;
    --jf-final-muted: #b8cbc1;
    --jf-final-line: #294b3e;
    --jf-final-surface: #0c2a20;
    --jf-final-canvas: #061f18;
    background: linear-gradient(180deg, #071f18, #061a14) !important;
}

body.jf-workspace-site.dark-mode .js-dashboard-header { background: rgba(8, 31, 24, .95) !important; border-color: #294b3e !important; }
body.jf-workspace-site.dark-mode :is(.js-dashboard-brand strong, .js-dashboard-links > a, .profile-btn, label, td, .section-title, .panel-title) { color: var(--jf-final-ink) !important; }
body.jf-workspace-site.dark-mode :is(.js-dashboard-actions .js-tutorial-button, .js-dashboard-actions .notif-btn, .js-dashboard-actions .theme-toggle, .peso-language-picker select, .dropdown, input, select, textarea, table, .job-card, .info-card, .card, .support-card) { color: var(--jf-final-ink) !important; border-color: var(--jf-final-line) !important; background: var(--jf-final-surface) !important; }
body.jf-workspace-site.dark-mode th { color: #d7e8df !important; background: #12382b !important; }

@media (max-width: 1320px) {
    :where(body.jf-site, body.auth-page) { --jf-final-container: calc(100% - 40px); }
    html body.jf-workspace-site .js-dashboard-nav { grid-template-columns: minmax(205px, auto) 1fr auto !important; gap: 14px !important; }
    html body.jf-workspace-site .js-dashboard-links > a { padding-inline: 9px !important; }
    html body.jf-workspace-site .js-dashboard-links > a span { display: none; }
    html body.jf-workspace-site .js-dashboard-links > a > i { font-size: 18px !important; }
    html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button span,
    html body.jf-workspace-site .profile-btn .js-profile-name { display: none !important; }
    html body.jf-workspace-site .js-dashboard-footer { padding-inline: 20px !important; }
}

@media (max-width: 980px) {
    :where(body.jf-site, body.auth-page) { --jf-final-container: calc(100% - 28px); --jf-final-header: 76px; }
    html body.jf-workspace-site .js-dashboard-nav { grid-template-columns: minmax(54px, 1fr) 44px auto !important; gap: 8px !important; }
    html body.jf-workspace-site .js-dashboard-brand span { display: none !important; }
    html body.jf-workspace-site .js-dashboard-brand img { width: 48px !important; height: 48px !important; min-width: 48px !important; flex-basis: 48px !important; }
    html body.jf-workspace-site .js-dashboard-menu { width: 42px !important; height: 42px !important; padding: 0 !important; display: grid !important; place-items: center !important; border: 1px solid var(--jf-final-line) !important; border-radius: 11px !important; color: var(--jf-final-green-950) !important; background: #fff !important; }
    html body.jf-workspace-site .js-dashboard-links { position: fixed !important; inset: var(--jf-final-header) 14px auto !important; z-index: 1250 !important; max-height: calc(100dvh - var(--jf-final-header) - 20px) !important; padding: 12px !important; display: none !important; overflow-y: auto !important; border: 1px solid var(--jf-final-line) !important; border-radius: 16px !important; background: #fff !important; box-shadow: var(--jf-final-shadow) !important; }
    html body.jf-workspace-site .js-dashboard-links.is-open { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    html body.jf-workspace-site .js-dashboard-links > a { justify-content: flex-start !important; padding-inline: 14px !important; }
    html body.jf-workspace-site .js-dashboard-links > a span { display: inline !important; }
    html body.jf-workspace-site .js-mobile-account-link { display: inline-flex !important; }
    html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button { display: none !important; }
    html body.jf-workspace-site .profile-btn .js-profile-name { display: none !important; }
    html body.jf-workspace-site :is(.profile-layout, .dashboard-grid, .support-layout, .js-job-details-grid) { grid-template-columns: 1fr !important; }
    html body.jf-workspace-site .js-job-details-sidebar { position: static !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    html body.jf-workspace-site .js-related-jobs-card { grid-column: 1 / -1 !important; }
    html body.jf-workspace-site .js-dashboard-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 680px) {
    :where(body.jf-site, body.auth-page) { --jf-final-container: calc(100% - 20px); }
    html body.jf-workspace-site .js-dashboard-nav { grid-template-columns: 48px 42px minmax(0, 1fr) !important; padding-block: 9px !important; }
    html body.jf-workspace-site .js-dashboard-actions { gap: 5px !important; overflow: visible !important; }
    html body.jf-workspace-site .js-dashboard-actions .notif-wrap { display: none !important; }
    html body.jf-workspace-site .js-dashboard-actions :is(.theme-toggle, .profile-btn) { min-width: 38px !important; width: 38px !important; height: 38px !important; padding: 0 !important; }
    html body.jf-workspace-site .js-profile-avatar { width: 36px !important; height: 36px !important; flex-basis: 36px !important; }
    html body.jf-workspace-site .profile-btn > .fa-chevron-down { display: none !important; }
    html body.jf-workspace-site .peso-language-picker select { min-width: 94px !important; width: 94px !important; height: 38px !important; padding-left: 9px !important; font-size: 12px !important; }
    html body.jf-workspace-site .js-dashboard-links.is-open { grid-template-columns: 1fr !important; }
    html body.jf-workspace-site .js-dashboard-shell { padding: 20px 0 50px !important; }
    html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero) { min-height: 190px !important; padding: 28px 22px !important; border-radius: 18px !important; align-items: flex-start !important; flex-direction: column !important; }
    html body.jf-workspace-site :is(.page-header, .hero, .content-header, .support-hero, .job-header, .js-suite-page-hero) :is(h1, .page-title) { font-size: clamp(30px, 10vw, 42px) !important; }
    html body.jf-workspace-site :is(.section-header, .panel-header, .card-header, .js-panel-heading) { align-items: flex-start !important; flex-direction: column !important; }
    html body.jf-workspace-site :is(.job-grid, .jobs-grid) { grid-template-columns: 1fr !important; }
    html body.jf-workspace-site .js-job-card { min-height: 0 !important; }
    html body.jf-workspace-site .js-job-details-sidebar { grid-template-columns: 1fr !important; }
    html body.jf-workspace-site .js-dashboard-footer { padding: 42px 14px 20px !important; }
    html body.jf-workspace-site .js-dashboard-footer__grid { grid-template-columns: 1fr !important; gap: 28px !important; }
    html body.jf-workspace-site .js-dashboard-footer__bottom { align-items: flex-start !important; flex-direction: column !important; }
    html body.jf-workspace-site table { min-width: 680px !important; }
    html body.jf-workspace-site :is(.table-responsive, .table-wrapper, .applications-table, .data-table-wrap) { width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
}

@media (prefers-reduced-motion: reduce) {
    html body.jf-workspace-site *,
    html body.jf-workspace-site *::before,
    html body.jf-workspace-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    html.jf-enhanced body.jf-workspace-site [data-jf-reveal] { opacity: 1 !important; transform: none !important; }
}

/* Specificity lock: older route styles intentionally remain in the project
   for workflow safety. These final selectors guarantee that the new template,
   not the retained legacy rules, owns the rendered geometry. */
html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
    width: var(--jf-final-container) !important;
    max-width: none !important;
    min-height: var(--jf-final-header) !important;
    grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr) !important;
    gap: clamp(18px, 2.2vw, 38px) !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-dashboard-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 24px !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-welcome-card {
    border-radius: var(--jf-final-radius-lg) !important;
    box-shadow: 0 24px 54px rgba(5, 72, 49, .18) !important;
}

html body.jf-workspace-site.peso-jobseeker-suite :is(.js-profile-readiness, .js-advanced-discovery, .js-matched-panel, .js-job-lane, .js-job-categories, .js-help-strip) {
    border-radius: var(--jf-final-radius-md) !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-quick-actions > a {
    border-radius: var(--jf-final-radius-md) !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card {
    min-height: 390px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 178px auto auto 1fr !important;
    gap: 0 !important;
    border-radius: 18px !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-job-top {
    width: 100% !important;
    height: 178px !important;
    min-height: 178px !important;
    padding: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    place-items: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-company-logo {
    width: min(72%, 220px) !important;
    height: 132px !important;
    min-height: 0 !important;
    max-width: 220px !important;
    max-height: 132px !important;
    padding: 12px !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-company-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 174px !important;
    max-height: 106px !important;
    object-fit: contain !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-job-copy {
    padding: 20px 20px 12px !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-job-badges {
    min-height: 38px !important;
    padding: 0 20px 14px !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: auto !important;
}

html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-job-footer {
    min-height: 58px !important;
    padding: 12px 20px 18px !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
}

@media (max-width: 1320px) {
    html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
    html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
        grid-template-columns: minmax(205px, auto) 1fr auto !important;
        gap: 14px !important;
    }
}

/* One content rail for every authenticated jobseeker route. Some legacy
   pages wrap their content in .container/.page while the dashboard renders a
   direct <main>; this rule deliberately normalizes both structures. */
html body.jf-workspace-site {
    --jf-workspace-max: 100% !important;
    --page-max-width: 100% !important;
    --content-max-width: 100% !important;
}

html body.jf-workspace-site > :is(
    .js-dashboard-shell,
    .container.js-dashboard-shell,
    .page.js-dashboard-shell,
    main.support-shell.js-dashboard-shell
) {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

html body.jf-workspace-site > :is(.container.js-dashboard-shell, .page.js-dashboard-shell)
    > :is(main, .content, .dashboard-content, .main-content) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
}

html body.jf-workspace-site > .js-dashboard-shell
    > :is(.js-dashboard-overview, .js-quick-actions, .js-advanced-discovery, .js-job-discovery, .js-job-categories, .js-help-strip, .page-header, .hero, .content-header, .job-header, .profile-layout, .dashboard-grid, .content-grid, .support-layout, .skills-layout) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

@media (max-width: 1320px) {
    html body.jf-workspace-site > :is(
        .js-dashboard-shell,
        .container.js-dashboard-shell,
        .page.js-dashboard-shell,
        main.support-shell.js-dashboard-shell
    ) {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 680px) {
    html body.jf-workspace-site > :is(
        .js-dashboard-shell,
        .container.js-dashboard-shell,
        .page.js-dashboard-shell,
        main.support-shell.js-dashboard-shell
    ) {
        width: calc(100% - 20px) !important;
    }
}

/* Wide-screen correction from the live dashboard review: keep the entire
   workspace fluid with the same 32px rail, and resolve the two controls that
   were visibly compressed in dark mode. */
html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
    width: calc(100% - 64px) !important;
    max-width: none !important;
}

html body.jf-workspace-site .js-dashboard-footer__grid,
html body.jf-workspace-site .js-dashboard-footer__bottom {
    max-width: none !important;
}

html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button {
    width: max-content !important;
    min-width: 94px !important;
    flex: 0 0 auto !important;
    padding-inline: 13px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button span {
    display: inline !important;
    white-space: nowrap !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
    overflow: visible !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-heading {
    min-height: 0 !important;
    padding: 0 !important;
    color: var(--jf-final-ink) !important;
    background: transparent !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-heading > span {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 12px !important;
    color: var(--jf-final-green-700) !important;
    background: var(--jf-final-green-100) !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-heading :is(strong, small) {
    color: inherit !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form {
    width: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(130px, .7fr)) minmax(126px, auto) minmax(92px, auto) !important;
    gap: 10px !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-search {
    min-width: 0 !important;
    height: 50px !important;
    padding: 0 13px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    border: 1px solid var(--jf-final-line) !important;
    border-radius: 11px !important;
    background: var(--jf-final-surface) !important;
}

html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--jf-final-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.jf-workspace-site.dark-mode.peso-jobseeker-suite .js-advanced-discovery .js-filter-search,
html body.jf-workspace-site.dark-mode.peso-jobseeker-suite .js-advanced-discovery :is(select, .filter-clear) {
    color: #edf8f2 !important;
    border-color: #315548 !important;
    background: #12382b !important;
}

html body.jf-workspace-site.dark-mode.peso-jobseeker-suite .js-advanced-discovery .js-filter-search input {
    color: #edf8f2 !important;
    background: transparent !important;
}

html body.jf-workspace-site.dark-mode.peso-jobseeker-suite .js-advanced-discovery .js-filter-search input::placeholder {
    color: #abc2b7 !important;
    opacity: 1 !important;
}

html body.jf-workspace-site.dark-mode.peso-jobseeker-suite .js-advanced-discovery .js-filter-heading {
    color: #edf8f2 !important;
}

html body.jf-workspace-site .js-dashboard-shell > :is(.breadcrumb, .breadcrumbs, [aria-label="Breadcrumb"]) {
    font-size: 13px !important;
}

@media (max-width: 1320px) {
    html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
    html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
        width: calc(100% - 40px) !important;
    }
    html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button span { display: none !important; }
    html body.jf-workspace-site .js-dashboard-actions .js-tutorial-button { min-width: 42px !important; width: 42px !important; padding: 0 !important; }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form {
        grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(130px, .65fr)) minmax(120px, auto) minmax(88px, auto) !important;
    }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form select:nth-of-type(n+3) { display: none !important; }
}

@media (max-width: 980px) {
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-search { grid-column: 1 / -1 !important; }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form select:nth-of-type(n+3) { display: block !important; }
}

@media (max-width: 680px) {
    html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
    html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
        width: calc(100% - 20px) !important;
    }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery { padding: 16px !important; }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery form { grid-template-columns: 1fr !important; }
    html body.jf-workspace-site.peso-jobseeker-suite .js-advanced-discovery .js-filter-search { grid-column: auto !important; }
}

@media (max-width: 980px) {
    html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
    html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
        grid-template-columns: minmax(54px, 1fr) 44px auto !important;
        gap: 8px !important;
    }
    html body.jf-workspace-site.peso-jobseeker-suite .js-dashboard-overview { grid-template-columns: 1fr !important; }
}

@media (max-width: 680px) {
    html body.jf-workspace-site .js-dashboard-header .js-dashboard-nav,
    html body.jf-workspace-site .js-suite-dashboard-header .js-dashboard-nav {
        grid-template-columns: 48px 42px minmax(0, 1fr) !important;
    }
    html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 166px auto auto auto !important;
    }
    html body.jf-workspace-site.peso-product-ui.peso-jobseeker-suite[data-peso-page="jobseeker-home"] .js-job-card .js-job-top {
        height: 166px !important;
        min-height: 166px !important;
    }
}