/*
 * ==========================================================
 * KAYROMA — CENTRALNY SYSTEM WYGLĄDU
 * ==========================================================
 *
 * Główny punkt wejścia do wszystkich stylów Kayroma.
 * Ten plik nie zawiera bezpośrednich reguł CSS.
 */

@import url("./kayroma/01-tokens.css?v=20260802-profile-form-2");
@import url("./kayroma/02-foundation.css?v=20260802-profile-form-2");
@import url("./kayroma/03-components.css");
@import url("./kayroma/04-app-shell-onboarding.css");
@import url("./kayroma/05-recruiter-workspace.css");
@import url("./kayroma/07-pages.css?v=20260803-framework-buttons-1");
@import url("./kayroma/08-super-admin.css");
@import url("./kayroma/09-buttons.css");
@import url("./kayroma/10-forms.css?v=20260802-profile-form-2");
@import url("./kayroma/11-cards.css");
@import url("./kayroma/12-panels.css");
@import url("./kayroma/13-feedback.css");
@import url("./kayroma/14-layout.css");
@import url("./kayroma/15-navigation.css?v=20260815-5");

@import url("./kayroma/16-match.css");
@import url("kayroma/17-feed.css");
@import url("./kayroma/18-public-home.css?v=20260824-1");
@import url("./kayroma/19-workforce.css?v=20260828-1");

/* =========================================================
   HOME PRV
   ========================================================= */

.private-home {
    width: min(1120px, calc(100% - 28px));
    margin: 0 auto;
    padding: 34px 0 110px;
}

.private-home__intro {
    margin-bottom: 24px;
}

.private-home__eyebrow,
.private-home-section__eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .55;
}

.private-home__heading {
    margin: 5px 0 8px;
    font-size: clamp(28px, 5vw, 44px);
    line-height: 1.05;
}

.private-home__lead {
    margin: 0;
    max-width: 680px;
    opacity: .68;
}

.private-home__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 30px;
}

.private-home-stat {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    border: 1px solid var(--kr-card-border);
    border-radius: 22px;
    background: var(--kr-card-surface);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
    transition: transform .16s ease, box-shadow .16s ease;
}

.private-home-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
}

.private-home-stat__value {
    margin-bottom: auto;
    font-size: 38px;
    font-weight: 850;
    line-height: 1;
}

.private-home-stat__title {
    margin-top: 18px;
    font-size: 16px;
}

.private-home-stat__text {
    margin-top: 4px;
    font-size: 13px;
    opacity: .62;
}

.private-home-section {
    margin: 30px 0;
}

.private-home-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.private-home-section__header h2 {
    margin: 4px 0 0;
    font-size: 24px;
}

.private-home-section__link {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    opacity: .65;
}

.private-home-best-match {
    width: min(100%, 520px);
    margin: 0 auto;
}

.home-prv-match-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.private-home-empty,
.private-home-info {
    padding: 22px;
    border: 1px solid var(--kr-card-border);
    border-radius: 20px;
    background: var(--kr-card-surface);
}

.private-home__secondary {
    display: grid;
    gap: 12px;
    margin-top: 30px;
}

.private-home-tile {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 82px;
    padding: 14px 18px;
    border: 1px solid var(--kr-card-border);
    border-radius: 20px;
    background: var(--kr-card-surface);
    color: inherit;
    text-decoration: none;
}

.private-home-tile__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: rgba(127, 127, 127, .10);
    font-size: 20px;
    font-weight: 800;
}

.private-home-tile strong,
.private-home-tile span {
    display: block;
}

.private-home-tile span {
    margin-top: 3px;
    font-size: 13px;
    opacity: .62;
}

.private-home-tile b {
    font-size: 22px;
}

.private-home-tile__arrow {
    font-size: 28px !important;
    opacity: .42 !important;
}

.private-home-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 30px;
}

.private-home-info span {
    font-size: 13px;
    opacity: .62;
}

@media (max-width: 760px) {
    .private-home {
        width: min(100% - 20px, 1120px);
        padding-top: 22px;
    }

    .private-home__stats {
        grid-template-columns: 1fr;
    }

    .private-home-stat {
        min-height: 125px;
    }

    .private-home-section__header {
        align-items: center;
    }
}

/* =========================================================
   HOME PRV — KAYROMA FIRST DESIGN
   ========================================================= */

.prv-home {
    width: min(980px, calc(100% - 32px));
    margin: 0 auto;
    padding: 46px 0 120px;
}

.prv-home-hero {
    padding: 6px 4px 38px;
}

.prv-home-kicker {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .45;
}

.prv-home-title {
    margin: 0;
    font-size: clamp(38px, 6vw, 64px);
    line-height: .98;
    font-weight: 760;
    letter-spacing: -.045em;
}

.prv-home-subtitle {
    max-width: 620px;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.5;
    opacity: .52;
}

.prv-home-overview {
    margin-bottom: 52px;
}

.prv-home-overview__primary {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
    min-height: 170px;
    padding: 30px 34px;
    border-radius: 30px;
    background: var(--kr-card-surface);
    color: inherit;
    text-decoration: none;
    box-shadow:
        0 1px 2px rgba(0,0,0,.04),
        0 10px 40px rgba(0,0,0,.06);
}

.prv-home-overview__number {
    font-size: clamp(54px, 9vw, 82px);
    line-height: .9;
    font-weight: 780;
    letter-spacing: -.06em;
}

.prv-home-overview__content strong,
.prv-home-overview__content span {
    display: block;
}

.prv-home-overview__content strong {
    font-size: 22px;
    font-weight: 700;
}

.prv-home-overview__content span {
    margin-top: 6px;
    font-size: 14px;
    opacity: .48;
}

.prv-home-overview__arrow {
    font-size: 30px;
    opacity: .32;
}

.prv-home-overview__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}

.prv-home-mini {
    min-height: 120px;
    padding: 24px 26px;
    border-radius: 26px;
    background: var(--kr-card-surface);
    color: inherit;
    text-decoration: none;
    box-shadow:
        0 1px 2px rgba(0,0,0,.03),
        0 7px 24px rgba(0,0,0,.045);
}

.prv-home-mini__number,
.prv-home-mini__label {
    display: block;
}

.prv-home-mini__number {
    font-size: 38px;
    line-height: 1;
    font-weight: 760;
    letter-spacing: -.04em;
}

.prv-home-mini__label {
    margin-top: 22px;
    font-size: 14px;
    font-weight: 650;
    opacity: .58;
}

.prv-home-section {
    margin-top: 56px;
}

.prv-home-section__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    padding: 0 4px;
}

.prv-home-section__heading span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .4;
}

.prv-home-section__heading h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 720;
    letter-spacing: -.025em;
}

.prv-home-section__heading a {
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    opacity: .48;
}

.prv-home-match {
    width: min(100%, 500px);
    margin: 0 auto;
}

.prv-home-match-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 30px !important;
    box-shadow:
        0 1px 2px rgba(0,0,0,.04),
        0 14px 50px rgba(0,0,0,.07);
}

.prv-home-list {
    margin-top: 58px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--kr-card-surface);
    box-shadow:
        0 1px 2px rgba(0,0,0,.03),
        0 10px 35px rgba(0,0,0,.045);
}

.prv-home-list__item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
    min-height: 88px;
    padding: 18px 26px;
    color: inherit;
    text-decoration: none;
}

.prv-home-list__item + .prv-home-list__item {
    border-top: 1px solid rgba(127,127,127,.14);
}

.prv-home-list__item strong,
.prv-home-list__item span {
    display: block;
}

.prv-home-list__item strong {
    font-size: 16px;
    font-weight: 680;
}

.prv-home-list__item span {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.35;
    opacity: .48;
}

.prv-home-list__value {
    min-width: 34px;
    text-align: right;
    font-size: 24px;
    font-weight: 720;
}

.prv-home-list__chevron {
    font-size: 30px;
    opacity: .28;
}

.prv-home-softbox {
    padding: 28px;
    border-radius: 28px;
    background: var(--kr-card-surface);
    box-shadow:
        0 1px 2px rgba(0,0,0,.03),
        0 10px 35px rgba(0,0,0,.045);
    opacity: .68;
}

@media (max-width: 680px) {

    .prv-home {
        width: min(100% - 20px, 980px);
        padding-top: 28px;
    }

    .prv-home-hero {
        padding-bottom: 28px;
    }

    .prv-home-overview__primary {
        grid-template-columns: 1fr auto;
        gap: 14px;
        padding: 26px 24px;
    }

    .prv-home-overview__number {
        grid-column: 1 / -1;
    }

    .prv-home-overview__content strong {
        font-size: 18px;
    }

    .prv-home-overview__row {
        grid-template-columns: 1fr 1fr;
    }

    .prv-home-mini {
        min-height: 108px;
        padding: 20px;
    }

    .prv-home-mini__number {
        font-size: 32px;
    }

    .prv-home-mini__label {
        margin-top: 18px;
        font-size: 13px;
    }

}

/* =========================================================
   KAYROMA HOME PRV — FIRST DESIGN
   ========================================================= */

.kh-home {
    --kh-blue: #0866d8;
    --kh-blue-2: #1976eb;
    --kh-blue-soft: #eef6ff;
    --kh-blue-soft-2: #f7fbff;
    --kh-text: #071735;
    --kh-muted: #66758c;
    --kh-line: rgba(8, 102, 216, .11);

    width: min(1040px, calc(100% - 32px));
    margin: 0 auto;
    padding: 50px 0 120px;
}

.kh-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 210px;
    padding: 16px 20px 42px;
    overflow: hidden;
}

.kh-hero__copy {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

.kh-eyebrow,
.kh-section-header span {
    display: block;
    color: var(--kh-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.kh-hero h1 {
    margin: 10px 0 12px;
    color: var(--kh-text);
    font-size: clamp(42px, 7vw, 68px);
    line-height: .98;
    font-weight: 790;
    letter-spacing: -.055em;
}

.kh-hero p {
    max-width: 610px;
    margin: 0;
    color: var(--kh-muted);
    font-size: 16px;
    line-height: 1.55;
}

.kh-hero__mesh {
    position: absolute;
    top: 10px;
    right: 0;
    width: 310px;
    height: 180px;
    opacity: .18;
    background:
        radial-gradient(circle at 60% 40%, rgba(25,118,235,.20), transparent 45%);
}

.kh-hero__mesh::before,
.kh-hero__mesh::after {
    content: "";
    position: absolute;
    inset: 25px 20px 35px 30px;
    border: 1px solid rgba(8,102,216,.22);
    border-radius: 52% 48% 42% 58%;
    transform: rotate(-8deg);
}

.kh-hero__mesh::after {
    inset: 48px 50px 20px 65px;
    transform: rotate(22deg);
}

.kh-hero__mesh span {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--kh-blue-2);
}

.kh-hero__mesh span:nth-child(1) { top: 35px; left: 120px; }
.kh-hero__mesh span:nth-child(2) { top: 70px; left: 205px; }
.kh-hero__mesh span:nth-child(3) { top: 118px; left: 160px; }
.kh-hero__mesh span:nth-child(4) { top: 100px; left: 75px; }
.kh-hero__mesh span:nth-child(5) { top: 52px; left: 55px; }
.kh-hero__mesh span:nth-child(6) { top: 133px; left: 245px; }
.kh-hero__mesh span:nth-child(7) { top: 28px; left: 255px; }

.kh-overview {
    margin-top: 4px;
}

.kh-main-card,
.kh-small-card,
.kh-actions,
.kh-empty {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(250,253,255,.98)
        );
    border: 1px solid var(--kh-line);
    box-shadow:
        0 2px 5px rgba(8, 55, 110, .04),
        0 15px 40px rgba(8, 55, 110, .08);
}

.kh-main-card {
    display: grid;
    grid-template-columns: 74px auto 1fr 58px;
    align-items: center;
    gap: 24px;
    min-height: 154px;
    padding: 28px 34px;
    border-radius: 30px;
    color: inherit;
    text-decoration: none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.kh-main-card:hover,
.kh-small-card:hover,
.kh-action-row:hover {
    transform: translateY(-2px);
}

.kh-icon,
.kh-action-icon {
    display: grid;
    place-items: center;
    color: var(--kh-blue);
    background:
        linear-gradient(
            145deg,
            #f4f9ff,
            #e8f3ff
        );
    border: 1px solid rgba(8,102,216,.08);
    box-shadow:
        0 6px 18px rgba(8,102,216,.13);
}

.kh-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 24px;
    font-weight: 800;
}

.kh-icon--main {
    width: 64px;
    height: 64px;
}

.kh-main-card__number {
    color: var(--kh-blue);
    font-size: 64px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.06em;
}

.kh-main-card__copy strong,
.kh-main-card__copy span,
.kh-small-card__copy strong,
.kh-small-card__copy span,
.kh-action-copy strong,
.kh-action-copy span {
    display: block;
}

.kh-main-card__copy strong {
    color: var(--kh-text);
    font-size: 22px;
    font-weight: 730;
}

.kh-main-card__copy span {
    margin-top: 6px;
    color: var(--kh-muted);
    font-size: 14px;
}

.kh-main-card__arrow,
.kh-small-card__arrow {
    display: grid;
    place-items: center;
    color: var(--kh-blue);
}

.kh-main-card__arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 6px 20px rgba(8,55,110,.08);
    font-size: 26px;
}

.kh-small-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.kh-small-card {
    display: grid;
    grid-template-columns: 58px auto 1fr 30px;
    align-items: center;
    gap: 18px;
    min-height: 124px;
    padding: 24px 26px;
    border-radius: 26px;
    color: inherit;
    text-decoration: none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.kh-small-card__number {
    color: var(--kh-blue);
    font-size: 44px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.05em;
}

.kh-small-card__copy strong {
    color: var(--kh-text);
    font-size: 16px;
    font-weight: 700;
}

.kh-small-card__copy span {
    margin-top: 5px;
    color: var(--kh-muted);
    font-size: 13px;
    line-height: 1.35;
}

.kh-small-card__arrow {
    font-size: 23px;
}

.kh-match-section {
    margin-top: 58px;
}

.kh-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    padding: 0 16px;
}

.kh-section-header h2 {
    margin: 7px 0 0;
    color: var(--kh-text);
    font-size: 30px;
    font-weight: 760;
    letter-spacing: -.035em;
}

.kh-section-header a {
    color: var(--kh-blue);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.kh-match-wrapper {
    width: min(100%, 820px);
    margin: 0 auto;
}

.kh-match-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;

    border-color: rgba(8,102,216,.18) !important;
    border-radius: 28px !important;
    box-shadow:
        0 3px 8px rgba(8,55,110,.05),
        0 18px 48px rgba(8,55,110,.10) !important;
}

