/* ------------------------------- PAGE (HEADER) ------------------------------- */

.page_header {width: 100%; background: var(--white-color); border-bottom: var(--surface-border);}
.page_header_inner {display: flex; padding: 30px 30px;}
.page_header_inner > div:nth-of-type(2) {width: 100%; padding-inline-start: 38px;}

.page_header_photo {width: 92px; min-width: 92px; border-radius: 8px;}
.page_header_photo.user {width: 136px; min-width: 136px; border-radius: 50%; box-shadow: inset 3px 3px 3px 6px rgba(0, 0, 0, 0.8);}
.page_header_photo_inline {display: none;}

.page_header_title {
    display: flex; align-items: center;
    color: var(--black-color); font-size: 26px; font-weight: 500; line-height: 1; letter-spacing: -1.1px;
}

.page_header_tags {max-width: 800px; padding-top: 8px; color: var(--gray-color-5); font-size: 14px; line-height: 1.3;}
.page_header_tags > b {font-weight: 500;}

.page_header_badges {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
.page_header_badges > div {
    padding: 6px 14px; border-radius: 15px;
    background-color: var(--secondary-color-7); color: var(--secondary-color-1); font-size: 12px;
}
.page_header_badges > div > b {font-weight: 500;}
.page_header_badges > .red {background-color: var(--red-color-4); color: var(--red-color-1);}

.page_header_links {display: flex; flex-shrink: 0; margin-inline-start: 20px;}
.page_header_links > a {
    display: flex; align-items: center; height: 22px; margin-inline-end: 8px; padding: 4px; border-radius: 3px;
    background: var(--gray-color-14); color: var(--gray-color-6); font-size: 16px; font-weight: 500; text-decoration: none;
}
.page_header_links > a > i {font-size: 13px; font-weight: 400;}

.page_header_controls {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px;}

.page_header_menu_btn {min-width: 36px; padding: 0 8px;}
.page_header_menu_btn > i {padding-inline-end: 0;}

.page_header_controls .label_short {display: none;}

.print .page_header_title {flex-direction: column; align-items: flex-start; line-height: 1.3;}
.print .page_header_title_dash {display: none;}
.print .page_header_inner {padding-inline: 0; padding-top: 0;}
.print .page_header_contacts {display: none;}
.print .page_pane:not(:has(*)) {display: none;}
.print .page_pane ~ .page_pane {margin-top: 20px; padding-top: 10px; border-top: 1px solid var(--gray-color-13);}

@media screen and (max-width: 1024px) {
    .page_header_inner {gap: 14px; padding: 12px 0;}
    .page_header_inner > div:nth-of-type(1) {display: none;}
    .page_header_inner > div:nth-of-type(2) {width: 100%; padding-inline-start: 0;}
    .page_header_photo_inline {display: block;}
    .page_header_photo.user {width: 56px; min-width: 56px; height: 56px; box-shadow: none;}
    .page_header_title {
        display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
        font-size: 18px; line-height: 1.2; letter-spacing: -0.4px;
    }
    .page_header_title_dash {display: none;}
    .page_header_title_role {color: var(--gray-color-4); font-size: 14px; font-weight: 400; letter-spacing: 0;}
    .page_header_tags {padding-top: 0;}
    .page_header_controls {flex-wrap: wrap; gap: 8px; margin-top: 14px;}
    .page_header_controls > .btn_primary {flex: 1 1 0; min-width: 0; height: 42px; padding: 0 12px; font-size: 13px; justify-content: center;}
    .page_header_controls > .btn_primary:first-child {flex: 1 1 100%; height: 46px; padding: 0 16px; font-size: 14px;}
    .page_header_controls > .btn_primary:last-child {flex: 0 0 42px; width: 42px; padding: 0;}
    .page_header_controls > .btn_primary:last-child > i {font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .page_header_inner {gap: 14px; padding: 16px 0;}
    .page_header_photo {width: 56px; min-width: 56px; height: 56px; border-radius: 8px;}
    .page_header_photo.user {width: 64px; min-width: 64px; height: 64px;}
    .page_header_title {font-size: 20px; line-height: 1.2; letter-spacing: -0.6px;}
    .page_header_title_role {font-size: 15px;}
    .page_header_tags {padding-top: 0; font-size: 16px; line-height: 1.4;}
    .page_header_badges {gap: 6px; margin-top: 10px;}
    .page_header_badges > div {padding: 5px 10px; font-size: 14px; font-weight: 400;}
    .page_header_controls {gap: 8px; margin-top: 12px;}
    .page_header_controls > .btn_primary {height: 40px; font-size: 16px;}
    .page_header_controls > .btn_primary:first-child {height: 44px; font-size: 16px; font-weight: 400;}
    .page_header_controls > .btn_primary:last-child {flex: 0 0 40px; width: 40px;}
    .page_header_controls .label_full {display: none;}
    .page_header_controls .label_short {display: inline;}
    .page_header_links {margin-top: 8px; margin-inline-start: 0;}
    .page_header_menu_btn {flex: 0 0 auto !important; min-width: 36px;}
}

/* ------------------------------- PAGE (SECTIONS) ------------------------------- */


.page_section_items {display: grid; gap: 16px; padding-top: 16px;}

.page_section_tags {padding-top: 8px; color: var(--gray-color-4); font-size: 12px; line-height: 1.3;}
.page_section_tags > a {color: var(--gray-color-4); text-decoration: none;}
.page_section_tags > a:hover {color: var(--primary-color-3);}

@media screen and (max-width: 1024px) {
    .page_section_tags {padding-top: 10px; font-size: 14px; line-height: 1.45;}
}

@media screen and (max-width: 768px) {
    .page_section_tags {padding-top: 12px; font-size: 15px; line-height: 1.5;}
}

.page_section_text {padding-top: 16px; padding-inline-end: 50px; color: var(--gray-color-2); font-size: 13px; line-height: 1.4; word-wrap: break-word;}
.page_section_text.compact {margin-top: 0; padding-top: 8px;}
@media screen and (max-width: 768px) {
    .page_section_text {padding-inline-end: 0;}
}
.page_section_text p {padding-top: 14px;}
.page_section_text p:first-child {padding-top: 0;}
.page_section_text h2 {padding-top: 14px; font-weight: 600; font-size: 14px;}
.page_section_text h2:first-child {padding-top: 0;}
.page_section_text a {color: var(--primary-color-3);}
.page_section_text a:hover {color: var(--primary-color-1);}
.page_section_text strong {font-weight: 600;}
.page_section_text ol, .page_section_text ul {padding-top: 14px;}
.page_section_text ol ol, .page_section_text ul ul {padding-top: 6px;}
.page_section_text li {margin-inline-start: 14px; padding-inline-start: 0; padding-top: 6px; list-style-type: disc;}
.page_section_text li:first-child {padding-top: 0;}

.page_section_cards {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px;}
.page_section_card {padding: 12px; border-radius: 10px; background: var(--gray-color-15);}
.page_section_card_title {display: flex; margin-bottom: 12px; color: var(--gray-color-3); font-size: 12px; font-weight: 500;}
.page_section_card_title > div:nth-of-type(1) {width: 80%;}
.page_section_card_title > div:nth-of-type(2) {width: 20%; text-align: end;}
.page_section_card_progress {height: 6px; border-radius: 3px; overflow: hidden; background: var(--gray-color-13);}
.page_section_card_progress > div {height: 100%; border-radius: 3px; background: var(--primary-color-4);}
.page_section_card_subtitle {margin-top: -6px; margin-bottom: 12px; color: var(--gray-color-5); font-size: 12px; line-height: 1.4;}
.page_section_card_desc {margin-top: 12px; padding-bottom: 14px; color: var(--gray-color-5); font-size: 12px; line-height: 1.4;}
.page_section_card.not_evidenced {opacity: 0.65;}
.page_section_card_na {padding-bottom: 0; font-style: italic;}

@media screen and (max-width: 1024px) {
    .page_section_text {padding-top: 14px; padding-inline-end: 0; font-size: 15px; line-height: 1.55;}
    .page_section_text h2 {padding-top: 16px; font-size: 16px;}
    .page_section_text p {padding-top: 16px;}
    .page_section_text li {font-size: 15px; line-height: 1.55;}
    .page_section_cards {gap: 14px; margin-top: 14px;}
    .page_section_card {padding: 14px;}
    .page_section_card_title {font-size: 13px; margin-bottom: 12px;}
    .page_section_card_desc {margin-top: 12px; font-size: 13px; line-height: 1.5;}
    .page_section_items {gap: 16px; padding-top: 16px;}
}

@media screen and (max-width: 768px) {
    .section.v3 {padding: 16px 14px;}
    .section.v3 > div:nth-of-type(1) {font-size: 20px;}
    .page_section_text {padding-top: 14px; padding-inline-end: 0; font-size: 16px; line-height: 1.6;}
    .page_section_text h2 {padding-top: 18px; font-size: 17px;}
    .page_section_text p {padding-top: 18px;}
    .page_section_text li {font-size: 16px; line-height: 1.6;}
    .page_section_cards {grid-template-columns: 1fr; gap: 12px; margin-top: 14px;}
    .page_section_card {padding: 16px;}
    .page_section_card_title {font-size: 14px; margin-bottom: 14px;}
    .page_section_card_desc {margin-top: 14px; font-size: 14px; line-height: 1.55;}
    .page_section_items {gap: 16px; padding-top: 16px;}
}

/* ------------------------------- PAGE (TECHNOLOGIES) ------------------------------- */

.page_technologies {display: inline-flex; flex-wrap: wrap; gap: 8px; padding-top: 8px;}
.page_technologies > div {display: flex; align-items: center; padding-inline-end: 6px;}
.page_technologies > div > img {width: 20px; height: 20px; margin-inline-end: 8px; border-radius: 2px;}
.page_technologies > div > span {
    padding: 6px 10px; border: 1px solid var(--gray-color-10); border-radius: 8px;
    background: var(--gray-color-15); color: var(--gray-color-2); font-size: 12px;
}

/* ------------------------------- PAGE (TECHNOLOGIES: COMPACT) ------------------------------- */

.page_compact_technologies {display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 6px;}
.page_compact_technologies > div.title {
    padding: 6px 3px; border: none;
    background: none; color: var(--gray-color-5); font-size: 13px; font-weight: 500;
}

/* ------------------------------- TECHNOLOGY CHIP (UNIVERSAL) ------------------------------- */

.technology_chip {
    display: inline-flex; align-items: center; user-select: none; cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.technology_chip:hover {filter: brightness(0.97); transform: translateY(-1px);}
.technology_chip > img {width: 20px; height: 20px; margin-inline-end: 6px; border-radius: 2px;}
.technology_chip > span {
    display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 15px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 13px; font-weight: 500;
}
.technology_chip > span > i {font-size: 13px;}
.technology_chip > span > i:not(:last-child) {padding-inline-end: 4px;}
.technology_chip > span > bdi > span {padding-inline-start: 4px; font-weight: 400;}
.technology_chip.core > span {background: var(--secondary-color-7); color: var(--secondary-color-2);}
.technology_chip.match > span {padding-inline-start: 7px; background: var(--primary-color-5); color: var(--white-color);}
.technology_chip.core.match > span {background: var(--secondary-color-3); color: var(--white-color);}
.technology_chip.dashed > span {
    padding: 4px 11px; border: 1px dashed var(--primary-color-3); border-radius: 14px;
    background: transparent; color: var(--primary-color-2);
}
.technology_chip.dashed.match > span {
    padding: 4px 11px; border: 1px solid var(--secondary-color-7); background: var(--secondary-color-7);
    color: var(--secondary-color-1);
}
.technology_chip.optional > span {
    padding: 3px 11px; border: 1px dashed var(--gray-color-10);
    background: transparent; color: var(--gray-color-5); font-weight: 400;
}
.technology_chip.optional.core > span {border-color: var(--secondary-color-5); background: transparent; color: var(--secondary-color-2);}
.technology_chip.optional.match > span {
    padding: 3px 11px 3px 7px; border-style: dashed; border-color: var(--primary-color-5);
    background: transparent; color: var(--primary-color-2);
}
.technology_chip.optional.core.match > span {
    padding: 3px 11px 3px 7px; border-style: dashed; border-color: var(--secondary-color-5);
    background: transparent; color: var(--secondary-color-2);
}
.technology_chip_ai {margin-inline-start: 9px; color: var(--primary-color-3); font-size: 13px;}
.technology_chip.core .technology_chip_ai {color: var(--secondary-color-2);}

@media screen and (max-width: 768px) {
    .technology_chip > span {padding: 5px 10px; border-radius: 8px; font-size: 15px;}
    .technology_chip.match > span {padding-inline-start: 7px;}
    .technology_chip.dashed > span {padding: 4px 9px; border-radius: 14px; font-size: 11px;}
    .technology_chip.dashed.match > span {padding: 4px 9px;}
    .technology_chip.optional > span {padding: 4px 9px;}
    .technology_chip.optional.match > span {padding-inline-start: 9px;}
    .technology_chip.optional.core.match > span {padding: 4px 9px;}
}

/* ------------------------------- PAGE (TECHNOLOGIES: ITEMS) ------------------------------- */

.page_technology_title {color: var(--gray-color-2); font-weight: 500;}
.page_technology_items {display: inline-flex; flex-wrap: wrap; gap: 10px; padding-top: 10px;}
.page_technology_item {display: flex; align-items: center;}
.page_technology_item > img {width: 20px; height: 20px; margin-inline-end: 8px; border-radius: 2px;}
.page_technology_item > span:nth-of-type(1) {
    display: flex; align-items: center; height: 24px; padding: 0 12px; border-radius: 12px;
    background: var(--secondary-color-7); color: var(--secondary-color-2); font-size: 13px; font-weight: 500;
}
.page_technology_item.match > span:nth-of-type(1) {
    padding-inline-start: 7px; background: var(--secondary-color-3); color: var(--white-color);
}
.page_technology_item.match > span:nth-of-type(1) > i {padding-inline-end: 4px; font-size: 14px;}
.page_technology_item > span:nth-of-type(2) {
    display: flex; align-items: center; height: 24px; margin-inline-start: 6px; padding: 0 12px; border-radius: 12px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 13px; font-weight: 400;
}


@media screen and (max-width: 1024px) {
    .page_technology_title {font-size: 15px;}
    .page_technology_items {gap: 10px; padding-top: 12px;}
    .page_technology_item > img {width: 22px; height: 22px;}
    .page_technology_item > span:nth-of-type(1) {height: 28px; padding: 0 12px; border-radius: 14px; font-size: 13.5px;}
    .page_technology_item.match > span:nth-of-type(1) > i {font-size: 15px;}
    .page_technology_item > span:nth-of-type(2) {height: 28px; padding: 0 12px; border-radius: 14px; font-size: 13.5px;}
}

@media screen and (max-width: 768px) {
    .page_technology_title {font-size: 16px;}
    .page_technology_items {gap: 12px; padding-top: 14px;}
    .page_technology_item > img {width: 24px; height: 24px;}
    .page_technology_item > span:nth-of-type(1) {height: 32px; padding: 0 14px; border-radius: 16px; font-size: 14.5px;}
    .page_technology_item.match > span:nth-of-type(1) > i {font-size: 16px;}
    .page_technology_item > span:nth-of-type(2) {height: 32px; padding: 0 14px; border-radius: 16px; font-size: 14.5px;}
}

/* ------------------------------- PAGE (ROLES) ------------------------------- */

.roles_wrap {position: relative; overflow: hidden;}
.roles_wrap::before, .roles_wrap::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 40px; z-index: 1;
    pointer-events: none; transition: opacity 0.3s;
}
.roles_wrap::before {inset-inline-end: 0; opacity: 0; background: linear-gradient(to left, var(--jobs-roles-bg), transparent);}
.roles_wrap::after {inset-inline-start: 0; opacity: 0; background: linear-gradient(to right, var(--jobs-roles-bg), transparent);}
.roles_wrap.shadow_right::before {opacity: 1;}
.roles_wrap.shadow_left::after {opacity: 1;}
html[dir="rtl"] .roles_wrap::before {background: linear-gradient(to right, var(--jobs-roles-bg), transparent);}
html[dir="rtl"] .roles_wrap::after {background: linear-gradient(to left, var(--jobs-roles-bg), transparent);}

.roles_items {
    display: flex; gap: 8px; padding-top: 10px; overflow-x: auto;
    scrollbar-width: none; -ms-overflow-style: none; cursor: grab; user-select: none;
}
.roles_items.active, .roles_items.active .role_item {cursor: grabbing;}
.roles_items::-webkit-scrollbar {display: none;}

.role_item {
    flex: 0 0 auto; padding: 6px 14px; border: var(--surface-border); border-radius: 12px;
    background: var(--white-color); color: var(--gray-color-3); font-size: 13px; white-space: nowrap;
    text-decoration: none; cursor: pointer; user-select: none;
}
.role_item.active {border-color: var(--primary-color-3); background: var(--primary-color-3); color: #fff;}

@media screen and (max-width: 768px) {
    .roles_wrap {margin-inline: -14px;}
    .roles_items {gap: 10px; padding-top: 12px; padding-bottom: 2px; padding-inline: 14px;}
    .role_item {padding: 8px 16px; border: 1px solid var(--gray-color-11); border-radius: 14px; font-size: 15px;}
}

/* ------------------------------- PAGE (SHARE) ------------------------------- */
/* Styles moved to components.css → SHARE (link + socials). */

/* ------------------------------- PAGE (LIST) ------------------------------- */

.page_list_items {display: flex; flex-direction: column; padding-top: 16px;}
.page_list_item {
    display: flex; justify-content: space-between; padding: 8px 0;
    border-bottom: 1px solid var(--gray-color-14); font-size: 13px;
}
.page_list_item:last-child {border-bottom: none;}
.page_list_item > div:nth-of-type(1) {color: var(--gray-color-5);}
.page_list_item > div:nth-of-type(2) {color: var(--gray-color-2); font-weight: 500; text-align: end;}
.page_list_item > div:nth-of-type(2) > b {font-weight: 600;}

@media screen and (max-width: 1024px) {
    .page_list_item {padding: 10px 0; font-size: 14.5px;}
    .page_list_item > div:nth-of-type(2) {font-size: 14.5px;}
}

@media screen and (max-width: 768px) {
    .page_list_item {flex-direction: column; gap: 4px; padding: 12px 0; font-size: 15.5px;}
    .page_list_item > div:nth-of-type(2) {font-size: 15.5px; text-align: start;}
}

/* ------------------------------- PAGE (COMPANY ITEM) ------------------------------- */

.page_company_item_technologies {display: inline-flex; flex-wrap: wrap; gap: 8px; padding-top: 4px;}
.page_company_item_technologies > span {
    padding: 6px 10px; border: 1px solid var(--gray-color-10); border-radius: 8px;
    background: var(--gray-color-15); color: var(--gray-color-2); font-size: 12px;
}

@media screen and (max-width: 1024px) {
    .page_company_item_technologies {gap: 10px; padding-top: 6px;}
    .page_company_item_technologies > span {padding: 7px 12px; border-radius: 10px; font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .page_company_item_technologies {gap: 10px; padding-top: 8px;}
    .page_company_item_technologies > span {padding: 8px 14px; border-radius: 12px; font-size: 15px;}
}

/* ------------------------------- PAGE (FAVORITE PULSE) ------------------------------- */

.icon_favorite_pulse {display: inline-block; animation: favorite-pulse 0.5s ease-in-out;}

@keyframes favorite-pulse {
    0% {transform: scale(1);}
    25% {transform: scale(1.35);}
    45% {transform: scale(0.9);}
    70% {transform: scale(1.15);}
    100% {transform: scale(1);}
}

/* ------------------------------- COMPANY (FACTS) ------------------------------- */

.company_facts {display: flex; flex-direction: column; margin-top: 6px;}
.company_fact_item {
    display: flex; gap: 14px; padding: 12px 0; border-top: 1px dashed var(--gray-color-11);
}
.company_fact_item:first-child {padding-top: 6px; border-top: none;}
.company_fact_marker {
    display: flex; align-items: center; justify-content: center; width: 32px; min-width: 32px; height: 32px;
    border-radius: 50%; background: var(--primary-color-9); color: var(--primary-color-3);
}
.company_fact_marker > i {font-size: 14px;}
.company_fact_body {flex: 1; min-width: 0; padding-top: 6px; color: var(--gray-color-3); font-size: 14px; line-height: 1.4;}

@media screen and (max-width: 1024px) {
    .company_facts {margin-top: 10px;}
    .company_fact_item {gap: 14px; padding: 14px 0 12px;}
    .company_fact_marker {width: 36px; min-width: 36px; height: 36px;}
    .company_fact_marker > i {font-size: 16px;}
    .company_fact_body {padding-top: 4px; font-size: 14.5px; line-height: 1.5;}
}

@media screen and (max-width: 768px) {
    .company_fact_item {gap: 14px; padding: 16px 0 14px;}
    .company_fact_marker {width: 40px; min-width: 40px; height: 40px;}
    .company_fact_marker > i {font-size: 17px;}
    .company_fact_body {padding-top: 6px; font-size: 15.5px; line-height: 1.55;}
}

/* ------------------------------- COMPANY (PRODUCTS) ------------------------------- */

.company_products {display: flex; flex-direction: column; margin-top: 6px;}
.company_product_item {
    display: flex; gap: 14px; padding: 14px 0 12px; border-top: 1px dashed var(--gray-color-11);
}
.company_product_item:first-child {padding-top: 6px; border-top: none;}
.company_product_logo {
    display: flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; padding: 8px;
    border: 1px solid var(--gray-color-11); border-radius: 10px; background: var(--white-color);
}
.company_product_logo > img {width: 100%; height: 100%; object-fit: contain;}
.company_product_body {flex: 1; min-width: 0;}
.company_product_head {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px;
}
.company_product_title {color: var(--black-color); font-size: 15px; font-weight: 600; line-height: 1.2;}
.company_product_desc {margin-top: 6px; color: var(--gray-color-4); font-size: 13px; line-height: 1.4;}
.company_product_link {display: flex; margin-top: 8px;}
.company_product_link > a {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--primary-color-3); font-size: 12px; font-weight: 500; text-decoration: none;
}
.company_product_link > a:hover {color: var(--black-color);}
.company_product_link > a > i {font-size: 13px;}

@media screen and (max-width: 1024px) {
    .company_products {margin-top: 10px;}
    .company_product_item {gap: 14px; padding: 16px 0 14px;}
    .company_product_logo {width: 52px; min-width: 52px; height: 52px; padding: 8px; border-radius: 12px;}
    .company_product_title {font-size: 16px;}
    .company_product_desc {margin-top: 8px; font-size: 14.5px; line-height: 1.55;}
    .company_product_link {margin-top: 10px;}
    .company_product_link > a {font-size: 13.5px;}
    .company_product_link > a > i {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .company_product_item {gap: 14px; padding: 18px 0 16px;}
    .company_product_logo {width: 60px; min-width: 60px; height: 60px; padding: 10px; border-radius: 14px;}
    .company_product_title {font-size: 17.5px;}
    .company_product_desc {margin-top: 10px; font-size: 15.5px; line-height: 1.6;}
    .company_product_link {margin-top: 12px;}
    .company_product_link > a {font-size: 14.5px;}
    .company_product_link > a > i {font-size: 15px;}
}

/* ------------------------------- COMPANY (INVESTORS) ------------------------------- */

.company_investors {display: flex; flex-direction: column; margin-top: 6px;}
.company_investor_item {
    display: flex; gap: 14px; padding: 14px 0 12px; border-top: 1px dashed var(--gray-color-11);
}
.company_investor_item:first-child {padding-top: 6px; border-top: none;}
.company_investor_logo {
    display: flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; padding: 8px;
    border: 1px solid var(--gray-color-11); border-radius: 10px; background: var(--white-color);
}
.company_investor_logo > img {width: 100%; height: 100%; object-fit: contain;}
.company_investor_body {flex: 1; min-width: 0;}
.company_investor_head {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px;
}
.company_investor_title {color: var(--black-color); font-size: 15px; font-weight: 600; line-height: 1.2;}
.company_investor_amount {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 600;
}
.company_investor_amount > i {font-size: 13px;}
.company_investor_desc {margin-top: 6px; color: var(--gray-color-4); font-size: 13px; line-height: 1.4;}
.company_investor_link {display: flex; margin-top: 8px;}
.company_investor_link > a {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--primary-color-3); font-size: 12px; font-weight: 500; text-decoration: none;
}
.company_investor_link > a:hover {color: var(--black-color);}
.company_investor_link > a > i {font-size: 13px;}

@media screen and (max-width: 1024px) {
    .company_investors {margin-top: 10px;}
    .company_investor_item {gap: 14px; padding: 16px 0 14px;}
    .company_investor_logo {width: 52px; min-width: 52px; height: 52px; padding: 8px; border-radius: 12px;}
    .company_investor_title {font-size: 16px;}
    .company_investor_amount {padding: 6px 12px; font-size: 13px;}
    .company_investor_amount > i {font-size: 14px;}
    .company_investor_desc {margin-top: 8px; font-size: 14.5px; line-height: 1.55;}
    .company_investor_link {margin-top: 10px;}
    .company_investor_link > a {font-size: 13.5px;}
    .company_investor_link > a > i {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .company_investor_item {gap: 14px; padding: 18px 0 16px;}
    .company_investor_logo {width: 60px; min-width: 60px; height: 60px; padding: 10px; border-radius: 14px;}
    .company_investor_title {font-size: 17.5px;}
    .company_investor_amount {padding: 7px 14px; font-size: 14px;}
    .company_investor_amount > i {font-size: 15px;}
    .company_investor_desc {margin-top: 10px; font-size: 15.5px; line-height: 1.6;}
    .company_investor_link {margin-top: 12px;}
    .company_investor_link > a {font-size: 14.5px;}
    .company_investor_link > a > i {font-size: 15px;}
}

/* ------------------------------- COMPANY (NEWS) ------------------------------- */

.company_news {display: flex; flex-direction: column; margin-top: 6px;}
.company_news_item {
    display: flex; gap: 14px; padding: 14px 0 12px; border-top: 1px dashed var(--gray-color-11);
}
.company_news_item:first-child {padding-top: 6px; border-top: none;}
.company_news_marker {
    display: flex; align-items: center; justify-content: center; width: 32px; min-width: 32px; height: 32px;
    border-radius: 50%; background: var(--primary-color-9); color: var(--primary-color-3);
}
.company_news_marker > i {font-size: 14px;}
.company_news_body {flex: 1; min-width: 0;}
.company_news_head {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px;
}
.company_news_title {
    color: var(--black-color); font-size: 15px; font-weight: 600; line-height: 1.25; text-decoration: none;
}
.company_news_title:hover {color: var(--primary-color-3);}
.company_news_date {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 600;
}
.company_news_date > i {font-size: 13px;}
.company_news_desc {margin-top: 6px; color: var(--gray-color-4); font-size: 13px; line-height: 1.4;}
.company_news_link {display: flex; margin-top: 8px;}
.company_news_link > a {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--primary-color-3); font-size: 12px; font-weight: 500; text-decoration: none;
}
.company_news_link > a:hover {color: var(--black-color);}
.company_news_link > a > i {font-size: 13px;}

@media screen and (max-width: 1024px) {
    .company_news {margin-top: 10px;}
    .company_news_item {gap: 14px; padding: 16px 0 14px;}
    .company_news_marker {width: 36px; min-width: 36px; height: 36px;}
    .company_news_marker > i {font-size: 16px;}
    .company_news_title {font-size: 16px; line-height: 1.35;}
    .company_news_date {padding: 6px 12px; font-size: 13px;}
    .company_news_date > i {font-size: 14px;}
    .company_news_desc {margin-top: 8px; font-size: 14.5px; line-height: 1.55;}
    .company_news_link {margin-top: 10px;}
    .company_news_link > a {font-size: 13.5px;}
    .company_news_link > a > i {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .company_news_item {gap: 14px; padding: 18px 0 16px;}
    .company_news_marker {width: 40px; min-width: 40px; height: 40px;}
    .company_news_marker > i {font-size: 17px;}
    .company_news_title {font-size: 17.5px; line-height: 1.4;}
    .company_news_date {padding: 7px 14px; font-size: 14px;}
    .company_news_date > i {font-size: 15px;}
    .company_news_desc {margin-top: 10px; font-size: 15.5px; line-height: 1.6;}
    .company_news_link {margin-top: 12px;}
    .company_news_link > a {font-size: 14.5px;}
    .company_news_link > a > i {font-size: 15px;}
}

/* ------------------------------- COMPANY (TEAM) ------------------------------- */

.company_team {display: flex; flex-direction: column; margin-top: 6px;}
.company_team_item {
    display: flex; gap: 14px; padding: 14px 0 12px; border-top: 1px dashed var(--gray-color-11);
}
.company_team_item:first-child {padding-top: 6px; border-top: none;}
.company_team_logo {
    display: flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px;
    border-radius: 10px; background: var(--white-color); overflow: hidden;
}
.company_team_photo {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.company_team_body {flex: 1; min-width: 0;}
.company_team_head {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px;
}
.company_team_name {color: var(--black-color); font-size: 15px; font-weight: 600; line-height: 1.2;}
.company_team_email > a {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 600;
    text-decoration: none;
}
.company_team_email > a:hover {color: var(--black-color);}
.company_team_email > a > i {font-size: 13px;}
.company_team_role {margin-top: 4px; color: var(--gray-color-5); font-size: 13px; font-weight: 500; line-height: 1.3;}
.company_team_desc {max-width: 800px; margin-top: 6px; color: var(--gray-color-4); font-size: 13px; line-height: 1.4;}

@media screen and (max-width: 1024px) {
    .company_team {margin-top: 10px;}
    .company_team_item {gap: 14px; padding: 16px 0 14px;}
    .company_team_logo {width: 56px; min-width: 56px; height: 56px; border-radius: 12px;}
    .company_team_photo {border-radius: 12px;}
    .company_team_name {font-size: 16px;}
    .company_team_email > a {padding: 6px 12px; font-size: 13px;}
    .company_team_email > a > i {font-size: 14px;}
    .company_team_role {margin-top: 6px; font-size: 14px; line-height: 1.4;}
    .company_team_desc {margin-top: 8px; font-size: 14.5px; line-height: 1.55;}
}

@media screen and (max-width: 768px) {
    .company_team_item {gap: 14px; padding: 18px 0 16px;}
    .company_team_logo {width: 64px; min-width: 64px; height: 64px; border-radius: 14px;}
    .company_team_photo {border-radius: 14px;}
    .company_team_name {font-size: 17.5px;}
    .company_team_email > a {padding: 7px 14px; font-size: 14px;}
    .company_team_email > a > i {font-size: 15px;}
    .company_team_role {margin-top: 8px; font-size: 15px; line-height: 1.4;}
    .company_team_desc {margin-top: 10px; font-size: 15.5px; line-height: 1.6;}
}

/* ------------------------------- COMPANY (VIDEOS) ------------------------------- */

.company_videos {display: grid; gap: 14px; padding-top: 10px;}
.company_video_item {position: relative; height: 0; padding-bottom: 56.25%; border-radius: 6px; overflow: hidden;}
.company_video_item iframe {position: absolute; top: 0; inset-inline-start: 0; width: 100%; height: 100%; border: 0;}

/* ------------------------------- COMPANY (ROUNDS) ------------------------------- */

.company_rounds {margin-top: 16px; margin-inline-start: 7px; padding-inline-start: 20px;}
.company_round_item {position: relative;}
.company_round_item.next {margin-bottom: 20px;}
.company_round_line {
    position: absolute; top: 4px; bottom: -24px; inset-inline-start: -21px; width: 1px;
    background: var(--gray-color-13);
}
.company_round_marker {
    position: absolute; top: 4px; inset-inline-start: -26px; width: 10px; height: 10px;
    border: 2px solid var(--white-color); border-radius: 50%; background: var(--gray-color-11);
}
.company_round_marker.first {background: var(--primary-color-4);}
.company_round_title {color: var(--black-color); font-size: 14px; font-weight: 500; line-height: 1.2;}
.company_round_title.first {font-weight: 600;}
.company_round_info {margin-top: 2px; color: var(--gray-color-5); font-size: 12px; line-height: 1.2;}
.company_round_info > a {color: var(--primary-color-4); text-decoration: none;}

@media screen and (max-width: 1024px) {
    .company_videos {gap: 16px; padding-top: 12px;}
    .company_rounds {margin-top: 18px; padding-inline-start: 22px;}
    .company_round_item.next {margin-bottom: 24px;}
    .company_round_line {bottom: -28px; inset-inline-start: -23px;}
    .company_round_marker {top: 5px; inset-inline-start: -28px; width: 12px; height: 12px;}
    .company_round_title {font-size: 15.5px; line-height: 1.35;}
    .company_round_info {margin-top: 4px; font-size: 13.5px; line-height: 1.4;}
}

@media screen and (max-width: 768px) {
    .company_videos {gap: 18px; padding-top: 14px;}
    .company_rounds {margin-top: 20px; padding-inline-start: 24px;}
    .company_round_item.next {margin-bottom: 28px;}
    .company_round_line {bottom: -32px; inset-inline-start: -25px;}
    .company_round_marker {top: 6px; inset-inline-start: -30px; width: 14px; height: 14px;}
    .company_round_title {font-size: 17px; line-height: 1.4;}
    .company_round_info {margin-top: 6px; font-size: 14.5px; line-height: 1.5;}
}

/* ------------------------------- PAGE (INFO BLOCKS) ------------------------------- */

.page_info .section_title {margin-bottom: 8px;}
.page_info_items {display: flex; flex-direction: column;}
.page_info_item {
    position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 12px 0 8px;
    border-bottom: 1px dashed var(--gray-color-11);
}
.page_info_item:last-child {border-bottom: none;}
.page_info_marker {
    display: flex; align-items: center; justify-content: center; width: 26px; min-width: 26px; height: 26px; margin-top: -4px;
    border-radius: 50%; background: var(--primary-color-9); color: var(--primary-color-3);
}
.page_info_marker > i {font-size: 13px; line-height: 1;}
.page_info_marker > span {font-size: 12px; font-weight: 600; line-height: 1;}
.page_info_marker > img {width: 18px; height: 18px; border-radius: 3px; object-fit: contain;}
.page_info_body {flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 12px;}
.page_info_label {min-width: 96px; color: var(--gray-color-5); font-size: 13px; font-weight: 500;}
.page_info_value {
    flex: 1; min-width: 0; color: var(--black-color); font-size: 13px; font-weight: 500; line-height: 1.35; letter-spacing: -0.1px;
    text-align: end; word-break: break-word;
}
.page_info_value > a {color: var(--black-color); text-decoration: none; transition: color .15s ease;}
.page_info_value > a:hover {color: var(--primary-color-3);}
.page_info_value > b {font-weight: 600;}

.page_info_item_highlight .page_info_marker {background: var(--primary-color-3); color: var(--white-color);}
.page_info_item_highlight .page_info_value {color: var(--primary-color-3); font-weight: 600; font-feature-settings: "tnum" 1;}

.print .page_info_item {border-bottom: 1px solid var(--gray-color-13);}
.print .page_info_marker {background: transparent; color: var(--primary-color-3);}
.print .page_info_item_highlight .page_info_marker {background: transparent; color: var(--primary-color-3);}

@media screen and (max-width: 1024px) {
    .page_info .section_title {margin-bottom: 10px;}
    .page_info_item {padding: 14px 0 12px; gap: 14px;}
    .page_info_marker {width: 32px; height: 32px; min-width: 32px; margin-top: -2px;}
    .page_info_marker > i {font-size: 15px;}
    .page_info_marker > span {font-size: 13px;}
    .page_info_marker > img {width: 22px; height: 22px;}
    .page_info_body {gap: 14px;}
    .page_info_label {min-width: 110px; font-size: 14.5px;}
    .page_info_value {font-size: 14.5px; line-height: 1.4;}
}

@media screen and (max-width: 768px) {
    .page_info_item {padding: 16px 0 14px; gap: 14px;}
    .page_info_marker {width: 36px; height: 36px; min-width: 36px; margin-top: 0;}
    .page_info_marker > i {font-size: 16px;}
    .page_info_marker > span {font-size: 14px;}
    .page_info_marker > img {width: 24px; height: 24px;}
    .page_info_body {flex-direction: column; align-items: flex-start; gap: 4px;}
    .page_info_label {min-width: 0; font-size: 14.5px;}
    .page_info_value {font-size: 16px; line-height: 1.5; text-align: start;}
}

/* ------------------------------- PAGE (COPILOT) ------------------------------- */

.copilot {margin-top: 16px; border: var(--surface-border); border-radius: 12px; background: var(--white-color); overflow: hidden;}
.copilot_head {
    display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid var(--gray-color-12);
    color: var(--primary-color-3); font-size: 13px; font-weight: 500;
}
.copilot_head > i {font-size: 14px;}
.copilot_loading {display: none; margin-inline-start: auto; color: var(--gray-color-7); font-size: 12px; font-weight: 400;}
.copilot.loading .copilot_loading {display: inline; animation: copilot-loading-blink 2.4s ease-in-out infinite;}

.copilot_body {display: flex; align-items: flex-end; gap: 8px; padding-block: 10px; padding-inline: 16px 10px;}
.copilot_body > textarea {
    flex: 1; min-width: 0; height: 54px; min-height: 54px; max-height: 140px; padding: 6px 0; resize: none;
    background: var(--white-color); font-size: 14px; line-height: 20px;
    scrollbar-width: thin; scrollbar-color: var(--gray-color-11) transparent;
}
.copilot_body > textarea::-webkit-scrollbar {width: 4px;}
.copilot_body > textarea::-webkit-scrollbar-thumb {border-radius: 2px; background: var(--gray-color-11);}
.copilot_body > textarea::-webkit-scrollbar-track {background: transparent;}
.copilot_body > textarea::placeholder {color: var(--gray-color-8); font-size: 14px;}

#copilot_send {
    flex: 0 0 32px; display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; min-height: 32px; border-radius: 8px;
    color: var(--gray-color-7); font-size: 20px; cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
#copilot_send:hover {background: var(--gray-color-13);}
#copilot_send.active {color: var(--primary-color-3);}
#copilot_send.active:hover {color: var(--primary-color-1);}
#copilot_send.loading {position: relative; color: var(--primary-color-3); cursor: default;}
#copilot_send.loading:before {visibility: hidden;}
#copilot_send.loading:after {
    content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%;
    border: 2px solid var(--gray-color-11); border-top-color: var(--primary-color-3);
    animation: copilot-spin 0.8s linear infinite;
}

html[dir="rtl"] #copilot_send {transform: rotate(180deg);}

@keyframes copilot-loading-blink {0%, 100% {opacity: 0.4;} 50% {opacity: 1;}}
@keyframes copilot-spin {to {transform: rotate(360deg);}}

@media screen and (max-width: 1024px) {
    .copilot {margin-top: 14px; border-radius: 12px;}
    .copilot_head {padding: 12px 16px; font-size: 15px;}
    .copilot_head > i {font-size: 17px;}
    .copilot_loading {font-size: 13px;}
    .copilot_body {gap: 10px; padding-block: 12px; padding-inline: 16px 10px;}
    .copilot_body > textarea {height: 60px; min-height: 60px; max-height: 160px; font-size: 15px; line-height: 22px;}
    .copilot_body > textarea::placeholder {font-size: 15px;}
    #copilot_send {flex: 0 0 40px; width: 40px; height: 40px; min-height: 40px; border-radius: 10px; font-size: 22px;}
}

@media screen and (max-width: 768px) {
    .copilot {margin-top: 14px; border: 1px solid var(--gray-color-11); border-radius: 12px;}
    .copilot_head {padding: 14px 16px; font-size: 16px; gap: 10px;}
    .copilot_head > i {font-size: 19px;}
    .copilot_loading {font-size: 13.5px;}
    .copilot_body {gap: 12px; padding-block: 12px; padding-inline: 16px 12px;}
    .copilot_body > textarea {height: 64px; min-height: 64px; max-height: 180px; font-size: 16px; line-height: 24px;}
    .copilot_body > textarea::placeholder {font-size: 16px;}
    #copilot_send {flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; border-radius: 10px; font-size: 24px;}
}

/* ------------------------------- PAGE (PANES) ------------------------------- */

@media screen and (max-width: 1024px) {
    .page_pane {display: none;}
    .page_pane.active {display: block;}
    .page_pane .section_title {display: none;}
    .page_pane .section.v3 {padding: 0; border: 0;}
    .page_pane #company_jobs .job_item {margin: 0;}
}

/* ------------------------------- PAGE (CHIPS) ------------------------------- */

.page_chips_wrap {display: none;}

@media screen and (max-width: 1024px) {
    .page_chips_wrap {
        display: block; margin: 0 0 8px; padding: 10px 0;
        border-bottom: 1px solid var(--surface-border); background: var(--white-color);
    }
    .page_chips {
        display: flex; gap: 8px; padding: 0 0 2px; overflow-x: auto; overscroll-behavior-x: contain;
        scrollbar-width: none; -ms-overflow-style: none;
        mask-image: linear-gradient(to right, transparent 0, #000 16px, #000 calc(100% - 24px), transparent 100%);
    }
    .page_chips::before, .page_chips::after {content: ''; flex: 0 0 12px;}
    .page_chips::-webkit-scrollbar {display: none;}
    .page_chip {
        display: inline-flex; align-items: center; flex-shrink: 0; height: 34px; padding: 0 14px;
        border: 1px solid var(--surface-border); border-radius: 10px; background: var(--primary-color-9);
        color: var(--gray-color-2); font-size: 14px; font-weight: 500; white-space: nowrap;
        cursor: pointer; user-select: none; transition: all 0.2s ease-in-out;
    }
    .page_chip:hover {border-color: var(--primary-color-5); background: var(--primary-color-8);}
    .page_chip:active {transform: scale(0.98);}
    .page_chip.active {border-color: var(--primary-color-3); background: var(--primary-color-3); color: var(--white-color);}
}

@media screen and (max-width: 768px) {
    .page_chips_wrap {margin: 0 0 6px; padding: 20px 0 10px 0;}
    .page_chips {gap: 10px;}
    .page_chips::before, .page_chips::after {flex: 0 0 10px;}
    .page_chip {height: 46px; padding: 0 20px; border-radius: 14px; font-size: 16px;}
}

/* ------------------------------- PAGE (MATCHING) ------------------------------- */

.page_matching {position: relative; overflow: hidden;}
.page_matching .section_title {margin-bottom: 12px;}
.page_matching_select_wrap {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;}
.page_matching_pick {
    display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 8px 6px; text-align: center;
}
.page_matching_pick_icon {
    display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 8px;
    border-radius: 16px; background: linear-gradient(135deg, var(--primary-color-3), var(--primary-color-5)); color: var(--white-color);
}
.page_matching_pick_icon > i {font-size: 25px;}
.page_matching_pick_title {color: var(--black-color); font-size: 17px; font-weight: 600; letter-spacing: -0.3px;}
.page_matching_pick_desc {max-width: 300px; color: var(--gray-color-4); font-size: 13px; font-weight: 400; line-height: 1.5;}
.page_matching_pick_btn {flex-shrink: 0; margin-top: 12px; white-space: nowrap;}
.page_matching_job {display: flex; flex-direction: column; gap: 4px; min-width: 0;}
.page_matching_job_label {color: var(--gray-color-4); font-size: 12px; font-weight: 500;}
.page_matching_job_title {color: var(--black-color); font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page_matching_select {
    width: 100%; padding-block: 10px; padding-inline: 14px 36px; border-radius: 10px; border: var(--surface-border);
    background: var(--white-color); color: var(--black-color); font-size: 14px; font-weight: 500; outline: none;
    cursor: pointer; -webkit-appearance: none; appearance: none; transition: border-color .15s ease, box-shadow .15s ease;
}
.page_matching_select:hover {border-color: var(--gray-color-3);}
.page_matching_select:focus {border-color: var(--primary-color-1); box-shadow: 0 0 0 3px var(--primary-color-9);}
.page_matching_empty {
    padding: 16px; border-radius: 10px; background: var(--jobs-roles-bg); color: var(--gray-color-4);
    font-size: 13px; text-align: center;
}
.page_matching_body {display: flex; align-items: stretch; gap: 18px;}

/* ring */

.page_matching_ring {position: relative; flex-shrink: 0; width: 96px; height: 96px;}
.page_matching_ring > svg {width: 100%; height: 100%; transform: rotate(-90deg);}
.page_matching_ring_bg, .page_matching_ring_fg {fill: none; stroke-width: 8;}
.page_matching_ring_bg {stroke: var(--gray-color-14);}
.page_matching_ring_fg {stroke: url(#page_matching_ring_gradient); stroke-linecap: round; transition: stroke-dasharray 0.6s ease-in-out;}
.page_matching_ring_value {
    position: absolute; top: 0; inset-inline-end: 0; bottom: 0; inset-inline-start: 6px;
    display: flex; align-items: center; justify-content: center;
    color: var(--black-color); font-size: 22px; font-weight: 600;
}
.page_matching_ring_value > small {margin-inline-start: 1px; color: var(--gray-color-4); font-size: 12px; font-weight: 500;}

/* summary */

.page_matching_summary {
    flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0;
    padding: 12px 14px; padding-inline-start: 24px; border-radius: 12px; background: var(--primary-color-9);
}
.page_matching_title {color: var(--black-color); font-size: 16px; font-weight: 500; line-height: 1.3;}
.page_matching_counter {
    display: inline-flex; align-items: center; gap: 8px; color: var(--gray-color-4); font-size: 13px; font-weight: 500;
}
.page_matching_counter > span {color: var(--black-color);}
.page_matching_counter > span > b {
    display: inline-block; margin-inline-end: 4px; padding: 2px 8px; border-radius: 6px;
    background: var(--primary-color-3); color: var(--white-color); font-weight: 500;
}

/* categories */

.page_matching_categories {display: flex; flex-direction: column; gap: 14px; margin-top: 18px;}
.page_matching_category {display: flex; flex-direction: column; gap: 6px;}
.page_matching_category_head {display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.page_matching_category_title {color: var(--black-color); font-size: 13px; font-weight: 500;}
.page_matching_category_value {color: var(--gray-color-4); font-size: 12px; font-weight: 600;}
.page_matching_category_tip {color: var(--gray-color-4); font-size: 12px; font-weight: 400; line-height: 1.35;}

/* chances */

.page_matching_chances {
    display: flex; flex-direction: column; gap: 4px; margin-top: 16px; padding: 12px 14px;
    border-radius: 12px; background: var(--primary-color-9);
}
.page_matching_chances_value {
    display: flex; align-items: center; gap: 10px; color: var(--black-color); font-size: 14px; font-weight: 500;
}

.page_matching_chances_value > i {flex-shrink: 0; font-size: 16px; line-height: 1; color: var(--primary-color-3);}
.page_matching_chances_high .page_matching_chances_value > i {color: var(--primary-color-3);}
.page_matching_chances_mid .page_matching_chances_value > i {color: var(--primary-color-5);}
.page_matching_chances_low .page_matching_chances_value > i {color: var(--primary-color-6);}
.page_matching_chances_value > span > b {
    display: inline-block; padding: 2px 8px; border-radius: 6px; background: var(--primary-color-3);
    color: var(--white-color); font-weight: 500;
}
.page_matching_chances_high .page_matching_chances_value > span > b {background: var(--primary-color-3);}
.page_matching_chances_mid .page_matching_chances_value > span > b {background: var(--primary-color-5);}
.page_matching_chances_low .page_matching_chances_value > span > b {background: var(--primary-color-6);}
.page_matching_chances_desc {color: var(--gray-color-4); font-size: 12px; font-weight: 400; line-height: 1.35;}

/* groups */

.page_matching_group {margin-top: 14px;}
.page_matching_group_title {
    display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: var(--gray-color-4); font-size: 13px; font-weight: 500;
}
.page_matching_group_title > i {color: var(--primary-color-3); font-size: 12px;}

/* skills */

.page_matching_skills {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;}

/* boost */

.page_matching_boost {
    display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px;
    padding: 10px 14px; border-radius: 12px; background: var(--primary-color-9);
}
.page_matching_boost_text {color: var(--primary-color-3); font-size: 13px; font-weight: 500; line-height: 1.35;}
.page_matching_boost_btn {
    display: flex; align-items: center; gap: 6px; min-width: 140px; padding: 9px 13px; border-radius: 6px;
    background: var(--primary-color-3); color: var(--white-color); font-size: 12px; font-weight: 600; text-decoration: none;
    transition: all 0.2s;
}
.page_matching_boost_btn:hover {background: var(--primary-color-2);}
.page_matching_boost_btn > i {font-size: 11px;}

@media screen and (max-width: 1024px) {
    .page_matching .section_title {margin-bottom: 14px;}
    .page_matching_select_wrap {margin-bottom: 16px;}
    .page_matching_select {padding-block: 12px; padding-inline: 16px 36px; border-radius: 12px; font-size: 15.5px;}
    .page_matching_empty {padding: 18px; border-radius: 12px; font-size: 15px; line-height: 1.55;}
    .page_matching_body {gap: 18px;}
    .page_matching_summary {gap: 10px; padding: 14px 16px; padding-inline-start: 26px; border-radius: 14px;}
    .page_matching_ring {width: 104px; height: 104px;}
    .page_matching_ring_value {font-size: 26px;}
    .page_matching_ring_value > small {font-size: 14px;}
    .page_matching_title {font-size: 17px; line-height: 1.35;}
    .page_matching_counter {gap: 10px; font-size: 14.5px;}
    .page_matching_counter > span > b {padding: 3px 10px; border-radius: 8px;}
    .page_matching_categories {gap: 16px; margin-top: 22px;}
    .page_matching_category {gap: 8px;}
    .page_matching_category_title {font-size: 15px;}
    .page_matching_category_value {font-size: 14px;}
    .page_matching_category_tip {font-size: 13.5px; line-height: 1.5;}
    .page_matching_chances {gap: 6px; padding: 14px 16px; margin-top: 20px; border-radius: 14px;}
    .page_matching_chances_value {gap: 12px; font-size: 15.5px;}
    .page_matching_chances_value > span > b {padding: 3px 10px; border-radius: 8px;}
    .page_matching_chances_desc {font-size: 13.5px; line-height: 1.5;}
    .page_matching_group {margin-top: 18px;}
    .page_matching_group_title {gap: 8px; margin-bottom: 12px; font-size: 15px;}
    .page_matching_group_title > i {font-size: 14px;}
    .page_matching_skills {gap: 10px 12px;}
    .page_matching_boost {gap: 14px; padding: 14px 16px; margin-top: 16px; border-radius: 14px;}
    .page_matching_boost_text {font-size: 15px; line-height: 1.5;}
    .page_matching_boost_btn {min-width: 160px; padding: 12px 18px; border-radius: 10px; font-size: 14.5px;}
    .page_matching_boost_btn > i {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .page_matching .section_title {margin-bottom: 16px;}
    .page_matching_select_wrap {margin-bottom: 18px;}
    .page_matching_select {padding-block: 14px; padding-inline: 16px 38px; border-radius: 14px; font-size: 17px; font-weight: 600;}
    .page_matching_empty {padding: 20px; border-radius: 14px; font-size: 16px; line-height: 1.6;}
    .page_matching_body {gap: 18px;}
    .page_matching_summary {gap: 10px; padding: 14px 16px; padding-inline-start: 26px; border-radius: 16px;}
    .page_matching_ring {width: 112px; height: 112px;}
    .page_matching_ring_value {font-size: 28px;}
    .page_matching_ring_value > small {font-size: 15px;}
    .page_matching_title {font-size: 18.5px; font-weight: 600; line-height: 1.35;}
    .page_matching_counter {gap: 10px; font-size: 15.5px;}
    .page_matching_counter > span > b {padding: 4px 10px; border-radius: 8px;}
    .page_matching_categories {gap: 18px; margin-top: 24px;}
    .page_matching_category {gap: 10px;}
    .page_matching_category_title {font-size: 16px;}
    .page_matching_category_value {font-size: 15px;}
    .page_matching_category_tip {font-size: 14.5px; line-height: 1.55;}
    .page_matching_chances {gap: 8px; padding: 16px 18px; margin-top: 22px; border-radius: 16px;}
    .page_matching_chances_value {gap: 12px; font-size: 17px;}
    .page_matching_chances_value > span > b {padding: 4px 10px; border-radius: 8px;}
    .page_matching_chances_desc {font-size: 14.5px; line-height: 1.55;}
    .page_matching_group {margin-top: 20px;}
    .page_matching_group_title {gap: 8px; margin-bottom: 14px; font-size: 16px;}
    .page_matching_group_title > i {font-size: 15px;}
    .page_matching_skills {gap: 12px 14px;}
    .page_matching_boost {flex-direction: column; align-items: stretch; gap: 14px; padding: 18px; border-radius: 16px; margin-top: 18px;}
    .page_matching_boost_text {font-size: 16px; line-height: 1.55;}
    .page_matching_boost_btn {justify-content: center; min-width: 0; height: 50px; padding: 0 18px; border-radius: 12px; font-size: 16px; font-weight: 600;}
    .page_matching_boost_btn > i {font-size: 15px;}
}

/* ------------------------------- SEARCH SELECTOR ------------------------------- */

.search_selector {
    display: flex; align-items: center; position: relative; width: 100%; margin-bottom: 12px;
    border: var(--surface-border); background: var(--white-color); border-radius: 12px; overflow: hidden;
}
.search_selector > i:nth-of-type(1) {font-size: 19px; color: var(--primary-color-3); padding: 0 12px;}
.search_selector > input {
    flex: 1; height: 48px; padding-inline-start: 2px; padding-inline-end: 30px; background: var(--white-color);
    border-radius: 6px;
}
.search_selector > #search_clear {
    display: none; position: absolute; inset-inline-end: 16px; top: 50%; transform: translateY(-50%); cursor: pointer;
    color: var(--gray-color-8); font-size: 14px;
}
.search_selector > #search_clear.show {display: block;}
.search_selector > #search_clear:hover {color: var(--gray-color-6);}

@media screen and (max-width: 768px) {
    .search_selector {border-radius: 10px; border: 1px solid var(--gray-color-11);}
    .search_selector > i:nth-of-type(1) {font-size: 20px; padding: 0 10px;}
    .search_selector > input {height: 44px; border-radius: 10px;}
}

/* ------------------------------- PAGE (PAYMENT PLACEHOLDER) ------------------------------- */

.page_payment_placeholder {
    border: 1px solid var(--gray-color-13); background: var(--white-color); border-radius: 6px;
    padding: 30px; min-height: calc(100vh - 86px); margin-bottom: 20px;
}

.page_payment {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: calc(100vh - 86px); margin-bottom: 20px; text-align: center;
}
.page_payment_amount {font-size: 40px; font-weight: 700; color: var(--black-color);}
.page_payment_status {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 6px 14px;
    background: var(--gray-color-14); color: var(--gray-color-3); border-radius: 999px; font-size: 12px; font-weight: 600;
}
.page_payment_status.status_1 {background: var(--primary-color-8); color: var(--primary-color-2);}
.page_payment_status.status_2 {background: var(--green-color-5); color: var(--green-color-1);}
.page_payment_status.status_3 {background: var(--red-color-4); color: var(--red-color-1);}
.page_payment_note {margin-top: 14px; color: var(--gray-color-5); font-size: 14px;}