.kh-match-card .kr-card__media,
.kh-match-card .match-media {
    background:
        linear-gradient(
            135deg,
            #f7fbff,
            #edf6ff
        ) !important;
}

.kh-actions {
    margin-top: 54px;
    overflow: hidden;
    border-radius: 28px;
}

.kh-action-row {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    align-items: center;
    gap: 20px;
    min-height: 92px;
    padding: 18px 26px;
    color: inherit;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}

.kh-action-row + .kh-action-row {
    border-top: 1px solid rgba(8,102,216,.08);
}

.kh-action-row:hover {
    background: var(--kh-blue-soft-2);
}

.kh-action-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 20px;
    font-weight: 800;
}

.kh-action-copy strong {
    color: var(--kh-text);
    font-size: 16px;
    font-weight: 700;
}

.kh-action-copy span {
    margin-top: 4px;
    color: var(--kh-muted);
    font-size: 13px;
}

.kh-action-value {
    min-width: 46px;
    color: var(--kh-text);
    text-align: right;
    font-size: 30px;
    font-weight: 780;
}

.kh-action-chevron {
    color: var(--kh-blue);
    font-size: 32px;
}

.kh-empty {
    padding: 28px;
    border-radius: 26px;
    color: var(--kh-muted);
}

@media (max-width: 760px) {

    .kh-home {
        width: min(100% - 20px, 1040px);
        padding-top: 26px;
    }

    .kh-hero {
        min-height: 180px;
        padding: 12px 10px 28px;
    }

    .kh-hero__mesh {
        right: -110px;
        opacity: .10;
    }

    .kh-main-card {
        grid-template-columns: 54px auto 1fr;
        gap: 14px;
        padding: 24px 20px;
    }

    .kh-main-card__arrow {
        display: none;
    }

    .kh-main-card__number {
        font-size: 52px;
    }

    .kh-main-card__copy strong {
        font-size: 18px;
    }

    .kh-small-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .kh-small-card {
        grid-template-columns: 44px 1fr;
        gap: 10px;
        padding: 18px 16px;
    }

    .kh-small-card__number {
        font-size: 36px;
    }

    .kh-small-card__copy,
    .kh-small-card__arrow {
        grid-column: 1 / -1;
    }

    .kh-small-card__copy span {
        font-size: 12px;
    }

    .kh-section-header {
        padding: 0 6px;
    }

    .kh-section-header h2 {
        font-size: 25px;
    }

    .kh-action-row {
        grid-template-columns: 44px 1fr auto;
        gap: 12px;
        padding: 16px;
    }

}

@media (max-width: 760px) {
    .kh-home {
        padding-bottom: 180px;
    }
}

.kh-home-bottom-space {
    height: 20px;
}

@media (max-width: 760px) {
    .kh-home-bottom-space {
        height: 140px;
        flex: 0 0 140px;
    }
}

/* =========================================================
   KAYROMA — ANONIMOWE REALIZACJE PRV
   ========================================================= */

.kw-section {
    --kw-blue: #0866d8;
    --kw-blue-soft: #eef6ff;
    --kw-text: #071735;
    --kw-muted: #69778b;

    margin-top: 70px;
}

.kw-section-head,
.kw-feed-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 0 12px;
}

.kw-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--kw-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kw-section-head h2,
.kw-feed-head h3 {
    margin: 0;
    color: var(--kw-text);
    letter-spacing: -.03em;
}

.kw-section-head h2 {
    font-size: 30px;
}

.kw-feed-head h3 {
    font-size: 24px;
}

.kw-section-head p {
    max-width: 620px;
    margin: 8px 0 0;
    color: var(--kw-muted);
    font-size: 14px;
    line-height: 1.5;
}

.kw-own-count {
    min-width: 90px;
    text-align: right;
}

.kw-own-count strong,
.kw-own-count span {
    display: block;
}

.kw-own-count strong {
    color: var(--kw-blue);
    font-size: 32px;
}

.kw-own-count span {
    color: var(--kw-muted);
    font-size: 11px;
}

.kw-upload-card {
    margin-top: 20px;
    padding: 26px;
    border: 1px solid rgba(8,102,216,.12);
    border-radius: 28px;
    background: #fff;
    box-shadow:
        0 3px 8px rgba(8,55,110,.04),
        0 18px 48px rgba(8,55,110,.08);
}

.kw-upload-copy {
    display: flex;
    align-items: center;
    gap: 16px;
}

.kw-upload-copy strong,
.kw-upload-copy span {
    display: block;
}

.kw-upload-copy strong {
    color: var(--kw-text);
    font-size: 17px;
}

.kw-upload-copy span {
    margin-top: 3px;
    color: var(--kw-muted);
    font-size: 13px;
}

.kw-upload-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 15px;
    background: var(--kw-blue-soft);
    color: var(--kw-blue);
    font-size: 26px;
    font-weight: 500;
}

.kw-upload-form {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr auto;
    align-items: end;
    gap: 12px;
    margin-top: 22px;
}

.kw-field span {
    display: block;
    margin-bottom: 6px;
    color: var(--kw-muted);
    font-size: 11px;
    font-weight: 700;
}

.kw-field input,
.kw-field select {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid rgba(8,55,110,.16);
    border-radius: 12px;
    background: #fff;
    color: var(--kw-text);
}

.kw-field input:focus,
.kw-field select:focus {
    outline: none;
    border-color: var(--kw-blue);
    box-shadow: 0 0 0 3px rgba(8,102,216,.10);
}

.kw-submit {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: var(--kw-blue);
    color: #fff;
    font-weight: 750;
    cursor: pointer;
}

.kw-upload-note {
    grid-column: 1 / -1;
    color: var(--kw-muted);
    font-size: 11px;
}

.kw-feed-head {
    margin-top: 46px;
}

.kw-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.kw-card {
    overflow: hidden;
    border: 1px solid rgba(8,102,216,.10);
    border-radius: 24px;
    background: #fff;
    box-shadow:
        0 3px 7px rgba(8,55,110,.04),
        0 13px 34px rgba(8,55,110,.07);
}

.kw-image-wrap {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #eef5fb;
}

.kw-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kw-card-body {
    padding: 16px;
}

.kw-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kw-tags span {
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--kw-blue-soft);
    color: #24527f;
    font-size: 11px;
    font-weight: 650;
}

.kw-tags .kw-location {
    background: #f4f7fa;
    color: #637184;
}

.kw-reactions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 16px;
}

.kw-reactions form {
    margin: 0;
}

.kw-reactions button {
    width: 100%;
    min-height: 36px;
    padding: 6px 5px;
    border: 1px solid rgba(8,102,216,.10);
    border-radius: 11px;
    background: #f8fbff;
    color: #53657a;
    font-size: 11px;
    cursor: pointer;
}

.kw-reactions button b {
    display: block;
    margin-top: 2px;
    color: #172c48;
    font-size: 12px;
}

.kw-reactions button.is-active {
    border-color: rgba(8,102,216,.28);
    background: #eaf4ff;
    color: var(--kw-blue);
}

.kw-follow {
    margin: 12px 0 0;
}

.kw-follow button {
    width: 100%;
    min-height: 36px;
    border: 1px solid rgba(8,102,216,.18);
    border-radius: 11px;
    background: #fff;
    color: var(--kw-blue);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.kw-follow button.is-following {
    background: var(--kw-blue);
    color: #fff;
}

.kw-empty,
.kw-no-professions {
    margin-top: 18px;
    padding: 20px;
    border-radius: 18px;
    background: #f7fbff;
    color: var(--kw-muted);
    font-size: 13px;
}

@media (max-width: 900px) {
    .kw-upload-form {
        grid-template-columns: 1fr 1fr;
    }

    .kw-submit {
        width: 100%;
    }

    .kw-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .kw-section {
        margin-top: 54px;
    }

    .kw-section-head {
        align-items: flex-start;
    }

    .kw-section-head h2 {
        font-size: 25px;
    }

    .kw-own-count {
        min-width: 60px;
    }

    .kw-upload-card {
        padding: 18px;
        border-radius: 22px;
    }

    .kw-upload-form {
        grid-template-columns: 1fr;
    }

    .kw-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .kw-card {
        border-radius: 22px;
    }
}

/* =========================================================
   REALIZACJE V2 — INFINITE FEED / FILTRY
   ========================================================= */

.kw-controls {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding: 0 10px;
}

.kw-control-button {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(8,102,216,.15);
    border-radius: 999px;
    background: #fff;
    color: #53657a;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.kw-control-button.is-active {
    border-color: #0866d8;
    background: #0866d8;
    color: #fff;
    box-shadow:
        0 6px 18px rgba(8,102,216,.16);
}

.kw-profession-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.kw-profession-filter span {
    color: #69778b;
    font-size: 11px;
    font-weight: 700;
}

.kw-profession-filter select {
    min-height: 38px;
    max-width: 260px;
    padding: 0 34px 0 12px;
    border: 1px solid rgba(8,102,216,.15);
    border-radius: 999px;
    background: #fff;
    color: #17324f;
    font-size: 12px;
}

.kw-loading {
    padding: 24px 10px;
    color: #69778b;
    text-align: center;
    font-size: 12px;
}

.kw-own-marker {
    display: inline-flex;
    margin-top: 12px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #0866d8;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.kw-reaction-static {
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    padding: 6px 5px;
    border: 1px solid rgba(8,102,216,.08);
    border-radius: 11px;
    background: #f8fbff;
    color: #637184;
    text-align: center;
    font-size: 11px;
}

.kw-reaction-static b {
    display: block;
    margin-top: 2px;
    color: #172c48;
    font-size: 12px;
}

@media (max-width: 620px) {
    .kw-controls {
        align-items: stretch;
        padding: 0;
    }

    .kw-profession-filter {
        width: 100%;
        margin-left: 0;
        margin-top: 4px;
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
    }

    .kw-profession-filter select {
        width: 100%;
        max-width: none;
        border-radius: 12px;
    }
}

/* USER WORKS — upload error */
.kw-upload-error {
    margin: 0 0 16px;
    padding: 13px 16px;
    border: 1px solid rgba(220, 38, 38, .18);
    border-radius: 14px;
    background: rgba(254, 242, 242, .96);
    color: #b91c1c;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    box-shadow: 0 5px 18px rgba(127, 29, 29, .06);
}

/* =========================================================
   USER WORKS — COMPACT UPLOAD + MODAL
   ========================================================= */

.kw-upload-trigger {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 18px;
    padding: 8px 15px 8px 8px;
    border: 1px solid rgba(8,102,216,.13);
    border-radius: 16px;
    background: #fff;
    color: #17324f;
    box-shadow:
        0 3px 8px rgba(8,55,110,.03),
        0 10px 26px rgba(8,55,110,.06);
    cursor: pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.kw-upload-trigger:hover {
    transform: translateY(-1px);
    border-color: rgba(8,102,216,.25);
    box-shadow:
        0 4px 10px rgba(8,55,110,.05),
        0 14px 30px rgba(8,55,110,.09);
}

.kw-upload-trigger__plus {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 11px;
    background: #0866d8;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    box-shadow: 0 5px 14px rgba(8,102,216,.18);
}

.kw-upload-trigger__text {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    text-align: left;
}

.kw-upload-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.kw-upload-modal.is-open {
    display: flex;
}

.kw-upload-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 28, 50, .38);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.kw-upload-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(620px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 28px;
    border: 1px solid rgba(8,102,216,.12);
    border-radius: 26px;
    background: #fff;
    box-shadow:
        0 24px 80px rgba(8,55,110,.20),
        0 4px 14px rgba(8,55,110,.08);
}

.kw-upload-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f7fd;
    color: #53657a;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.kw-upload-modal__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-right: 34px;
}

.kw-upload-modal__icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 14px;
    background: #0866d8;
    color: #fff;
    font-size: 26px;
    box-shadow: 0 7px 18px rgba(8,102,216,.18);
}

.kw-upload-modal__head h3 {
    margin: 1px 0 4px;
    color: #142d49;
    font-size: 20px;
    line-height: 1.2;
}

.kw-upload-modal__head p {
    margin: 0;
    color: #69778b;
    font-size: 13px;
    line-height: 1.45;
}

.kw-upload-privacy {
    margin-top: 20px;
    padding: 15px 17px;
    border: 1px solid rgba(8,102,216,.11);
    border-radius: 15px;
    background: #f5f9ff;
}

.kw-upload-privacy strong {
    display: block;
    margin-bottom: 4px;
    color: #0866d8;
    font-size: 12px;
}

.kw-upload-privacy p {
    margin: 0;
    color: #53657a;
    font-size: 12px;
    line-height: 1.5;
}

.kw-upload-form--modal {
    grid-template-columns: 1fr;
    margin-top: 20px;
}

.kw-upload-form--modal .kw-submit {
    width: 100%;
}

.kw-upload-form--modal .kw-upload-note {
    grid-column: auto;
}

.kw-modal-open {
    overflow: hidden;
}

@media (max-width: 620px) {
    .kw-upload-trigger {
        max-width: 100%;
    }

    .kw-upload-trigger__text {
        font-size: 12px;
    }

    .kw-upload-modal {
        align-items: flex-end;
        padding: 10px;
    }

    .kw-upload-modal__dialog {
        width: 100%;
        max-height: calc(100vh - 20px);
        padding: 22px 18px;
        border-radius: 24px;
    }
}

/* =========================================================
   REALIZACJE — POWIĄZANIE Z CV / DOŚWIADCZENIEM
   ========================================================= */

.kw-upload-success {
    margin: 14px 0;
    padding: 13px 16px;
    border: 1px solid rgba(8, 102, 216, .18);
    border-radius: 16px;
    background: rgba(8, 102, 216, .07);
    color: #0866d8;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 650;
}

.kw-cv-switch {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 8px 0 4px;
    padding: 15px 16px;
    border: 1px solid rgba(8, 102, 216, .16);
    border-radius: 18px;
    background: rgba(8, 102, 216, .045);
    cursor: pointer;
}

.kw-cv-switch input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #0866d8;
}

.kw-cv-switch__copy {
    min-width: 0;
}

.kw-cv-switch__copy strong,
.kw-cv-switch__copy small {
    display: block;
}

.kw-cv-switch__copy strong {
    color: #10233f;
    font-size: 14px;
    font-weight: 750;
}

.kw-cv-switch__copy small {
    margin-top: 4px;
    color: #66758a;
    font-size: 12px;
    line-height: 1.4;
}

.kw-cv-fields {
    margin-top: 10px;
}

.kw-cv-loading {
    padding: 16px;
    text-align: center;
    color: #66758a;
    font-size: 13px;
}

.kw-cv-panel {
    padding: 16px;
    border: 1px solid rgba(8, 102, 216, .14);
    border-radius: 20px;
    background: #f8fbff;
}

.kw-cv-panel__head {
    margin-bottom: 16px;
}

.kw-cv-panel__head strong,
.kw-cv-panel__head span {
    display: block;
}

.kw-cv-panel__head strong {
    color: #10233f;
    font-size: 15px;
}

.kw-cv-panel__head span {
    margin-top: 4px;
    color: #66758a;
    font-size: 12px;
    line-height: 1.4;
}

.kw-new-experience {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(8, 102, 216, .12);
}

.kw-new-experience__title {
    margin-bottom: 14px;
    color: #0866d8;
    font-size: 15px;
    font-weight: 760;
}

.kw-new-experience__subtitle {
    margin: 18px 0 10px;
    color: #10233f;
    font-size: 13px;
    font-weight: 720;
}

.kw-new-experience__dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.kw-cv-postal-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: stretch;
}

.kw-cv-find-city {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(8, 102, 216, .22);
    border-radius: 12px;
    background: #fff;
    color: #0866d8;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.kw-cv-find-city:hover {
    background: rgba(8, 102, 216, .05);
}

.kw-cv-find-city:disabled {
    opacity: .55;
    cursor: wait;
}

.kw-cv-location-message {
    min-height: 18px;
    margin: -4px 0 8px;
    color: #66758a;
    font-size: 12px;
}

.kw-cv-current {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 4px 0 12px;
    color: #10233f;
    font-size: 13px;
    cursor: pointer;
}

.kw-cv-current input {
    width: 17px;
    height: 17px;
    accent-color: #0866d8;
}

@media (max-width: 760px) {
    .kw-new-experience__dates {
        grid-template-columns: 1fr;
    }

    .kw-cv-postal-row {
        grid-template-columns: 1fr;
    }

    .kw-cv-find-city {
        width: 100%;
    }
}

/* ==========================================================
   EXPERIENCE — zdjęcia realizacji
   ========================================================== */

.profile-framework-work-photos {
    margin-top: 16px;
}

.profile-framework-work-photos__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 160px);
    gap: 10px;
    margin-top: 10px;
}

.profile-framework-work-photo {
    display: block;
    width: 160px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #f4f4f4;
}

.profile-framework-work-photo img {
    display: block;
    width: 160px;
    height: 120px;
    object-fit: cover;
}

@media (max-width: 760px) {
    .profile-framework-work-photos__grid {
        grid-template-columns: repeat(auto-fill, 140px);
    }

    .profile-framework-work-photo,
    .profile-framework-work-photo img {
        width: 140px;
        height: 105px;
    }
}

/* =========================================================
   REALIZACJE — LIGHTBOX ZDJĘCIA
   ========================================================= */

.kw-image[data-work-lightbox-image] {
    cursor: zoom-in;
}

.kw-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.kw-lightbox.is-open {
    display: flex;
}

.kw-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .82);
}

.kw-lightbox__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
}

.kw-lightbox__image {
    display: block;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.kw-lightbox__close {
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

body.kw-lightbox-open {
    overflow: hidden;
}

@media (max-width: 700px) {
    .kw-lightbox {
        padding: 12px;
    }

    .kw-lightbox__dialog,
    .kw-lightbox__image {
        max-width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .kw-lightbox__close {
        top: 8px;
        right: 8px;
    }
}

/* LIGHTBOX — Kayroma blue close icon */
.kw-lightbox__close {
    color: var(--kr-primary);
}

/* LIGHTBOX — dokładne wycentrowanie krzyżyka */
.kw-lightbox__close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

/* =========================================================
   PRIVATE HOME — DESKTOP
   KAYROMA WORKS: JEDNA REALIZACJA W WIERSZU
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    .kh-home .kw-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .kh-home .kw-card {
        width: 100%;
    }
}

/* =========================================================
   PRIVATE HOME — DESKTOP
   KAYROMA WORKS: OGRANICZENIE SZEROKOŚCI POJEDYNCZEJ KARTY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    .kh-home .kw-grid {
        width: 100%;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    .kh-home .kw-card {
        width: 100%;
        max-width: 650px;
    }
}

/* =========================================================
   PRIVATE HOME — DESKTOP 3-COLUMN LAYOUT
   TYLKO /private/dashboard
   MOBILE I LOGIKA BEZ ZMIAN
   ========================================================= */

.kh-desktop-nav {
    display: none;
}

@media (min-width: 1024px) {

    /* Cały dashboard */
    body.private-home-page .kh-home {
        position: relative;

        width: min(1440px, calc(100% - 64px));
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;

        padding-left: 220px;
        padding-right: 400px;

        box-sizing: border-box;
    }

    /* =========================================
       LEWA KOLUMNA — NAWIGACJA
       ========================================= */

    body.private-home-page .kh-desktop-nav {
        position: fixed;
        top: 104px;

        left: max(
            32px,
            calc((100vw - 1440px) / 2 + 32px)
        );

        width: 170px;

        display: flex;
        flex-direction: column;
        gap: 6px;

        z-index: 20;
    }

    body.private-home-page .kh-desktop-nav a {
        display: flex;
        align-items: center;

        min-height: 48px;
        padding: 0 18px;

        border-radius: 14px;

        color: #344054;
        background: transparent;

        font-size: 14px;
        font-weight: 800;
        text-decoration: none;

        transition:
            background .16s ease,
            color .16s ease,
            transform .16s ease;
    }

    body.private-home-page .kh-desktop-nav a:hover {
        background: #ffffff;
        color: var(--kr-primary);
        transform: translateX(2px);

        box-shadow:
            0 5px 18px rgba(20, 54, 92, .07);
    }

    /* =========================================
       ŚRODEK
       ========================================= */

    body.private-home-page .kh-hero,
    body.private-home-page .kh-match-section,
    body.private-home-page .kh-actions,
    body.private-home-page .kw-section {
        width: 100%;
        max-width: 650px;

        margin-left: auto;
        margin-right: auto;
    }

    /*
     * Realizacje pozostają pojedynczo.
     */
    body.private-home-page .kh-home .kw-grid {
        width: 100%;
        max-width: 650px;

        grid-template-columns: 1fr;

        margin-left: auto;
        margin-right: auto;
    }

    body.private-home-page .kh-home .kw-card {
        width: 100%;
        max-width: 650px;
    }

    /* =========================================
       PRAWA KOLUMNA — WHAT IS NEW
       Istniejące liczniki, bez kopiowania danych.
       ========================================= */

    body.private-home-page .kh-overview {
        position: fixed;

        top: 104px;

        right: max(
            32px,
            calc((100vw - 1440px) / 2 + 32px)
        );

        width: 350px;
        margin: 0;

        z-index: 15;
    }

    body.private-home-page .kh-overview::before {
        content: "What is new?";

        display: block;

        margin: 0 0 14px;
        padding: 0 4px;

        color: #172033;

        font-size: 18px;
        line-height: 1.2;
        font-weight: 900;
        letter-spacing: -0.025em;
    }

    body.private-home-page .kh-overview .kh-main-card,
    body.private-home-page .kh-overview .kh-small-card {
        width: 100%;
        box-sizing: border-box;
    }

    body.private-home-page .kh-overview .kh-small-grid {
        grid-template-columns: 1fr;
    }

    /* =========================================
       DOLNE MENU
       Tylko desktop tego konkretnego dashboardu.
       ========================================= */

    body.private-home-page > footer {
        display: none;
    }

    body.private-home-page .kh-home-bottom-space {
        height: 50px;
    }
}

/* =========================================================
   WĘŻSZY DESKTOP / TABLET LANDSCAPE
   Nie próbujemy wciskać 3 kolumn.
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1199px) {

    body.private-home-page .kh-home {
        width: min(760px, calc(100% - 48px));
        padding-left: 0;
        padding-right: 0;
    }

    body.private-home-page .kh-desktop-nav,
    body.private-home-page .kh-overview {
        position: static;
    }

    body.private-home-page .kh-desktop-nav {
        width: 100%;

        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;

        margin-bottom: 24px;
    }

    body.private-home-page .kh-overview {
        width: 100%;
        max-width: 650px;

        margin: 0 auto 28px;
    }
}

/* =========================================================
   PRIVATE HOME — DESKTOP LAYOUT V2
   LEWA: MENU
   ŚRODEK: ARBEITEN + POSTY
   PRAWA: CAŁY DASHBOARD INFORMACYJNY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    /* =====================================================
       GŁÓWNY UKŁAD
       ===================================================== */

    body.private-home-page .kh-home {
        position: relative;

        display: grid;
        grid-template-columns:
            170px
            minmax(440px, 560px)
            minmax(440px, 620px);

        column-gap: 42px;
        align-items: start;

        width: min(1540px, calc(100% - 48px));
        max-width: 1540px;

        margin-left: auto;
        margin-right: auto;

        padding: 34px 0 80px;

        box-sizing: border-box;
    }


    /* =====================================================
       LEWA KOLUMNA — MENU
       ===================================================== */

    body.private-home-page .kh-desktop-nav {
        position: sticky;
        top: 104px;

        left: auto;
        right: auto;

        width: 170px;

        display: flex;
        flex-direction: column;
        gap: 6px;

        grid-column: 1;
        grid-row: 1;

        z-index: 20;
    }

    body.private-home-page .kh-desktop-nav a {
        display: flex;
        align-items: center;

        min-height: 48px;
        padding: 0 18px;

        border-radius: 14px;

        color: #344054;
        background: transparent;

        font-size: 14px;
        font-weight: 800;
        text-decoration: none;

        transition:
            background .16s ease,
            color .16s ease,
            transform .16s ease;
    }

    body.private-home-page .kh-desktop-nav a:hover {
        background: #fff;
        color: var(--kr-primary);
        transform: translateX(2px);

        box-shadow:
            0 5px 18px rgba(20,54,92,.07);
    }


    /* =====================================================
       ŚRODKOWA KOLUMNA — ARBEITEN
       ===================================================== */

    body.private-home-page .kh-desktop-center {
        grid-column: 2;
        grid-row: 1;

        width: 100%;
        min-width: 0;
    }

    body.private-home-page .kh-desktop-center .kw-section {
        width: 100%;
        max-width: none;

        margin: 0;
    }

    /*
     * Nagłówek, licznik, dodawanie oraz filtry pozostają
     * na górze środkowej kolumny.
     */

    body.private-home-page .kh-desktop-center .kw-section-head {
        margin-top: 0;
    }

    /*
     * Posty / realizacje — dokładnie jedna karta w wierszu.
     */

    body.private-home-page .kh-desktop-center .kw-grid {
        width: 100%;
        max-width: none;

        grid-template-columns: minmax(0, 1fr);
        gap: 22px;

        margin-left: 0;
        margin-right: 0;
    }

    body.private-home-page .kh-desktop-center .kw-card {
        width: 100%;
        max-width: none;
    }


    /* =====================================================
       PRAWA KOLUMNA — CAŁY DASHBOARD
       ===================================================== */

    body.private-home-page .kh-desktop-right {
        grid-column: 3;
        grid-row: 1;

        width: 100%;
        min-width: 0;
    }


    /* HERO */

    body.private-home-page .kh-desktop-right .kh-hero {
        position: relative;

        width: 100%;
        max-width: none;

        margin: 0 0 38px;
    }


    /* WHAT IS NEW — 3 KAFELKI */

    body.private-home-page .kh-desktop-right .kh-overview {
        position: static;

        width: 100%;
        max-width: none;

        margin: 0 0 42px;
    }

    /*
     * Usuwamy napis dodany przez poprzedni eksperymentalny CSS.
     * Prawa kolumna ma już własny właściwy HERO.
     */

    body.private-home-page .kh-desktop-right .kh-overview::before {
        content: none;
        display: none;
    }


    /* GŁÓWNY KAFELEK */

    body.private-home-page .kh-desktop-right .kh-main-card {
        width: 100%;

        grid-template-columns:
            58px
            64px
            minmax(0, 1fr)
            42px;

        gap: 16px;

        min-height: 124px;
        padding: 22px;

        border-radius: 26px;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-main-card__number {
        font-size: 52px;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-main-card__copy {
        min-width: 0;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-main-card__copy strong {
        font-size: 18px;
        line-height: 1.08;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-main-card__copy span {
        font-size: 13px;
        line-height: 1.25;
    }

    /*
     * Strzałka MUSI pozostać wewnątrz kafelka.
     */

    body.private-home-page
    .kh-desktop-right
    .kh-main-card__arrow {
        width: 42px;
        height: 42px;

        font-size: 22px;

        justify-self: end;

        box-sizing: border-box;
    }


    /* DWA MNIEJSZE KAFELKI */

    body.private-home-page
    .kh-desktop-right
    .kh-small-grid {
        grid-template-columns: 1fr 1fr;

        gap: 14px;
        margin-top: 14px;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card {
        width: 100%;

        grid-template-columns:
            48px
            46px
            minmax(0, 1fr)
            24px;

        gap: 10px;

        min-height: 108px;
        padding: 18px;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card .kh-icon {
        width: 48px;
        height: 48px;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card__number {
        font-size: 38px;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card__copy {
        min-width: 0;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card__copy strong {
        font-size: 14px;
        line-height: 1.12;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-small-card__copy span {
        font-size: 11px;
        line-height: 1.22;
    }


    /* =====================================================
       BEST MATCH
       ===================================================== */

    body.private-home-page
    .kh-desktop-right
    .kh-match-section {
        width: 100%;
        max-width: none;

        margin: 0 0 42px;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-section-header {
        padding-left: 0;
        padding-right: 0;
    }

    body.private-home-page
    .kh-desktop-right
    .kh-empty,
    body.private-home-page
    .kh-desktop-right
    .kh-match-wrapper {
        width: 100%;
        max-width: none;
    }


    /* =====================================================
       AKTYWNOŚĆ / PROFIL / DECYZJE
       ===================================================== */

    body.private-home-page
    .kh-desktop-right
    .kh-actions {
        width: 100%;
        max-width: none;

        margin-left: 0;
        margin-right: 0;
    }


    /* =====================================================
       STARY DOLNY FOOTER — DESKTOP HOME
       ===================================================== */

    body.private-home-page > footer {
        display: none;
    }

    body.private-home-page .kh-home-bottom-space {
        display: none;
    }
}


/* =========================================================
   WĘŻSZY DESKTOP
   Nie wciskamy 3 kolumn, jeśli fizycznie brakuje miejsca.
   Mobile nadal pozostaje nietknięty.
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1399px) {

    body.private-home-page .kh-home {
        grid-template-columns:
            150px
            minmax(390px, 1fr)
            minmax(390px, 1fr);

        column-gap: 24px;

        width: calc(100% - 32px);
    }

    body.private-home-page .kh-desktop-nav {
        width: 150px;
    }
}

/* =========================================================
   PRIVATE HOME — DESKTOP
   PRAWA KOLUMNA: COMPACT + STICKY
   ŚRODEK PRZEWIJANY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    /* Cała prawa kolumna nieruchoma podczas scrollowania */
    body.private-home-page .kh-desktop-right {
        position: sticky;
        top: 86px;
        align-self: start;

        width: 100%;
        min-width: 0;

        /* zmniejszenie całej zawartości prawej kolumny */
        zoom: .82;
    }

    /*
     * Po zoomie przeglądarka liczy szerokość elementu
     * przed skalowaniem — kompensujemy ją, aby prawa
     * kolumna wykorzystała dostępne miejsce.
     */
    body.private-home-page .kh-desktop-right {
        width: 121.9512%;
    }

    /* HERO bardziej zwarty */
    body.private-home-page .kh-desktop-right .kh-hero {
        min-height: 150px;
        margin-bottom: 24px;
        padding-top: 0;
        padding-bottom: 12px;
    }

    body.private-home-page .kh-desktop-right .kh-hero h1 {
        font-size: 48px;
        line-height: 1;
    }

    body.private-home-page .kh-desktop-right .kh-hero p {
        margin-top: 10px;
    }

    /* 3 kafelki */
    body.private-home-page .kh-desktop-right .kh-overview {
        margin-bottom: 28px;
    }

    body.private-home-page .kh-desktop-right .kh-main-card {
        min-height: 106px;
        padding: 17px 20px;
    }

    body.private-home-page .kh-desktop-right .kh-small-grid {
        gap: 12px;
        margin-top: 12px;
    }

    body.private-home-page .kh-desktop-right .kh-small-card {
        min-height: 92px;
        padding: 14px 16px;
    }

    /* BEST MATCH */
    body.private-home-page .kh-desktop-right .kh-match-section {
        margin-bottom: 28px;
    }

    body.private-home-page .kh-desktop-right .kh-section-header {
        margin-bottom: 12px;
    }

    body.private-home-page .kh-desktop-right .kh-section-header h2 {
        font-size: 26px;
    }

    body.private-home-page .kh-desktop-right .kh-empty {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Aktywność / profil / decyzje */
    body.private-home-page .kh-desktop-right .kh-action-row {
        min-height: 72px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.private-home-page .kh-desktop-right .kh-action-icon {
        width: 46px;
        height: 46px;
    }
}


/* PRIVATE HOME — DESKTOP
   lewe menu bardziej w lewo */
@media (min-width: 1024px) {

    body.private-home-page .kh-desktop-nav {
        transform: translateX(-30px);
    }
}


/* PRIVATE HOME — DESKTOP
   menu przy lewej krawędzi ekranu */
@media (min-width: 1024px) {

    body.private-home-page .kh-desktop-nav {
        position: fixed;
        top: 104px;
        left: 18px;
        width: 170px;

        transform: none;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   PRAWA KOLUMNA: PROPORCJONALNIE MNIEJSZA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page .kh-desktop-right {
        zoom: .70;

        /*
         * Kompensacja szerokości po zoomie:
         * 100 / 70 = 142.857%
         */
        width: 142.857%;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   WĘŻSZA PRAWA KOLUMNA
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-home {
        grid-template-columns:
            170px
            minmax(440px, 560px)
            520px;

        column-gap: 42px;
    }

    body.private-home-page .kh-desktop-right {
        /*
         * Zachowujemy zoom 70%, ale nie rozciągamy
         * prawej kolumny ponownie do pełnej szerokości.
         */
        width: 120%;
        max-width: none;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   ZAMIANA MIEJSCAMI KOLUMNY ŚRODKOWEJ I PRAWEJ
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    /* MENU */
    body.private-home-page .kh-desktop-nav {
        grid-column: 1;
        grid-row: 1;
    }

    /* CO NOWEGO + MATCH + AKTYWNOŚĆ -> ŚRODEK */
    body.private-home-page .kh-desktop-right {
        grid-column: 2;
        grid-row: 1;
    }

    /* REALIZACJE / POSTY -> PRAWA */
    body.private-home-page .kh-desktop-center {
        grid-column: 3;
        grid-row: 1;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   POPRAWKA PO ZAMIANIE KOLUMN
   1 MENU / 2 DASHBOARD / 3 REALIZACJE
   BEZ NACHODZENIA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-home {
        grid-template-columns:
            170px
            minmax(0, 600px)
            minmax(0, 500px);

        column-gap: 42px;
        justify-content: center;
    }

    /* ŚRODEK — Co nowego / MATCH / aktywność */
    body.private-home-page .kh-desktop-right {
        grid-column: 2;
        grid-row: 1;

        width: 100%;
        max-width: 600px;
        min-width: 0;

        zoom: .70;

        /*
         * Przy zoom 70% element musi mieć większą
         * szerokość wewnętrzną, ale nie może wyjść
         * poza wizualne 600 px swojej kolumny.
         */
        width: 142.857%;
        max-width: 857px;

        box-sizing: border-box;
    }

    /* PRAWA — realizacje */
    body.private-home-page .kh-desktop-center {
        grid-column: 3;
        grid-row: 1;

        width: 100%;
        max-width: 500px;
        min-width: 0;

        box-sizing: border-box;
    }

    body.private-home-page .kh-desktop-center .kw-section,
    body.private-home-page .kh-desktop-center .kw-grid,
    body.private-home-page .kh-desktop-center .kw-card {
        width: 100%;
        max-width: 500px;
        min-width: 0;
        box-sizing: border-box;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   PRAWA KOLUMNA BLIŻEJ + TROCHĘ WĘŻSZA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-home {
        grid-template-columns:
            170px
            minmax(0, 600px)
            minmax(0, 460px);

        column-gap: 26px;
    }

    body.private-home-page .kh-desktop-center {
        width: 100%;
        max-width: 460px;
    }

    body.private-home-page .kh-desktop-center .kw-section,
    body.private-home-page .kh-desktop-center .kw-grid,
    body.private-home-page .kh-desktop-center .kw-card {
        width: 100%;
        max-width: 460px;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   WĘŻSZE MENU + SZERSZA ŚRODKOWA KOLUMNA
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-home {
        grid-template-columns:
            110px
            minmax(0, 650px)
            minmax(0, 460px);

        column-gap: 24px;
    }

    body.private-home-page .kh-desktop-nav {
        width: 110px;
    }

    body.private-home-page .kh-desktop-right {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   LEWA KOLUMNA: MENU + 6 KOMPAKTOWYCH POZYCJI
   MOBILE BEZ ZMIAN
   ========================================================= */

.kh-desktop-left-widgets {
    display: none;
}

@media (min-width: 1400px) {

    /* -----------------------------------------------------
       Mniej pustej przestrzeni przed środkową kolumną.
       Lewy sidebar działa niezależnie jako FIXED.
       ----------------------------------------------------- */

    body.private-home-page .kh-home {
        grid-template-columns:
            0
            minmax(0, 680px)
            minmax(0, 460px);

        column-gap: 24px;
        justify-content: center;
    }

    /* -----------------------------------------------------
       Oryginalne elementy z centrum ukrywamy TYLKO desktop.
       Na mobile pozostają dokładnie tam, gdzie były.
       ----------------------------------------------------- */

    body.private-home-page
    .kh-desktop-right > .kh-overview,

    body.private-home-page
    .kh-desktop-right > .kh-actions {
        display: none;
    }

    /* -----------------------------------------------------
       LEWY PANEL POD MENU
       ----------------------------------------------------- */

    body.private-home-page .kh-desktop-left-widgets {
        position: fixed;
        z-index: 19;

        top: 390px;
        left: 12px;

        display: block;

        width: 265px;
        max-height: calc(100vh - 405px);

        overflow-y: auto;
        overflow-x: hidden;

        padding: 0 6px 18px 0;

        scrollbar-width: thin;
    }

    /* -----------------------------------------------------
       OVERVIEW — Oferty / nowe / odpowiedzi
       ----------------------------------------------------- */

    body.private-home-page
    .kh-desktop-left-widgets .kh-overview {
        position: static;

        width: 100%;
        margin: 0;

        zoom: 1;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-overview::before {
        content: none;
        display: none;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card {
        width: 100%;

        grid-template-columns:
            34px
            34px
            minmax(0, 1fr)
            18px;

        gap: 7px;

        min-height: 62px;
        padding: 8px 9px;

        border-radius: 16px;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-icon {
        width: 32px;
        height: 32px;

        border-radius: 10px;
        font-size: 14px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-icon--main {
        width: 32px;
        height: 32px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card__number {
        font-size: 28px;
        line-height: 1;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card__copy {
        min-width: 0;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card__copy strong {
        font-size: 11px;
        line-height: 1.12;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card__copy span {
        margin-top: 2px;

        font-size: 8px;
        line-height: 1.2;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-main-card__arrow {
        width: 18px;
        height: 18px;

        justify-self: end;

        background: transparent;
        box-shadow: none;

        font-size: 14px;
    }

    /* Dwa małe kafelki również jeden pod drugim */

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-grid {
        grid-template-columns: 1fr;

        gap: 6px;
        margin-top: 6px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-card {
        width: 100%;

        grid-template-columns:
            34px
            34px
            minmax(0, 1fr)
            18px;

        gap: 7px;

        min-height: 54px;
        padding: 7px 9px;

        border-radius: 15px;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-card__number {
        font-size: 25px;
        line-height: 1;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-card__copy strong {
        font-size: 10px;
        line-height: 1.12;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-card__copy span {
        margin-top: 2px;

        font-size: 8px;
        line-height: 1.15;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-small-card__arrow {
        font-size: 13px;
    }

    /* -----------------------------------------------------
       ACTIONS — aktywność / profil / decyzje
       ----------------------------------------------------- */

    body.private-home-page
    .kh-desktop-left-widgets .kh-actions {
        width: 100%;

        margin: 10px 0 0;

        border-radius: 16px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-row {
        grid-template-columns:
            32px
            minmax(0, 1fr)
            auto;

        gap: 8px;

        min-height: 50px;
        padding: 7px 9px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-icon {
        width: 30px;
        height: 30px;

        border-radius: 9px;

        font-size: 13px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-copy strong {
        font-size: 10px;
        line-height: 1.12;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-copy span {
        margin-top: 2px;

        font-size: 8px;
        line-height: 1.15;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-value {
        font-size: 22px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-action-chevron {
        font-size: 20px;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   NAJLEPSZY MATCH NA DOLE LEWEJ KOLUMNY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    /* Oryginalny MATCH w głównej kolumnie ukrywamy na desktopie */
    body.private-home-page
    .kh-desktop-right > .kh-match-section {
        display: none;
    }

    /* MATCH znajdujący się w lewym sidebarze */
    body.private-home-page
    .kh-desktop-left-widgets .kh-match-section {
        display: block;

        width: 100%;
        max-width: none;

        margin: 12px 0 0;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-section-header {
        align-items: flex-end;

        gap: 6px;

        margin: 0 0 7px;
        padding: 0 3px;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-section-header span {
        font-size: 8px;
        line-height: 1;
        letter-spacing: .12em;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-section-header h2 {
        margin-top: 4px;

        font-size: 16px;
        line-height: 1.05;
        letter-spacing: -.025em;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-section-header a {
        font-size: 8px;
        white-space: nowrap;
    }

    /* Karta MATCH dopasowana do szerokości sidebara */
    body.private-home-page
    .kh-desktop-left-widgets .kh-match-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    body.private-home-page
    .kh-desktop-left-widgets .kh-match-card {
        width: 100%;
        max-width: 100%;

        margin: 0;

        transform-origin: top left;
    }

    /* Empty state, jeśli aktualnie nie ma MATCH */
    body.private-home-page
    .kh-desktop-left-widgets .kh-empty {
        width: 100%;

        min-height: 0;
        padding: 12px;

        border-radius: 14px;

        font-size: 9px;
        line-height: 1.3;

        box-sizing: border-box;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   MENU JAK KAFELKI + SEPARATOR KAYROMA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    /* LEWE MENU */
    body.private-home-page .kh-desktop-nav {
        left: 12px;
        width: 265px;

        gap: 6px;
    }

    /* Każda pozycja menu jako kompaktowy kafelek */
    body.private-home-page .kh-desktop-nav a {
        width: 100%;
        min-height: 50px;

        padding: 0 14px;

        border: 1px solid rgba(8, 102, 216, .10);
        border-radius: 15px;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98),
                rgba(250,253,255,.98)
            );

        box-shadow:
            0 2px 5px rgba(8,55,110,.035),
            0 8px 22px rgba(8,55,110,.055);

        color: #344054;

        font-size: 12px;
        line-height: 1.2;
        font-weight: 750;

        box-sizing: border-box;

        transform: none;
    }

    body.private-home-page .kh-desktop-nav a:hover {
        color: var(--kr-primary);

        border-color: rgba(8, 102, 216, .20);

        background: #ffffff;

        transform: translateX(2px);

        box-shadow:
            0 3px 7px rgba(8,55,110,.05),
            0 10px 26px rgba(8,55,110,.08);
    }

    /* Cienka linia Kayroma oddzielająca MENU od informacji */
    body.private-home-page .kh-desktop-nav::after {
        content: "";

        display: block;

        width: calc(100% - 12px);
        height: 1px;

        margin: 10px 6px 0;

        background:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(8,102,216,.28) 12%,
                rgba(8,102,216,.65) 50%,
                rgba(8,102,216,.28) 88%,
                transparent 100%
            );
    }

    /*
     * Panel z Oferty do decyzji / Nowe oferty / itd.
     * zaczyna się pod menu + separatorem.
     */
    body.private-home-page .kh-desktop-left-widgets {
        top: 424px;
        left: 12px;

        width: 265px;

        max-height: calc(100vh - 438px);
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   HERO NA GÓRZE LEWEJ KOLUMNY
   BEZ GRAFIKI
   MOBILE BEZ ZMIAN
   ========================================================= */

.kh-desktop-left-hero {
    display: none;
}

@media (min-width: 1400px) {

    /* Oryginalny HERO w środkowej kolumnie znika */
    body.private-home-page
    .kh-desktop-right > .kh-hero {
        display: none;
    }

    /* Tekst HERO na samej górze lewej kolumny */
    body.private-home-page .kh-desktop-left-hero {
        position: fixed;
        top: 88px;
        left: 12px;

        display: block;

        width: 265px;

        padding: 0 10px 18px;

        box-sizing: border-box;
    }

    body.private-home-page .kh-desktop-left-hero .kh-eyebrow {
        margin: 0 0 5px;

        color: var(--kr-primary);

        font-size: 9px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    body.private-home-page .kh-desktop-left-hero h1 {
        margin: 0;

        color: #172033;

        font-size: 25px;
        line-height: 1.05;
        font-weight: 850;
        letter-spacing: -.035em;
    }

    body.private-home-page .kh-desktop-left-hero p {
        margin: 7px 0 0;

        color: #667085;

        font-size: 10px;
        line-height: 1.4;
    }

    /* Menu przesuwamy pod nagłówek */
    body.private-home-page .kh-desktop-nav {
        top: 205px;
    }

    /* Informacje przesuwamy odpowiednio pod menu */
    body.private-home-page .kh-desktop-left-widgets {
        top: 525px;
        max-height: calc(100vh - 540px);
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   UKŁAD FINALNY: LEWA KOLUMNA + GŁÓWNA KOLUMNA
   LIKWIDACJA PRAWEJ KOLUMNY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    /* -----------------------------------------------------
       GŁÓWNY GRID
       Lewy panel jest fixed, więc nie potrzebuje
       osobnej szerokiej kolumny w gridzie.
       ----------------------------------------------------- */

    body.private-home-page .kh-home {
        display: block;

        width: min(1040px, calc(100% - 340px));
        max-width: 1040px;

        margin-left: 310px;
        margin-right: auto;

        padding-top: 34px;
        padding-bottom: 80px;
    }


    /* -----------------------------------------------------
       STARA ŚRODKOWA KOLUMNA INFORMACYJNA
       Jej zawartość została już przeniesiona do lewego
       panelu, więc na desktopie nie jest potrzebna.
       ----------------------------------------------------- */

    body.private-home-page .kh-desktop-right {
        display: none;
    }


    /* -----------------------------------------------------
       REALIZACJE STAJĄ SIĘ GŁÓWNĄ KOLUMNĄ
       ----------------------------------------------------- */

    body.private-home-page .kh-desktop-center {
        display: block;

        width: 100%;
        max-width: 760px;
        min-width: 0;

        margin: 0;

        box-sizing: border-box;
    }

    body.private-home-page .kh-desktop-center .kw-section {
        width: 100%;
        max-width: 760px;

        margin-left: 0;
        margin-right: 0;
    }

    body.private-home-page .kh-desktop-center .kw-grid {
        width: 100%;
        max-width: 650px;

        margin-left: 0;
        margin-right: 0;

        grid-template-columns: 1fr;
    }

    body.private-home-page .kh-desktop-center .kw-card {
        width: 100%;
        max-width: 650px;
    }


    /* -----------------------------------------------------
       LEWA KOLUMNA NADAL NIERUCHOMA
       ----------------------------------------------------- */

    body.private-home-page .kh-desktop-left-hero,
    body.private-home-page .kh-desktop-nav,
    body.private-home-page .kh-desktop-left-widgets {
        z-index: 20;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP
   GŁÓWNA KOLUMNA BARDZIEJ NA ŚRODKU EKRANU
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-home {
        width: min(760px, calc(100% - 380px));
        max-width: 760px;

        margin-left: auto;
        margin-right: auto;
    }

    body.private-home-page .kh-desktop-center {
        width: 100%;
        max-width: 760px;

        margin-left: auto;
        margin-right: auto;
    }

    body.private-home-page .kh-desktop-center .kw-section {
        width: 100%;
        max-width: 760px;

        margin-left: auto;
        margin-right: auto;
    }

    body.private-home-page .kh-desktop-center .kw-grid {
        margin-left: auto;
        margin-right: auto;
    }
}


/* =========================================================
   PRIVATE HOME — DESKTOP MENU
   NAZWA + KRÓTKI OPIS
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-desktop-nav a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        min-height: 58px;
        padding: 9px 14px;
        gap: 3px;
    }

    body.private-home-page .kh-desktop-nav a strong {
        display: block;

        color: #344054;

        font-size: 12px;
        line-height: 1.15;
        font-weight: 800;
    }

    body.private-home-page .kh-desktop-nav a span {
        display: block;

        color: #8a96a8;

        font-size: 9px;
        line-height: 1.25;
        font-weight: 550;
    }

    body.private-home-page .kh-desktop-nav a:hover strong {
        color: var(--kr-primary);
    }
}


/* =========================================================
   PRIVATE WORKSPACE — WSPÓLNY NAGŁÓWEK MODUŁU
   TYLKO DESKTOP
   ========================================================= */

.private-workspace-page-header {
    display: none;
}

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        display: block;

        width: 100%;
        max-width: 520px;

        margin: 0 0 22px;
        padding: 0;
    }

    body.private-home-page
    .private-workspace-page-header__eyebrow {
        margin: 0 0 6px;

        color: var(--kr-primary);

        font-size: 10px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    body.private-home-page
    .private-workspace-page-header__title {
        margin: 0;

        color: #172033;

        font-size: 28px;
        line-height: 1.08;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    body.private-home-page
    .private-workspace-page-header__description {
        max-width: 500px;

        margin: 8px 0 0;

        color: #667085;

        font-size: 12px;
        line-height: 1.45;
    }
}


/* =========================================================
   PRIVATE WORKSPACE — FINALNY NAGŁÓWEK MODUŁU
   WSPÓLNY DLA MATCH / FEED / RADAR / MAILS / PROFIL
   TYLKO DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        position: relative;

        display: block;

        width: min(500px, 100%);
        max-width: 500px;

        margin: 0 auto 18px;
        padding: 4px 0 13px 15px;

        border-bottom: 1px solid rgba(8, 102, 216, .12);

        box-sizing: border-box;
    }

    /* subtelny kayromowski akcent */
    body.private-home-page
    .private-workspace-page-header::before {
        content: "";

        position: absolute;
        top: 4px;
        bottom: 13px;
        left: 0;

        width: 3px;

        border-radius: 999px;

        background: var(--kr-primary);
    }

    body.private-home-page
    .private-workspace-page-header__eyebrow {
        margin: 0 0 4px;

        color: var(--kr-primary);

        font-size: 9px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    body.private-home-page
    .private-workspace-page-header__title {
        margin: 0;

        color: #14213a;

        font-size: 21px;
        line-height: 1.12;
        font-weight: 820;
        letter-spacing: -.025em;
    }

    body.private-home-page
    .private-workspace-page-header__description {
        max-width: 470px;

        margin: 6px 0 0;

        color: #68778d;

        font-size: 10px;
        line-height: 1.4;
        font-weight: 500;
    }
}


/* =========================================================
   PRIVATE WORKSPACE — DESKTOP
   SZEROKI KAFEL NAGŁÓWKA MODUŁU
   ZAWARTOŚĆ MODUŁU POZOSTAJE WYŚRODKOWANA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        position: relative;

        display: block;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin:
            0
            0
            30px
            calc((500px - min(500px, 100%)) / 2);

        padding: 22px 28px 24px;

        border: 1px solid rgba(8, 102, 216, .10);
        border-radius: 22px;

        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,.99),
                rgba(247,251,255,.98)
            );

        box-shadow:
            0 3px 8px rgba(8,55,110,.035),
            0 14px 34px rgba(8,55,110,.055);

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-page-header::before {
        content: "";

        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 0;

        width: 4px;

        border-radius: 0 999px 999px 0;

        background: var(--kr-primary);
    }

    body.private-home-page
    .private-workspace-page-header__eyebrow {
        margin: 0 0 6px;

        color: var(--kr-primary);

        font-size: 10px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    body.private-home-page
    .private-workspace-page-header__title {
        margin: 0;

        color: #14213a;

        font-size: 26px;
        line-height: 1.1;
        font-weight: 850;
        letter-spacing: -.03em;
    }

    body.private-home-page
    .private-workspace-page-header__description {
        max-width: 760px;

        margin: 8px 0 0;

        color: #68778d;

        font-size: 12px;
        line-height: 1.45;
        font-weight: 500;
    }

    /* MATCH nadal zostaje na środku */
    body.private-home-page .match-stack {
        margin-left: auto;
        margin-right: auto;
    }
}


/* =========================================================
   PRIVATE WORKSPACE — nagłówek bliżej lewej kolumny
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        margin-left: -70px;
        margin-right: 0;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — nagłówek jeszcze bliżej lewej kolumny
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        margin-left: -170px;
        margin-right: 0;
    }

}


/* PRIVATE WORKSPACE — nagłówek bliżej stałej lewej kolumny */
@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        margin-left: -220px;
        margin-right: 0;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — wyrównanie nagłówka do TWOJA KAYROMA
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        transform: translateY(-43px);
    }

}


/* =========================================================
   PRIVATE WORKSPACE — NIERUCHOMY NAGŁÓWEK MODUŁU
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        position: sticky;
        top: 72px;
        z-index: 40;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — nagłówek całkowicie nieruchomy
   DESKTOP
   Nie reaguje na scroll
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        position: fixed;
        top: 113px;
        left: calc(50% - 250px);

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -220px;
        margin-right: 0;

        transform: translateY(-43px);

        z-index: 40;
    }

    /* Nagłówek wypada z normalnego flow po position: fixed,
       więc zachowujemy jego dotychczasowe miejsce nad treścią. */
    body.private-home-page .kh-desktop-center {
        padding-top: 123px;
        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — licznik w szerokim nagłówku
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page
    .private-workspace-page-header__counter {
        position: absolute;
        top: 50%;
        right: 30px;

        display: flex;
        flex-direction: column;
        align-items: center;

        min-width: 72px;

        transform: translateY(-50%);
    }

    body.private-home-page
    .private-workspace-page-header__counter strong {
        color: var(--kr-primary);

        font-size: 30px;
        line-height: 1;
        font-weight: 850;
    }

    body.private-home-page
    .private-workspace-page-header__counter span {
        margin-top: 5px;

        color: #68778d;

        font-size: 10px;
        line-height: 1.2;
        font-weight: 500;
        white-space: nowrap;
    }

    body.private-home-page
    .private-workspace-page-header__description {
        padding-right: 120px;
        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE TOOLBAR
   pod szerokim nagłówkiem
   ========================================================= */

.kw-desktop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.kw-desktop-toolbar__left {
    display: flex;
    justify-content: flex-start;
    min-width: 0;
}

.kw-desktop-toolbar__right {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
}

.kw-desktop-toolbar .kw-controls {
    margin-top: 0;
    padding: 0;
    justify-content: flex-end;
}

/* Desktop PRV */
@media (min-width: 1400px) {

    body.private-home-page .kw-section {
        padding-top: 0;
    }

    body.private-home-page .kw-desktop-toolbar {
        margin-top: 0;
        margin-bottom: 18px;
    }

    body.private-home-page
    .kw-desktop-toolbar .kw-upload-trigger {
        margin: 0;
    }

    body.private-home-page
    .kw-desktop-toolbar .kw-profession-filter {
        margin-left: 8px;
    }
}

/* Na mniejszych ekranach elementy mogą się złożyć jeden pod drugim */
@media (max-width: 1399px) {

    .kw-desktop-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .kw-desktop-toolbar__right,
    .kw-desktop-toolbar .kw-controls {
        justify-content: flex-start;
        width: 100%;
    }
}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE TOOLBAR
   DESKTOP: JEDNA LINIA + BLISKO NAGŁÓWKA
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-section {
        margin-top: 0;
        padding-top: 0;
    }

    body.private-home-page .kw-desktop-toolbar {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        gap: 18px;

        width: 100%;
        margin-top: -18px;
        margin-bottom: 14px;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 auto;
        min-width: 0;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        flex: 1 1 auto;
        min-width: 0;
        margin-left: auto;
    }

    body.private-home-page .kw-desktop-toolbar .kw-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;

        gap: 8px;

        width: auto;
        margin: 0;
        padding: 0;
    }

    body.private-home-page .kw-desktop-toolbar .kw-control-button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body.private-home-page .kw-desktop-toolbar .kw-profession-filter {
        display: flex;
        flex-direction: row;
        align-items: center;

        flex: 0 0 auto;

        gap: 8px;
        margin: 0 0 0 8px;

        white-space: nowrap;
    }

    body.private-home-page .kw-desktop-toolbar .kw-profession-filter select {
        width: 220px;
    }

    body.private-home-page .kw-desktop-toolbar .kw-upload-trigger {
        width: auto;
        margin: 0;

        white-space: nowrap;
    }
}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   toolbar: dodawanie LEWO / filtry PRAWO
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        width: 100%;
        max-width: none;

        gap: 32px;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 auto;

        margin-left: 0;
        margin-right: 0;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        flex: 1 1 auto;

        margin-left: auto;
        margin-right: 0;
    }

    body.private-home-page
    .kw-desktop-toolbar__right
    .kw-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;

        width: auto;

        margin-left: auto;
        margin-right: 0;

        gap: 8px;
    }

    body.private-home-page
    .kw-desktop-toolbar__left
    .kw-upload-trigger {
        margin-left: 0;
        margin-right: 0;
    }
}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   TOOLBAR NA SZEROKOŚĆ NAGŁÓWKA
   upload LEWO / filtry PRAWO
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        width: calc(100vw - 350px);
        max-width: 1180px;

        position: relative;
        left: 50%;
        transform: translateX(-50%);

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        margin-top: -18px;
        margin-bottom: 14px;

        gap: 32px;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        flex: 0 0 auto;
        margin: 0;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        flex: 0 0 auto;
        margin: 0 0 0 auto;
    }

    body.private-home-page
    .kw-desktop-toolbar__right
    .kw-controls {
        width: auto;
        margin: 0;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   toolbar dokładnie w osiach dużego nagłówka
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        width: calc(100vw - 350px);
        max-width: 1180px;

        position: relative;
        left: 50%;
        transform: translateX(-50%);

        box-sizing: border-box;

        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        margin-left: 0;
        margin-right: auto;
        flex: 0 0 auto;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        margin-left: auto;
        margin-right: 0;
        flex: 0 0 auto;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   TOOLBAR DOKŁADNIE W OSI NAGŁÓWKA
   upload LEWO / filtry PRAWO
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -220px;
        margin-right: 0;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        gap: 24px;

        box-sizing: border-box;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 auto;
        margin: 0;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        flex: 1 1 auto;
        margin: 0 0 0 auto;
    }

    body.private-home-page
    .kw-desktop-toolbar__right
    .kw-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;

        width: auto;
        margin: 0;
        padding: 0;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   DOKŁADNE WYRÓWNANIE DO KRAWĘDZI NAGŁÓWKA
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        position: relative;

        left: auto;
        transform: none;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -90px;
        margin-right: 0;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;

        box-sizing: border-box;
    }

    body.private-home-page .kw-desktop-toolbar__left {
        flex: 0 0 auto;
        margin: 0 auto 0 0;
    }

    body.private-home-page .kw-desktop-toolbar__right {
        flex: 0 0 auto;
        margin: 0 0 0 auto;
    }

    body.private-home-page
    .kw-desktop-toolbar__right
    .kw-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;

        width: auto;
        margin: 0;
        padding: 0;
    }

}


/* PRIVATE WORKSPACE — nagłówek bliżej lewej kolumny */
@media (min-width: 1400px) {

    body.private-home-page .private-workspace-page-header {
        margin-left: -300px;
    }

}


/* =========================================================
   PRIVATE DASHBOARD — REALIZACJE
   toolbar zawsze podąża poziomo za nagłówkiem
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kw-desktop-toolbar {
        margin-left: -170px;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — MAILS
   komunikator na szerokość nagłówka
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-desktop-center > .mails-page {
        position: relative;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -300px;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page .mails-shell {
        width: 100%;
        max-width: none;

        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — MAILS
   dokładnie ta sama szerokość i osie co nagłówek
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-desktop-center > .mails-page {
        position: relative;

        left: auto;
        transform: none;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -300px;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-center > .mails-page > .mails-shell {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page .mails-workspace {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — MAILS
   dokładnie ta sama szerokość i osie co nagłówek
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-desktop-center > .mails-page {
        position: relative;

        left: auto;
        transform: none;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -300px;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-center > .mails-page > .mails-shell {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page .mails-workspace {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — MAILS
   FINALNE WYRÓWNANIE DO NAGŁÓWKA
   lewa i prawa krawędź 1:1
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page .kh-desktop-center > .mails-page {
        position: relative;

        left: auto;
        transform: none;

        width: calc(100vw - 350px);
        max-width: 1180px;

        margin-left: -170px;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .kh-desktop-center > .mails-page > .mails-shell {
        width: 100%;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page .mails-workspace {
        width: 100%;
        max-width: none;

        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — MAILS
   usunięcie zewnętrznego tła / dodatkowej ramki
   DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    body.private-home-page
    .kh-desktop-center > .mails-page {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0;
    }

    body.private-home-page
    .kh-desktop-center > .mails-page > .mails-shell {
        background: transparent;
        box-shadow: none;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — RESPONSIVE DESKTOP 1024–1399
   ETAP 1

   Wspólna geometria:
   - sidebar pozostaje wspólnym komponentem
   - main zajmuje całe dostępne miejsce
   - brak sztywnych przesunięć poziomych
   - >= 1400px bez zmian
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1399px) {

    body.private-home-page .kh-home {
        display: grid;

        grid-template-columns:
            minmax(190px, 22vw)
            minmax(0, 1fr);

        column-gap: clamp(18px, 2.5vw, 32px);

        width: calc(100% - 32px);
        max-width: none;

        margin-left: auto;
        margin-right: auto;

        padding-left: 0;
        padding-right: 0;

        box-sizing: border-box;
    }

    /* Wspólny sidebar */
    body.private-home-page .private-workspace-sidebar {
        grid-column: 1;
        grid-row: 1;

        position: relative;

        width: 100%;
        min-width: 0;
        max-width: none;

        box-sizing: border-box;
    }

    /* Stare menu nie może być fixed w tym zakresie */
    body.private-home-page
    .private-workspace-sidebar .kh-desktop-nav {
        position: sticky;

        top: 86px;
        left: auto;
        right: auto;

        width: 100%;

        transform: none;

        box-sizing: border-box;
    }

    /* Główna część każdej strony PRV */
    body.private-home-page .private-workspace-main {
        grid-column: 2;
        grid-row: 1;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main > .kh-desktop-center {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
        padding-left: 0;
        padding-right: 0;

        box-sizing: border-box;
    }

    /* Nagłówek pozostaje wewnątrz dostępnej szerokości */
    body.private-home-page
    .private-workspace-main
    .private-workspace-page-header {
        left: auto;

        width: 100%;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        transform: none;

        box-sizing: border-box;
    }

    /* MATCH / FEED */
    body.private-home-page
    .private-workspace-main .match-page,
    body.private-home-page
    .private-workspace-main .feed-page {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }

    /* MAILS */
    body.private-home-page
    .private-workspace-main .mails-page,
    body.private-home-page
    .private-workspace-main .mails-shell,
    body.private-home-page
    .private-workspace-main .mails-workspace {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }
}


/* =========================================================
   PRIVATE WORKSPACE — 1024–1399
   SIDEBAR + MAIN — POPRAWKA
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1399px) {

    /* -----------------------------------------------------
       DASHBOARD:
       stary trzeci panel nie może wracać.
       Jego dane są już w wspólnym sidebarze.
       ----------------------------------------------------- */

    body.private-home-page .kh-desktop-right {
        display: none !important;
    }


    /* -----------------------------------------------------
       WSPÓLNY SIDEBAR
       ----------------------------------------------------- */

    body.private-home-page .private-workspace-sidebar {
        display: flex;
        flex-direction: column;

        width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }


    /* Nagłówek "Twoja Kayroma / Co nowego?" */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-hero {
        display: block;

        width: 100%;
        margin: 0 0 22px;
        padding: 0;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       MENU — znowu normalne kafelki
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav {
        position: static;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;
        margin: 0;

        gap: 7px;

        transform: none;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        width: 100%;
        min-height: 52px;

        padding: 8px 12px;

        gap: 2px;

        border: 1px solid rgba(8, 102, 216, .10);
        border-radius: 15px;

        background: rgba(255,255,255,.94);

        box-shadow:
            0 3px 8px rgba(8,55,110,.025),
            0 8px 20px rgba(8,55,110,.045);

        box-sizing: border-box;

        text-decoration: none;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a strong {
        display: block;

        font-size: 12px;
        line-height: 1.15;
        font-weight: 800;

        color: #344054;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a span {
        display: block;

        font-size: 9px;
        line-height: 1.2;

        color: #75849a;
    }


    /* -----------------------------------------------------
       LICZNIKI POD MENU
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets {
        position: static;

        display: block;

        width: 100%;
        max-height: none;

        margin: 8px 0 0;
        padding: 0;

        overflow: visible;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-overview,
    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-actions,
    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-match-section {
        width: 100%;
        max-width: none;

        margin-left: 0;
        margin-right: 0;
    }


    /* -----------------------------------------------------
       MAIN
       ----------------------------------------------------- */

    body.private-home-page .private-workspace-main {
        min-width: 0;
        width: 100%;
    }

    body.private-home-page
    .private-workspace-main .kh-desktop-center {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
}


/* =========================================================
   PRIVATE WORKSPACE — RESPONSIVE DESKTOP 1024–1679
   FIX: 1440 / 1600
   >= 1680 pozostaje bez zmian
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1679px) {

    body.private-home-page .private-workspace-main {
        position: relative;

        width: auto;
        min-width: 0;

        margin-left: 270px;
        margin-right: 24px;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main
    .kh-desktop-center {
        position: relative;

        width: 100%;
        max-width: none;
        min-width: 0;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main
    .private-workspace-page-header {
        position: relative;

        top: auto;
        left: auto;
        right: auto;

        display: block;

        width: 100%;
        max-width: none;

        margin: 0 0 30px;
        padding: 22px 28px 24px;

        transform: none;

        box-sizing: border-box;
        z-index: auto;
    }

    body.private-home-page
    .private-workspace-main
    .match-page,
    body.private-home-page
    .private-workspace-main
    .feed-page,
    body.private-home-page
    .private-workspace-main
    .radar-page,
    body.private-home-page
    .private-workspace-main
    .mails-page {
        width: 100%;
        max-width: none;
        min-width: 0;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }
}

/* =========================================================
   PRIVATE WORKSPACE — FLUID DESKTOP OD 760 PX
   Jeden wspólny układ procentowy:
   SIDEBAR + MAIN

   < 760 px = dotychczasowy mobile
   ========================================================= */

@media (min-width: 760px) {

    body.private-home-page {
        --prv-page-pad: clamp(12px, 1.8vw, 34px);
        --prv-sidebar-width: clamp(190px, 17vw, 280px);
        --prv-workspace-gap: clamp(14px, 2vw, 34px);
    }


    /* =====================================================
       CAŁY WORKSPACE
       ===================================================== */

    body.private-home-page .kh-home {
        position: relative;

        display: grid;

        grid-template-columns:
            var(--prv-sidebar-width)
            minmax(0, 1fr);

        column-gap: var(--prv-workspace-gap);
        align-items: start;

        width: 100%;
        max-width: none;

        margin: 0;

        padding:
            28px
            var(--prv-page-pad)
            70px;

        box-sizing: border-box;
    }


    /* =====================================================
       LEWA KOLUMNA — JEDEN WSPÓLNY SIDEBAR
       ===================================================== */

    body.private-home-page .private-workspace-sidebar {
        grid-column: 1;
        grid-row: 1;

        position: sticky;
        top: 86px;

        display: flex;
        flex-direction: column;

        width: 100%;
        min-width: 0;
        max-width: none;

        max-height: calc(100vh - 96px);

        overflow-y: auto;
        overflow-x: hidden;

        margin: 0;
        padding: 0 4px 18px 0;

        box-sizing: border-box;

        scrollbar-width: thin;
    }


    /* -----------------------------------------------------
       TYTUŁ LEWEJ KOLUMNY
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-hero {
        position: static;

        display: block;

        width: 100%;
        max-width: none;

        margin: 0 0 22px;
        padding: 0;

        transform: none;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       MENU
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav {
        position: static;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;
        max-width: none;

        margin: 0;

        gap: clamp(5px, .55vw, 8px);

        transform: none;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        width: 100%;
        min-width: 0;

        min-height: clamp(48px, 4.2vw, 58px);

        padding:
            clamp(7px, .7vw, 10px)
            clamp(10px, 1vw, 14px);

        gap: 2px;

        border: 1px solid rgba(8, 102, 216, .10);
        border-radius: clamp(13px, 1.1vw, 16px);

        background: rgba(255,255,255,.96);

        box-shadow:
            0 3px 8px rgba(8,55,110,.025),
            0 8px 20px rgba(8,55,110,.045);

        transform: none;

        box-sizing: border-box;
        text-decoration: none;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a strong {
        display: block;

        font-size: clamp(10px, .8vw, 12px);
        line-height: 1.15;
        font-weight: 800;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-nav a span {
        display: block;

        font-size: clamp(7px, .6vw, 9px);
        line-height: 1.2;
    }


    /* -----------------------------------------------------
       LICZNIKI I AKTYWNOŚĆ
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets {
        position: static;

        display: block;

        width: 100%;
        min-width: 0;
        max-width: none;
        max-height: none;

        margin: 8px 0 0;
        padding: 0;

        overflow: visible;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-overview,
    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-actions,
    body.private-home-page
    .private-workspace-sidebar
    .kh-desktop-left-widgets .kh-match-section {
        position: static;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        zoom: 1;

        box-sizing: border-box;
    }


    /* =====================================================
       STARY PANEL DASHBOARDU
       Dane są już w wspólnym sidebarze
       ===================================================== */

    body.private-home-page .kh-desktop-right {
        display: none !important;
    }


    /* =====================================================
       GŁÓWNA CZĘŚĆ
       ===================================================== */

    body.private-home-page .private-workspace-main {
        grid-column: 2;
        grid-row: 1;

        position: relative;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main > .kh-desktop-center {
        position: relative;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;

        /*
         * miejsce pod nieruchomy nagłówek
         */
        padding:
            128px
            0
            0;

        box-sizing: border-box;
    }


    /* =====================================================
       WSPÓLNY NAGŁÓWEK
       Jego pozycja wynika z szerokości sidebara,
       a nie z ręcznych ujemnych marginesów.
       ===================================================== */

    body.private-home-page
    .private-workspace-page-header {
        position: fixed;

        top: 70px;

        left:
            calc(
                var(--prv-page-pad)
                + var(--prv-sidebar-width)
                + var(--prv-workspace-gap)
            );

        right: var(--prv-page-pad);

        display: block;

        width: auto;
        max-width: none;

        margin: 0;

        padding:
            clamp(17px, 1.5vw, 22px)
            clamp(20px, 2vw, 28px)
            clamp(18px, 1.7vw, 24px);

        transform: none;

        box-sizing: border-box;

        z-index: 40;
    }

    body.private-home-page
    .private-workspace-page-header__title {
        font-size: clamp(21px, 1.65vw, 26px);
    }

    body.private-home-page
    .private-workspace-page-header__description {
        max-width: min(760px, calc(100% - 120px));

        font-size: clamp(10px, .75vw, 12px);
    }


    /* =====================================================
       MATCH / FEED
       ===================================================== */

    body.private-home-page
    .private-workspace-main .match-page,
    body.private-home-page
    .private-workspace-main .feed-page {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main .match-stack,
    body.private-home-page
    .private-workspace-main .feed-stack {
        width: min(100%, 520px);

        margin-left: auto;
        margin-right: auto;
    }


    /* =====================================================
       DASHBOARD — REALIZACJE
       ===================================================== */

    body.private-home-page
    .private-workspace-main .kw-section {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main .kw-desktop-toolbar {
        position: relative;

        left: auto;
        right: auto;

        width: 100%;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        transform: none;

        box-sizing: border-box;
    }

    body.private-home-page
    .private-workspace-main .kw-grid {
        width: min(100%, 760px);

        margin-left: auto;
        margin-right: auto;
    }


    /* =====================================================
       MAILS
       ===================================================== */

    body.private-home-page
    .private-workspace-main .mails-page,
    body.private-home-page
    .private-workspace-main .mails-shell,
    body.private-home-page
    .private-workspace-main .mails-workspace {
        position: relative;

        left: auto;
        right: auto;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin-left: 0;
        margin-right: 0;

        transform: none;

        box-sizing: border-box;
    }

}


/* =========================================================
   760–999 PX
   Ten sam desktop, tylko bardziej kompaktowy sidebar
   ========================================================= */

@media (min-width: 760px) and (max-width: 999px) {

    body.private-home-page {
        --prv-page-pad: 10px;
        --prv-sidebar-width: clamp(175px, 23vw, 205px);
        --prv-workspace-gap: 12px;
    }

    body.private-home-page
    .private-workspace-page-header__description {
        max-width: calc(100% - 90px);
    }

    body.private-home-page
    .private-workspace-main .match-stack,
    body.private-home-page
    .private-workspace-main .feed-stack {
        width: min(100%, 480px);
    }

}


/* =========================================================
   PRIVATE WORKSPACE — BOTTOM NAV
   mobile <= 760 px
   fluid desktop >= 761 px
   ========================================================= */

@media (min-width: 761px) {

    body.private-home-page .bottom-nav {
        display: none !important;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — FLUID HEADER VISUAL
   zachowuje pełny kafel nagłówka od 760 px
   ========================================================= */

@media (min-width: 760px) {

    body.private-home-page .private-workspace-page-header {
        border: 1px solid rgba(8, 102, 216, .10);
        border-radius: 22px;

        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,.99),
                rgba(247,251,255,.98)
            );

        box-shadow:
            0 3px 8px rgba(8,55,110,.035),
            0 14px 34px rgba(8,55,110,.055);
    }

    body.private-home-page .private-workspace-page-header::before {
        content: "";

        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 0;

        width: 4px;

        border-radius: 0 999px 999px 0;

        background: var(--kr-primary);
    }

}


/* =========================================================
   PRIVATE WORKSPACE — FLUID HEADER POSITION
   finalne przejęcie pozycji nagłówka od 760 px
   ========================================================= */

@media (min-width: 760px) {

    body.private-home-page
    .private-workspace-main
    .private-workspace-page-header {
        position: fixed;

        top: 70px;

        left:
            calc(
                var(--prv-page-pad)
                + var(--prv-sidebar-width)
                + var(--prv-workspace-gap)
            );

        right: var(--prv-page-pad);

        width: auto;
        max-width: none;

        margin: 0;

        transform: none;

        z-index: 40;

        box-sizing: border-box;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — SIDEBAR
   UJEDNOLICENIE TYPOGRAFII I IKON
   ========================================================= */

@media (min-width: 760px) {

    /* -----------------------------------------------------
       NAGŁÓWKI KAFELKÓW
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-main-card__copy strong,

    body.private-home-page
    .private-workspace-sidebar
    .kh-small-card__copy strong,

    body.private-home-page
    .private-workspace-sidebar
    .kh-action-copy strong {
        font-size: clamp(10px, .72vw, 12px);
        line-height: 1.15;
        font-weight: 800;
    }


    /* -----------------------------------------------------
       OPISY KAFELKÓW
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-main-card__copy span,

    body.private-home-page
    .private-workspace-sidebar
    .kh-small-card__copy span,

    body.private-home-page
    .private-workspace-sidebar
    .kh-action-copy span {
        margin-top: 2px;

        font-size: clamp(8px, .58vw, 10px);
        line-height: 1.2;
        font-weight: 500;
    }


    /* -----------------------------------------------------
       IKONY — jedna wielkość
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-icon,

    body.private-home-page
    .private-workspace-sidebar
    .kh-icon--main,

    body.private-home-page
    .private-workspace-sidebar
    .kh-action-icon {
        width: clamp(30px, 2.2vw, 36px);
        height: clamp(30px, 2.2vw, 36px);

        min-width: clamp(30px, 2.2vw, 36px);
        min-height: clamp(30px, 2.2vw, 36px);

        border-radius: 10px;

        font-size: clamp(13px, .9vw, 15px);
        line-height: 1;

        display: flex;
        align-items: center;
        justify-content: center;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       TEKSTY NIE MOGĄ ŁAMAĆ UKŁADU
       ----------------------------------------------------- */

    body.private-home-page
    .private-workspace-sidebar
    .kh-main-card__copy,

    body.private-home-page
    .private-workspace-sidebar
    .kh-small-card__copy,

    body.private-home-page
    .private-workspace-sidebar
    .kh-action-copy {
        min-width: 0;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — SIDEBAR
   PEŁNE UJEDNOLICENIE KAFELKÓW
   ========================================================= */

@media (min-width: 760px) {

    /* Wszystkie kafelki — wspólna geometria */
    body.private-home-page
    .private-workspace-sidebar .kh-main-card,

    body.private-home-page
    .private-workspace-sidebar .kh-small-card,

    body.private-home-page
    .private-workspace-sidebar .kh-action-row {
        width: 100%;
        min-height: 58px;

        padding: 8px 9px;
        gap: 7px;

        border-radius: 15px;

        box-sizing: border-box;
    }


    /* Oferty do decyzji */
    body.private-home-page
    .private-workspace-sidebar .kh-main-card {
        grid-template-columns:
            32px
            34px
            minmax(0, 1fr)
            18px;
    }


    /* Nowe oferty + Odpowiedzi */
    body.private-home-page
    .private-workspace-sidebar .kh-small-card {
        grid-template-columns:
            32px
            34px
            minmax(0, 1fr)
            18px;
    }


    /* Aktywność + Profil + Podjęte decyzje */
    body.private-home-page
    .private-workspace-sidebar .kh-action-row {
        grid-template-columns:
            32px
            minmax(0, 1fr)
            auto;
    }


    /* Wszystkie ikony — dokładnie ten sam rozmiar */
    body.private-home-page
    .private-workspace-sidebar .kh-icon,

    body.private-home-page
    .private-workspace-sidebar .kh-icon--main,

    body.private-home-page
    .private-workspace-sidebar .kh-action-icon {
        width: 32px;
        height: 32px;

        min-width: 32px;
        min-height: 32px;

        border-radius: 10px;

        font-size: 14px;
        line-height: 1;

        box-sizing: border-box;
    }


    /* Wszystkie nagłówki — jedna typografia */
    body.private-home-page
    .private-workspace-sidebar .kh-main-card__copy strong,

    body.private-home-page
    .private-workspace-sidebar .kh-small-card__copy strong,

    body.private-home-page
    .private-workspace-sidebar .kh-action-copy strong {
        font-size: 11px;
        line-height: 1.15;
        font-weight: 800;
    }


    /* Wszystkie opisy — jedna typografia */
    body.private-home-page
    .private-workspace-sidebar .kh-main-card__copy span,

    body.private-home-page
    .private-workspace-sidebar .kh-small-card__copy span,

    body.private-home-page
    .private-workspace-sidebar .kh-action-copy span {
        margin-top: 2px;

        font-size: 8px;
        line-height: 1.2;
        font-weight: 400;
    }


    /* Kolumna tekstowa zawsze może się prawidłowo zwężać */
    body.private-home-page
    .private-workspace-sidebar .kh-main-card__copy,

    body.private-home-page
    .private-workspace-sidebar .kh-small-card__copy,

    body.private-home-page
    .private-workspace-sidebar .kh-action-copy {
        min-width: 0;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — SIDEBAR
   DOLNE 3 KAFELKI = TEN SAM UKŁAD CO GÓRNE 3
   ========================================================= */

@media (min-width: 760px) {

    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-row {
        display: grid;

        grid-template-columns:
            32px
            34px
            minmax(0, 1fr)
            18px;

        align-items: center;

        width: 100%;
        min-height: 58px;

        gap: 7px;
        padding: 8px 9px;

        box-sizing: border-box;
    }


    /* IKONA */
    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-icon {
        grid-column: 1;

        width: 32px;
        height: 32px;

        min-width: 32px;
        min-height: 32px;

        margin: 0;

        justify-self: start;
        align-self: center;
    }


    /* LICZNIK — dokładnie w drugiej kolumnie */
    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-value {
        grid-column: 2;

        width: 34px;
        min-width: 34px;

        margin: 0;

        color: var(--kr-primary);

        font-size: 25px;
        line-height: 1;
        font-weight: 850;

        text-align: center;

        justify-self: center;
        align-self: center;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-value--empty {
        visibility: hidden;
    }


    /* TYTUŁ + OPIS */
    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-copy {
        grid-column: 3;

        min-width: 0;
        margin: 0;

        justify-self: stretch;
        align-self: center;
    }


    /* STRZAŁKA */
    body.private-home-page
    .private-workspace-sidebar
    .kh-actions .kh-action-chevron {
        grid-column: 4;

        width: 18px;
        min-width: 18px;

        margin: 0;

        color: var(--kr-primary);

        font-size: 14px;
        line-height: 1;

        text-align: center;

        justify-self: end;
        align-self: center;
    }

}


/* =========================================================
   PRIVATE WORKSPACE — SIDEBAR
   IDENTYCZNY ODSTĘP MIĘDZY WSZYSTKIMI 6 KAFELKAMI
   ========================================================= */

@media (min-width: 760px) {

    /* 3 górne kafelki */
    body.private-home-page
    .private-workspace-sidebar
    .kh-overview {
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin-bottom: 7px;
    }

    body.private-home-page
    .private-workspace-sidebar
    .kh-overview .kh-small-grid {
        display: contents;
    }

    /* 3 dolne kafelki */
    body.private-home-page
    .private-workspace-sidebar
    .kh-actions {
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin-top: 0;
    }

}


/* =========================================================
   PRIVATE FEED — DUŻA POZIOMA KARTA OFERTY
   TYLKO DESKTOP
   MOBILE BEZ ZMIAN

   Ten sam HTML / te same dane / ten sam strumień FEED.
   Zmieniamy wyłącznie sposób prezentacji.
   ========================================================= */

@media (min-width: 1024px) {

    /* =====================================================
       FEED wykorzystuje szerokość workspace
       ===================================================== */

    body.private-home-page
    .private-workspace-main
    .feed-stack {
        width: min(100%, 1120px);
        max-width: 1120px;

        margin-left: auto;
        margin-right: auto;

        gap: 24px;
    }


    /* =====================================================
       OFERTA — UKŁAD POZIOMY
       ===================================================== */

    body.private-home-page
    .feed-stream-item--offer {
        display: grid;

        grid-template-columns:
            minmax(300px, 40%)
            minmax(0, 1fr);

        grid-template-areas:
            "media header"
            "media content";

        align-items: stretch;

        width: 100%;
        max-width: none;
        min-height: 330px;

        padding: 0 !important;

        overflow: hidden;

        border-radius: 22px !important;

        box-sizing: border-box;
    }


    /* =====================================================
       ZDJĘCIE — LEWA CZĘŚĆ KARTY
       ===================================================== */

    body.private-home-page
    .feed-stream-item--offer
    .feed-media {
        grid-area: media;

        width: 100% !important;
        height: 100% !important;
        min-height: 330px;

        margin: 0 !important;

        border: 0 !important;
        border-right:
            1px solid rgba(151, 176, 207, .32) !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        box-sizing: border-box;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-photo,

    body.private-home-page
    .feed-stream-item--offer
    .feed-photo-placeholder {
        width: 100% !important;
        height: 100% !important;
        min-height: 330px;

        border-radius: 0 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-photo {
        object-fit: cover !important;
        object-position: center !important;
    }


    /* Języki pozostają na zdjęciu */
    body.private-home-page
    .feed-stream-item--offer
    .feed-languages {
        z-index: 3;
    }


    /* =====================================================
       NAGŁÓWEK — PRAWA GÓRNA CZĘŚĆ
       ===================================================== */

    body.private-home-page
    .feed-stream-item--offer
    .feed-header {
        grid-area: header;

        width: 100%;

        min-height: 104px !important;

        padding:
            18px
            22px
            14px !important;

        border-bottom:
            1px solid rgba(177, 199, 227, .32);

        box-sizing: border-box;
    }


    /* =====================================================
       TREŚĆ — PRAWA DOLNA CZĘŚĆ
       ===================================================== */

    body.private-home-page
    .feed-stream-item--offer
    .feed-content {
        grid-area: content;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(190px, .9fr) !important;

        align-content: start;

        gap: 22px !important;

        width: 100%;

        padding:
            20px
            24px
            24px !important;

        box-sizing: border-box;
    }


    /* Zawód może być większy na szerokiej karcie */
    body.private-home-page
    .feed-stream-item--offer
    .feed-profession-name {
        font-size: 1.12rem !important;
        line-height: 1.18 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-profession-group {
        margin-top: 4px !important;

        font-size: .76rem !important;
        line-height: 1.25 !important;
    }


    /* Dopasowania mają więcej miejsca */
    body.private-home-page
    .feed-stream-item--offer
    .feed-details-column {
        gap: 10px !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-match-list {
        gap: 7px !important;

        font-size: .76rem !important;
        line-height: 1.2 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-locations {
        margin-top: 10px;

        font-size: .74rem !important;
        line-height: 1.3 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-salary {
        margin-top: 10px;

        font-size: .9rem !important;
        line-height: 1.2 !important;

        text-align: left !important;
        white-space: normal !important;
    }


    /* =====================================================
       DESKTOP — NIE POKAZUJEMY "ZOBACZ OFERTĘ"
       HTML zostaje, więc MOBILE nadal go ma.
       ===================================================== */

    body.private-home-page
    .feed-stream-item--offer
    .feed-footer {
        display: none !important;
    }

}

/* =========================================================
   PRIVATE FEED — PEŁNE SEKCJE OFERTY
   MOBILE: UKRYTE
   DESKTOP: WIDOCZNE W POZIOMEJ KARCIE
   ========================================================= */

/* Mobile i mały tablet — bez zmian obecnego FEED-u */
@media (max-width: 1023px) {

    body.private-home-page
    .feed-desktop-full-offer {
        display: none !important;
    }

}


/* Desktop */
@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-content {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }


    /* Stary skrócony blok zostaje na górze */
    body.private-home-page
    .feed-stream-item--offer
    .feed-professions-column,

    body.private-home-page
    .feed-stream-item--offer
    .feed-details-column {
        width: 100%;
        min-width: 0;
    }


    /* Pełne dane */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-full-offer {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px 18px;

        width: 100%;

        margin-top: 4px;
        padding-top: 16px;

        border-top:
            1px solid rgba(160, 186, 216, .28);

        box-sizing: border-box;
    }


    /* Jedna sekcja */
    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section {
        min-width: 0;

        padding: 10px 12px;

        border:
            1px solid rgba(155, 180, 210, .18);

        border-radius: 12px;

        background:
            rgba(247, 250, 254, .72);

        box-sizing: border-box;
    }


    /* Nagłówek sekcji */
    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section h3 {
        margin: 0 0 6px;

        color: #667085;

        font-size: 10px;
        line-height: 1.2;
        font-weight: 800;

        letter-spacing: .04em;
        text-transform: uppercase;
    }


    /* Wartości */
    body.private-home-page
    .feed-stream-item--offer
    .feed-full-values {
        display: flex;
        flex-direction: column;

        gap: 3px;

        min-width: 0;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-values > span {
        min-width: 0;

        color: #24364b;

        font-size: 12px;
        line-height: 1.35;
        font-weight: 650;

        overflow-wrap: anywhere;
    }


    /* Brak wymagań */
    body.private-home-page
    .feed-stream-item--offer
    .feed-full-empty {
        color: #98a2b3;

        font-size: 11px;
        line-height: 1.3;
        font-weight: 600;

        font-style: italic;
    }


    /* Opis na całą szerokość */
    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section--description {
        grid-column: 1 / -1;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-description {
        color: #344054;

        font-size: 12px;
        line-height: 1.5;
        font-weight: 500;

        white-space: normal;
        overflow-wrap: anywhere;
    }


    /* Karta może być wyższa, jeśli ma dużo sekcji */
    body.private-home-page
    .feed-stream-item--offer {
        min-height: 0;
        height: auto;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-media {
        min-height: 100%;
    }

}

/* =========================================================
   PRIVATE FEED — PEŁNE SEKCJE OFERTY
   TYLKO DESKTOP
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-content {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-full-offer {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px 18px;

        width: 100%;

        margin-top: 4px;
        padding-top: 16px;

        border-top:
            1px solid rgba(160, 186, 216, .28);

        box-sizing: border-box;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section {
        min-width: 0;

        padding: 10px 12px;

        border:
            1px solid rgba(155, 180, 210, .18);

        border-radius: 12px;

        background:
            rgba(247, 250, 254, .72);

        box-sizing: border-box;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section h3 {
        margin: 0 0 6px;

        color: #667085;

        font-size: 10px;
        line-height: 1.2;
        font-weight: 800;

        letter-spacing: .04em;
        text-transform: uppercase;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-values {
        display: flex;
        flex-direction: column;

        gap: 3px;

        min-width: 0;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-values > span {
        min-width: 0;

        color: #24364b;

        font-size: 12px;
        line-height: 1.35;
        font-weight: 650;

        overflow-wrap: anywhere;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-empty {
        color: #98a2b3;

        font-size: 11px;
        line-height: 1.3;
        font-weight: 600;

        font-style: italic;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-section--description {
        grid-column: 1 / -1;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-full-description {
        color: #344054;

        font-size: 12px;
        line-height: 1.5;
        font-weight: 500;

        white-space: normal;
        overflow-wrap: anywhere;
    }

}

/* FEED — nowy pełny widok istnieje WYŁĄCZNIE na desktopie */
.feed-desktop-full-offer {
    display: none;
}

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-full-offer {
        display: grid;
    }

}


/* =========================================================
   PRIVATE FEED — PEŁNE DANE OFERTY
   TYLKO DESKTOP >= 1024
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-offer-details {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px 16px;

        width: 100%;

        margin-top: 10px;
        padding-top: 16px;

        border-top:
            1px solid rgba(160, 186, 216, .28);

        box-sizing: border-box;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail {
        min-width: 0;

        padding: 10px 12px;

        border:
            1px solid rgba(155, 180, 210, .18);

        border-radius: 12px;

        background:
            rgba(247, 250, 254, .72);

        box-sizing: border-box;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail--wide {
        grid-column: 1 / -1;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail h3 {
        margin: 0 0 6px;

        color: #667085;

        font-size: 10px;
        line-height: 1.2;
        font-weight: 800;

        letter-spacing: .04em;
        text-transform: uppercase;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__values {
        display: flex;
        flex-direction: column;

        gap: 3px;

        min-width: 0;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__values > span,

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__description {
        color: #24364b;

        font-size: 12px;
        line-height: 1.4;
        font-weight: 600;

        overflow-wrap: anywhere;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__empty {
        color: #98a2b3;

        font-size: 11px;
        line-height: 1.3;
        font-weight: 600;

        font-style: italic;
    }

}

/* =========================================================
   PRIVATE FEED — COMPACT FULL OFFER
   TYLKO DESKTOP >= 1024
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    /* pełne dane — 3 zwarte kolumny */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-offer-details {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 6px 8px !important;

        margin-top: 7px !important;
        padding-top: 8px !important;
    }


    /* pojedyncza sekcja */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail {
        padding: 6px 8px !important;

        min-height: 0 !important;

        border-radius: 8px !important;
    }


    /* nazwa sekcji */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail h3 {
        margin: 0 0 3px !important;

        font-size: 8px !important;
        line-height: 1.1 !important;

        letter-spacing: .025em !important;
    }


    /* wartości */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__values {
        gap: 1px !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__values > span,

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__description {
        font-size: 10px !important;
        line-height: 1.25 !important;
    }


    /* "Brak wymagań" */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail__empty {
        font-size: 9px !important;
        line-height: 1.15 !important;
    }


    /* opis nadal na całą szerokość */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-detail--wide {
        grid-column: 1 / -1 !important;
    }

}

/* =========================================================
   PRIVATE FEED — DESKTOP
   ZAWÓD + LOKALIZACJA LEWO
   DOPASOWANIA PRAWO OD GÓRY
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    /* -----------------------------------------------------
       GÓRNA CZĘŚĆ TREŚCI KARTY
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-content {
        position: relative;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(190px, 32%);

        grid-template-areas:
            "profession matches"
            "location matches"
            "salary matches"
            "full full";

        column-gap: 20px !important;
        row-gap: 4px !important;

        align-items: start;
    }


    /* children feed-details mogą wejść do gridu rodzica */
    body.private-home-page
    .feed-stream-item--offer
    .feed-details-column {
        display: contents !important;
    }


    /* -----------------------------------------------------
       ZAWÓD — LEWA STRONA
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-professions-column {
        grid-area: profession;

        width: 100% !important;
        min-width: 0;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-profession-name {
        margin: 0 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-profession-group {
        margin-top: 3px !important;
    }


    /* -----------------------------------------------------
       LOKALIZACJA — POD ZAWODEM
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-locations {
        grid-area: location;

        width: 100% !important;
        max-width: none !important;

        margin: 2px 0 0 !important;

        text-align: left !important;

        font-size: .72rem !important;
        line-height: 1.25 !important;
        font-weight: 750 !important;

        color: var(--kr-primary);
    }


    /* -----------------------------------------------------
       WYNAGRODZENIE — LEWA STRONA POD LOKALIZACJĄ
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-salary {
        grid-area: salary;

        margin: 4px 0 0 !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       DOPASOWANIA — PRAWA STRONA OD SAMEJ GÓRY
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-match-list {
        grid-area: matches;

        align-self: start;
        justify-self: end;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start;
        justify-content: flex-start;

        width: auto !important;
        min-width: 175px;

        margin: -2px 0 0 !important;
        padding: 0 !important;

        gap: 5px !important;

        font-size: 9px !important;
        line-height: 1 !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-match-row {
        display: flex !important;
        align-items: center;

        width: auto !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 700;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-match-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 11px !important;
        min-width: 11px !important;
        height: 11px !important;

        font-size: 11px !important;
        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       PEŁNE DANE OFERTY ZOSTAJĄ POD GÓRNĄ CZĘŚCIĄ
       ----------------------------------------------------- */

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-offer-details {
        grid-area: full;

        margin-top: 8px !important;
    }

}

/* =========================================================
   PRIVATE FEED — POZYCJA POD ZAWODEM
   TYLKO DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-position-line {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;

        gap: 4px;

        margin-top: 5px;

        color: #475467;

        font-size: 10px;
        line-height: 1.25;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-position-line strong {
        color: #667085;

        font-size: 9px;
        font-weight: 800;

        text-transform: uppercase;
        letter-spacing: .025em;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-position-line span {
        color: #24364b;
        font-weight: 700;
    }

}

/* =========================================================
   PRIVATE FEED — SALARY + WORK FORMS
   TYLKO DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-salary-workforms-row {
        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 18px;

        width: 100%;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;

        gap: 6px 10px;

        margin-left: auto;

        font-size: 13px;
        font-weight: 600;

        text-align: right;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms span:not(:last-child)::after {
        content: " ·";
    }

}

/* MOBILE — zachowaj dotychczasowy wygląd */
@media (max-width: 1023px) {

    .feed-salary-workforms-row {
        display: contents;
    }

    .feed-desktop-work-forms {
        display: none !important;
    }

}

/* FEED DESKTOP — formy zatrudnienia jak nagłówki kafelków */
@media (min-width: 1024px) {
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
}

/* FEED DESKTOP — formy zatrudnienia identycznie jak nagłówki dolnych kafelków */
@media (min-width: 1024px) {
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms {
        color: #667085 !important;

        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;

        letter-spacing: .025em !important;
        text-transform: uppercase !important;
    }
}

/* FEED DESKTOP — forma zatrudnienia linię pod wynagrodzeniem, do prawej */
@media (min-width: 1024px) {
    body.private-home-page
    .feed-stream-item--offer
    .feed-salary-workforms-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 3px !important;
        width: 100% !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms {
        width: 100% !important;
        margin-left: 0 !important;

        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;

        text-align: right !important;
    }
}

/* =========================================================
   FEED DESKTOP — FORMA ZATRUDNIENIA
   POD DOPASOWANIAMI, WYRÓWNANA DO PRAWEJ KOLUMNY
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms {
        grid-area: matches !important;

        align-self: end !important;
        justify-self: end !important;

        width: auto !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap;

        gap: 6px 10px;

        text-align: right !important;

        color: #667085 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: .025em !important;
        text-transform: uppercase !important;
    }

}

/* MOBILE — bez zmian */
@media (max-width: 1023px) {
    .feed-desktop-work-forms {
        display: none !important;
    }
}

/* =========================================================
   FEED DESKTOP — TRYB PRACY POD WYNAGRODZENIEM
   LEWA STRONA
   MOBILE BEZ ZMIAN
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-salary-workmodes-left {
        grid-area: salary;

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        width: 100%;
        gap: 3px;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-salary-workmodes-left
    .feed-salary {
        margin: 4px 0 0 !important;
        text-align: left !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-modes {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;

        gap: 6px 10px;

        width: 100%;
        margin: 0;

        text-align: left;

        color: #667085 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: .025em !important;
        text-transform: uppercase !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-modes span:not(:last-child)::after {
        content: " ·";
    }
}

/* MOBILE — zachowaj dotychczasową kartę */
@media (max-width: 1023px) {

    .feed-salary-workmodes-left {
        display: contents;
    }

    .feed-desktop-work-modes {
        display: none !important;
    }
}

/* =========================================================
   FEED DESKTOP — SWAP:
   FORMA ZATRUDNIENIA LEWO
   TRYB PRACY PRAWO
   ========================================================= */

@media (min-width: 1024px) {

    /* LEWA STRONA — wynagrodzenie + forma zatrudnienia */
    body.private-home-page
    .feed-stream-item--offer
    .feed-salary-workforms-left {
        grid-area: salary;

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        width: 100%;
        gap: 3px;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms-left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;

        gap: 6px 10px;

        width: 100%;
        margin: 0;

        text-align: left;

        color: #667085 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: .025em !important;
        text-transform: uppercase !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-forms-left span:not(:last-child)::after {
        content: " ·";
    }


    /* PRAWA STRONA — tryb pracy */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-modes-right {
        grid-area: matches !important;

        align-self: end !important;
        justify-self: end !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap;

        gap: 6px 10px;

        width: auto !important;
        margin: 0 !important;

        text-align: right !important;

        color: #667085 !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: .025em !important;
        text-transform: uppercase !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-work-modes-right span:not(:last-child)::after {
        content: " ·";
    }
}

/* MOBILE BEZ ZMIAN */
@media (max-width: 1023px) {
    .feed-salary-workforms-left {
        display: contents;
    }

    .feed-desktop-work-forms-left,
    .feed-desktop-work-modes-right {
        display: none !important;
    }
}

/* =========================================================
   PRIVATE FEED — 3 REAKCJE
   TYLKO DESKTOP
   ========================================================= */

@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reactions {
        grid-column: 1 / -1;

        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 8px;

        width: 100%;
        margin-top: 2px;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 7px;

        min-height: 38px;
        padding: 7px 10px;

        border: 1px solid rgba(155, 180, 210, .28);
        border-radius: 8px;

        background: rgba(255,255,255,.72);
        color: #667085;

        font-size: 10px;
        line-height: 1.15;
        font-weight: 800;
        letter-spacing: .025em;
        text-transform: uppercase;

        cursor: pointer;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction:hover {
        border-color: var(--kr-primary);
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction.is-selected {
        border-color: var(--kr-primary);
        color: var(--kr-primary);
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction__icon {
        font-size: 15px;
        line-height: 1;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction:disabled {
        opacity: .55;
        cursor: default;
    }
}

/* MOBILE — brak nowych kafelków */
@media (max-width: 1023px) {
    .feed-desktop-reactions {
        display: none !important;
    }
}

/* FEED DESKTOP — DO ROZWAŻENIA = NIEBIESKI */
@media (min-width: 1024px) {

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--reconsider {
        color: #175cd3;
        border-color: rgba(23, 92, 211, .32);
        background: rgba(239, 248, 255, .85);
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--reconsider:hover {
        color: #1849a9;
        border-color: #175cd3;
        background: #eff8ff;
    }
}

/* FEED DESKTOP — ODRZUĆ = CZERWONY, WYŚLIJ CV = ZIELONY */
@media (min-width: 1024px) {

    /* ODRZUĆ — czerwony */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--reject {
        color: #b42318 !important;
        border-color: rgba(180, 35, 24, .32) !important;
        background: rgba(254, 243, 242, .85) !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--reject:hover {
        color: #912018 !important;
        border-color: #b42318 !important;
        background: #fef3f2 !important;
    }

    /* WYŚLIJ CV — zielony */
    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--send-cv {
        color: #027a48 !important;
        border-color: rgba(2, 122, 72, .32) !important;
        background: rgba(236, 253, 243, .85) !important;
    }

    body.private-home-page
    .feed-stream-item--offer
    .feed-desktop-reaction--send-cv:hover {
        color: #05603a !important;
        border-color: #027a48 !important;
        background: #ecfdf3 !important;
    }
}