/* ------------------------------- USER (HEADER CONTACTS) ------------------------------- */

.page_header_titlebar {display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;}
.page_header_contacts {display: flex; flex-wrap: wrap; align-items: center;}
.page_header_contacts > .user_item_sticker {height: 26px; min-width: 26px; padding: 0 12px;}
.page_header_contacts > .user_item_sticker > i {font-size: 13px;}
.page_header_contacts > .user_item_sticker.round {width: 26px; min-width: 26px; padding: 0; border-radius: 50%; justify-content: center;}

@media screen and (max-width: 1024px) {
    .page_header_titlebar {gap: 12px; align-items: center;}
    .page_header_title {flex: 1; min-width: 0;}
    .page_header_contacts {flex-basis: 100%; margin-top: 10px;}
    .page_header_contacts > .user_item_sticker {height: 30px; min-width: 30px; padding: 0 10px; font-size: 13px;}
    .page_header_contacts > .user_item_sticker.round {width: 30px; min-width: 30px; padding: 0;}
}

@media screen and (max-width: 768px) {
    .page_header_contacts {margin-top: 12px; gap: 8px;}
    .page_header_contacts > .user_item_sticker {height: 36px; min-width: 36px; padding: 0 14px; border-radius: 18px; font-size: 14.5px;}
    .page_header_contacts > .user_item_sticker > i {font-size: 15px;}
    .page_header_contacts > .user_item_sticker.round {width: 36px; min-width: 36px; padding: 0;}
}

/* ------------------------------- USERS (LIST: ITEM) ------------------------------- */

.user_item {border: var(--surface-border); background: var(--white-color); border-radius: 12px; padding: 20px; margin-bottom: 10px;}
.user_item h2 {display: inline; margin: 0; padding: 0; font: inherit; color: inherit;}

@media screen and (max-width: 1024px) {
    .user_item {padding: 22px;}
}

@media screen and (max-width: 768px) {
    .user_item {padding: 18px 20px; border: none; border-radius: 0; margin: 0 -20px;}
    .user_item + .user_item {border-top: 6px solid var(--gray-color-14a);}
}

/* head */

.user_item_head {display: flex; align-items: flex-start;}
.user_item_head > div:nth-of-type(1) {display: flex;}
.user_item_head > div:nth-of-type(2) {width: 100%;}

.user_item_intro {display: flex; align-items: center;}
.user_item_intro > div:nth-of-type(1) {width: 60%; display: flex; align-items: center;}
.user_item_intro > div:nth-of-type(2) {width: 40%; display: flex; align-items: center; justify-content: flex-end;}
.user_item_intro > div:nth-of-type(2) > div:last-child {margin-inline-end: 0;}

.user_item_photo {width: 64px; min-width: 64px; height: 64px; border-radius: 32px; margin-inline-end: 16px;}
.user_item_title {display: inline-block; font-size: 18px; font-weight: 500; text-decoration: none;}
.user_item_title:hover {color: var(--primary-color-3);}

.user_item_active > span {
    margin-inline-start: 12px; padding: 3px 9px; border-radius: 10px; background: var(--gray-color-14);
    color: var(--gray-color-4); font-size: 12px; font-weight: 500; line-height: 1.5;
}
.user_item_active.online > span {background: var(--secondary-color-7); color: var(--secondary-color-2);}

.user_item_sticker {
    display: flex; align-items: center; height: 24px; min-width: 24px; padding: 0 6px; margin-inline-end: 8px; border-radius: 13px;
    background: var(--secondary-color-7); color: var(--secondary-color-2); font-size: 12px; font-weight: 500;
    text-decoration: none; cursor: pointer;
}
.user_item_sticker.paid {background: var(--primary-color-8); color: var(--primary-color-2);}
.user_item_sticker.paid:hover {background: var(--primary-color-7);}
.user_item_sticker.pro {background: var(--primary-color-3); color: var(--white-color); padding: 0 10px; letter-spacing: 0;}
.user_item_sticker.pro:hover {background: var(--primary-color-4);}

@media screen and (max-width: 1024px) {
    .user_item_head {gap: 16px;}
    .user_item_photo {width: 68px; min-width: 68px; height: 68px; border-radius: 34px; margin-inline-end: 0;}
    .user_item_title {font-size: 19px;}
    .user_item_active > span {height: 24px; padding: 4px 10px; font-size: 12.5px; border-radius: 12px;}
    .user_item_sticker {height: 28px; min-width: 28px; padding: 0 10px; border-radius: 14px; font-size: 13px;}
}

@media screen and (max-width: 768px) {
    .user_item_head {gap: 14px;}
    .user_item_head > div:nth-of-type(2) {min-width: 0;}
    .user_item_intro {flex-direction: column; align-items: flex-start; gap: 10px;}
    .user_item_intro > div:nth-of-type(1) {width: 100%; flex-wrap: wrap; gap: 8px;}
    .user_item_intro > div:nth-of-type(2) {width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 8px;}
    .user_item_intro > div:nth-of-type(2) > a,
    .user_item_intro > div:nth-of-type(2) > div {margin-inline-end: 0;}
    .user_item_photo {width: 56px; min-width: 56px; height: 56px; border-radius: 28px; margin-inline-end: 0;}
    .user_item_title {font-size: 18px;}
    .user_item_active > span {margin-inline-start: 0; height: 26px; padding: 4px 11px; font-size: 13px; border-radius: 13px;}
    .user_item_sticker {height: 30px; min-width: 30px; padding: 0 12px; border-radius: 15px; font-size: 13.5px;}
}

/* summary */

.user_item_summary {padding-top: 18px;}
.user_item_summary > .desc {color: var(--black-color); font-size: 14px; line-height: 1.4;}

@media screen and (max-width: 1024px) {
    .user_item_summary {padding-top: 20px;}
    .user_item_summary > .desc {font-size: 15.5px; line-height: 1.5;}
}

@media screen and (max-width: 768px) {
    .user_item_summary {padding-top: 18px;}
    .user_item_summary > .desc {font-size: 16px; line-height: 1.55;}
}

/* technologies */

.user_item_technologies {padding-top: 24px;}
.user_item_technologies > .title {color: var(--gray-color-4); font-size: 13px; font-weight: 500; line-height: 1.3; margin-bottom: 2px;}
.user_item_technologies > .title > span {color: var(--primary-color-1); cursor: pointer;}

@media screen and (max-width: 1024px) {
    .user_item_technologies {padding-top: 22px;}
    .user_item_technologies > .title {font-size: 14.5px; line-height: 1.4;}
}

@media screen and (max-width: 768px) {
    .user_item_technologies {padding-top: 20px;}
    .user_item_technologies > .title {font-size: 15px; line-height: 1.45;}
}

/* roles */

.user_item_roles > .user_role_list {margin-top: 16px;}

.user_role_list {display: flex; flex-direction: column; gap: 14px;}
.user_role_item {display: flex; gap: 16px; align-items: flex-start;}
.user_role_card {flex: 1; min-width: 0;}
.user_role_chips {display: flex; flex-wrap: wrap; gap: 6px;}
.user_role_chip {
    padding: 5px 12px; border-radius: 15px; background: var(--primary-color-9); color: var(--primary-color-3);
    font-size: 13px; font-weight: 500;
}
.user_role_chip.green {background: var(--secondary-color-7); color: var(--secondary-color-1); font-weight: 400;}
.user_role_chip_blue {background: var(--primary-color-3); color: var(--white-color); border-color: var(--primary-color-3);}
.user_role_summary {margin-top: 10px; color: var(--gray-color-2); font-size: 13px; line-height: 1.5;}

@media screen and (max-width: 1024px) {
    .user_item_roles > .user_role_list {margin-top: 18px;}
    .user_role_list {gap: 18px;}
    .user_role_item {gap: 14px;}
    .user_role_chips {gap: 8px;}
    .user_role_chip {padding: 6px 14px; border-radius: 16px; font-size: 14px;}
    .user_role_summary {margin-top: 12px; font-size: 14.5px; line-height: 1.55;}
}

@media screen and (max-width: 768px) {
    .user_item_roles > .user_role_list {margin-top: 20px;}
    .user_role_list {gap: 22px;}
    .user_role_item {gap: 14px;}
    .user_role_chips {gap: 8px;}
    .user_role_chip {padding: 7px 14px; border-radius: 16px; font-size: 15px;}
    .user_role_summary {margin-top: 14px; font-size: 15.5px; line-height: 1.55;}
}

/* experience (compact) */

.user_item_experience {padding-top: 24px;}
.user_item_experience > .title {color: var(--gray-color-4); font-size: 13px; font-weight: 500; line-height: 1.3;}
.user_item_experience > .title > span {color: var(--primary-color-1); cursor: pointer;}
.user_item_experience > .user_experience_timeline {margin-top: 16px;}

@media screen and (max-width: 1024px) {
    .user_item_experience {padding-top: 22px;}
    .user_item_experience > .title {font-size: 14.5px; line-height: 1.4;}
    .user_item_experience > .user_experience_timeline {margin-top: 18px;}
}

@media screen and (max-width: 768px) {
    .user_item_experience {padding-top: 20px;}
    .user_item_experience > .title {font-size: 15px; line-height: 1.45;}
    .user_item_experience > .user_experience_timeline {margin-top: 20px;}
}

/* preferences */

.user_item_preferences {padding-top: 20px;}
.user_item_preferences > .title {color: var(--gray-color-4); font-size: 13px; font-weight: 500; line-height: 1.3;}
.user_item_preferences_items {display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px;}
.user_item_preferences_items > div {
    display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 15px; background: var(--secondary-color-7);
    color: var(--secondary-color-1); font-size: 13px; font-weight: 500; user-select: none;
}

@media screen and (max-width: 1024px) {
    .user_item_preferences {padding-top: 22px;}
    .user_item_preferences > .title {font-size: 14.5px; line-height: 1.4;}
    .user_item_preferences_items {gap: 8px; margin-top: 14px;}
    .user_item_preferences_items > div {padding: 6px 14px; border-radius: 16px; font-size: 14.5px;}
}

@media screen and (max-width: 768px) {
    .user_item_preferences {padding-top: 20px;}
    .user_item_preferences > .title {font-size: 15px; line-height: 1.45;}
    .user_item_preferences_items {gap: 8px; margin-top: 14px;}
    .user_item_preferences_items > div {padding: 7px 14px; border-radius: 16px; font-size: 15px;}
}

/* note */

.user_item_note {padding-top: 20px;}
.user_item_note > .title {color: var(--gray-color-4); font-size: 12px; font-weight: 500; line-height: 1.3;}
.user_item_note_description {padding-top: 8px; color: var(--black-color); font-size: 14px; line-height: 1.4;}

@media screen and (max-width: 1024px) {
    .user_item_note {padding-top: 22px;}
    .user_item_note > .title {font-size: 13.5px; line-height: 1.4;}
    .user_item_note_description {padding-top: 10px; font-size: 14.5px; line-height: 1.5;}
}

@media screen and (max-width: 768px) {
    .user_item_note {padding-top: 20px;}
    .user_item_note > .title {font-size: 14px; line-height: 1.45;}
    .user_item_note_description {padding-top: 10px; font-size: 15.5px; line-height: 1.55;}
}

/* footer */

.user_item_footer {
    display: flex; align-items: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--gray-color-12);
}
.user_item_footer > div {display: flex; align-items: center; padding: 0 22px;}
.user_item_footer > div > i {display: block; font-size: 15px; padding-inline-end: 0;}
.user_item_footer > div.btn_icon {
    width: 34px; min-width: 34px; padding: 0; margin-inline-end: 8px; justify-content: center;
}
.user_item_footer > div.btn_icon > i {margin-inline-end: 0;}
.user_item_footer > div.btn_icon.active {
    background: var(--secondary-color-7); border-color: var(--secondary-color-7); color: var(--secondary-color-2);
}
.user_item_footer > div:nth-child(3) {margin-inline-end: auto;}
.user_item_footer > div:nth-child(n+5) {margin-inline-start: 14px;}

@media screen and (max-width: 1024px) {
    .user_item_footer {padding-top: 22px; margin-top: 22px; gap: 10px;}
    .user_item_footer > div {padding: 0 18px; height: 40px;}
    .user_item_footer > div > i {font-size: 16px;}
    .user_item_footer > div.btn_icon {width: 42px; min-width: 42px; height: 40px;}
}

@media screen and (max-width: 768px) {
    .user_item_footer {flex-wrap: wrap; gap: 10px; padding-top: 18px; margin-top: 18px;}
    .user_item_footer > div {padding: 0 16px; height: 44px; font-size: 14.5px;}
    .user_item_footer > div > i {font-size: 17px;}
    .user_item_footer > div.btn_icon {width: 48px; min-width: 48px; height: 44px; margin-inline-end: 0;}
    .user_item_footer > div:nth-child(3) {margin-inline-end: 0;}
    .user_item_footer > div:nth-child(n+5) {margin-inline-start: 0;}
    .user_item_footer > div:nth-last-of-type(2) {order: 99; flex: 1;}
    .user_item_footer > div:last-of-type {order: 100; flex: 1;}
}

/* ------------------------------- USERS (LIST: EMPTY) ------------------------------- */
/* Styles moved to components.css → EMPTY STATE. Use `.empty_state*` classes. */

/* ------------------------------- USER (HEADER) ------------------------------- */

.page_header_invite_btn {min-width: 160px;}

/* ------------------------------- USER (MENU) ------------------------------- */

.user_menu {position: sticky; top: 68px; z-index: 10;}
.user_menu > .sidebar {margin-bottom: 0;}
.user_menu_list > a {scroll-margin-top: 68px;}
.user_menu_empty {margin: 2px 0; text-align: center;}

@media screen and (max-width: 1024px) {
    .user_menu {display: none;}
}

/* ------------------------------- USER (EXPERIENCE / PROJECTS) ------------------------------- */

.user_experience .section_title,
.user_projects .section_title {margin-bottom: 18px;}

.user_experience_timeline {position: relative; display: flex; flex-direction: column; gap: 18px;}
.user_experience_timeline::before {
    content: ''; position: absolute; top: 6px; bottom: 6px; left: 21px; inset-inline-start: 21px; width: 2px;
    background: linear-gradient(to bottom, var(--gray-color-11), var(--gray-color-13) 50%, transparent);
}
.user_projects .user_experience_timeline {gap: 14px;}
.user_projects .user_experience_timeline::before {display: none;}

.user_experience_item {position: relative; display: flex; gap: 16px; align-items: flex-start;}
.user_experience_marker {
    position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 44px; height: 44px; padding: 4px; border: 1px solid var(--gray-color-11); border-radius: 10px;
    background: var(--white-color);
}
.user_experience_marker > img {width: 100%; height: 100%; border-radius: 6px; object-fit: contain;}

.user_experience_card {
    flex: 1; min-width: 0; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.user_experience_head {display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;}
.user_experience_head_main {flex: 1; min-width: 0;}

.user_experience_role {color: var(--black-color); font-size: 15px; font-weight: 500; line-height: 1.3;}
.user_experience_role > a {text-decoration: none;}
.user_experience_title {
    display: inline-flex; align-items: center; gap: 6px; color: var(--black-color); font-size: 17px; font-weight: 500;
    line-height: 1.3; text-decoration: none; transition: color .15s ease;
}
.user_experience_title > i {color: var(--gray-color-6); font-size: 13px; transition: color .15s ease;}
a.user_experience_title:hover,
a.user_experience_title:hover > i {color: var(--primary-color-3);}

.user_experience_company {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px;
    color: var(--gray-color-3); font-size: 13.5px;
}
.user_experience_company > i {color: var(--gray-color-6); font-size: 13px;}
.user_experience_company > span {font-weight: 500;}
.user_experience_dot {color: var(--gray-color-8); font-weight: 400;}
.user_experience_employment {color: var(--gray-color-5); font-weight: 400;}

.user_experience_meta {display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 6px; color: var(--gray-color-5); font-size: 12.5px;}
.user_experience_meta_item {display: inline-flex; align-items: center; gap: 5px;}
.user_experience_meta_item > i {color: var(--gray-color-7); font-size: 12px;}

.user_experience_description {margin-top: 10px; color: var(--gray-color-2); font-size: 13px; line-height: 1.5;}
.user_experience_technologies {display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}

@media screen and (max-width: 1024px) {
    .user_experience .section_title,
    .user_projects .section_title {margin-bottom: 20px;}
    .user_experience_timeline {gap: 22px;}
    .user_experience_timeline::before {left: 25px; inset-inline-start: 25px;}
    .user_projects .user_experience_timeline {gap: 18px;}
    .user_experience_item {gap: 18px;}
    .user_experience_marker {width: 52px; height: 52px; border-radius: 12px;}
    .user_experience_role {font-size: 16px;}
    .user_experience_title {font-size: 18px;}
    .user_experience_title > i {font-size: 14px;}
    .user_experience_company {font-size: 14.5px; gap: 8px; margin-top: 6px;}
    .user_experience_company > i {font-size: 14px;}
    .user_experience_meta {gap: 6px 14px; margin-top: 8px; font-size: 13.5px;}
    .user_experience_meta_item > i {font-size: 13px;}
    .user_experience_description {margin-top: 12px; font-size: 14.5px; line-height: 1.55;}
    .user_experience_technologies {gap: 8px; margin-top: 14px;}
}

@media screen and (max-width: 768px) {
    .user_experience_timeline {gap: 24px;}
    .user_experience_timeline::before {left: 27px; inset-inline-start: 27px;}
    .user_projects .user_experience_timeline {gap: 20px;}
    .user_experience_item {gap: 16px;}
    .user_experience_marker {width: 56px; height: 56px; border-radius: 12px;}
    .user_experience_role {font-size: 16.5px;}
    .user_experience_title {font-size: 18px;}
    .user_experience_company {font-size: 15px; gap: 8px; margin-top: 6px;}
    .user_experience_meta {gap: 6px 14px; margin-top: 8px; font-size: 14px;}
    .user_experience_description {margin-top: 12px; font-size: 15px; line-height: 1.6;}
    .user_experience_technologies {gap: 8px; margin-top: 14px;}
}

/* ------------------------------- USER (ROLES) ------------------------------- */

.user_role_heading {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--black-color); font-size: 22px; font-weight: 400; line-height: 1; letter-spacing: -0.5px;}
.user_role_badge {
    display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 8px; background: var(--secondary-color-7);
    color: var(--secondary-color-2); font-size: 12px; font-weight: 500; line-height: 1.2;
}
.user_role_badge.archetype {background: var(--primary-color-9); color: var(--primary-color-3);}
.user_role_badge.interval {background: var(--gray-color-13); color: var(--gray-color-4);}
.user_role_summary_text {padding-top: 18px; padding-bottom: 10px;}
.user_role_section {padding-top: 18px;}
.user_role_section_title {color: var(--gray-color-2); font-weight: 500;}
.user_role_section_title.red {color: var(--red-color-1);}
.user_role_section_body {padding-top: 8px;}
.user_role_list_wrap {padding-top: 4px;}
.user_role_list_disc {padding-inline-start: 10px; list-style-type: disc;}
.user_role_list_disc > li {padding-top: 2px;}
.user_role_repos_desc {padding-top: 4px; color: var(--gray-color-5);}
.user_role_repo_chip {text-decoration: none;}
.user_verified_chip {text-decoration: none;}
.technology_chip.mentioned {opacity: 0.65;}
.user_flag_critical {color: var(--red-color-1);}
.user_flag_critical::marker {color: var(--red-color-1);}
.user_authenticity {
    display: flex; flex-direction: column; gap: 12px; max-width: 620px; margin-top: 8px; padding: 14px 16px;
    border-radius: 10px; background: var(--gray-color-15);
}
.user_authenticity_rows {display: flex; flex-direction: column; gap: 12px;}
.user_authenticity_row_head {display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 12px;}
.user_authenticity_row_head > span {color: var(--gray-color-3);}
.user_authenticity_row_head > b {color: var(--gray-color-2); font-weight: 600;}
.user_authenticity_bar {height: 6px; border-radius: 3px; overflow: hidden; background: var(--gray-color-13);}
.user_authenticity_seg {height: 100%; min-width: 0; border-radius: 3px; transition: width 0.4s ease;}
.user_authenticity_row.human .user_authenticity_seg {background: var(--primary-color-4);}
.user_authenticity_row.ai .user_authenticity_seg {background: var(--secondary-color-3);}
.user_authenticity_row.boilerplate .user_authenticity_seg {background: var(--gray-color-10);}
.user_authenticity_metrics {display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--gray-color-13);}
.user_authenticity_metric {display: inline-flex; align-items: baseline; gap: 6px;}
.user_authenticity_metric > span {color: var(--gray-color-5); font-size: 12px;}
.user_authenticity_metric > b {color: var(--gray-color-2); font-size: 12px; font-weight: 600;}
.user_authenticity_metric.featured > span {color: var(--primary-color-3);}
.user_authenticity_metric.featured > b {color: var(--primary-color-2);}
.user_interview_list {list-style-type: decimal;}
.user_interview_artifact {display: block; color: var(--gray-color-4); font-size: 12.5px;}

@media screen and (max-width: 1024px) {
    .user_role_heading {font-size: 20px; letter-spacing: -0.4px;}
    .user_role_summary_text {padding-top: 16px; padding-bottom: 8px; font-size: 14.5px; line-height: 1.55;}
    .user_role_section {padding-top: 18px;}
    .user_role_section_title {font-size: 14.5px;}
    .user_role_section_body {padding-top: 10px;}
    .user_role_list_wrap {padding-top: 6px;}
    .user_role_list_disc {padding-inline-start: 20px;}
    .user_role_list_disc > li {padding-top: 4px; font-size: 14.5px; line-height: 1.55;}
    .user_role_repos_desc {padding-top: 6px; font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .user_role_heading {font-size: 20px; letter-spacing: -0.3px;}
    .user_authenticity {padding: 16px; gap: 14px;}
    .user_authenticity_row_head {font-size: 13px;}
    .user_authenticity_metric > span, .user_authenticity_metric > b {font-size: 13px;}
    .user_interview_artifact {font-size: 13px;}
    .user_role_summary_text {padding-top: 16px; padding-bottom: 8px; font-size: 15.5px; line-height: 1.6;}
    .user_role_section {padding-top: 20px;}
    .user_role_section_title {font-size: 15.5px;}
    .user_role_section_body {padding-top: 12px;}
    .user_role_list_wrap {padding-top: 6px;}
    .user_role_list_disc {padding-inline-start: 22px;}
    .user_role_list_disc > li {padding-top: 6px; font-size: 15.5px; line-height: 1.6;}
    .user_role_repos_desc {padding-top: 8px; font-size: 14.5px; line-height: 1.55;}
}

/* ------------------------------- USER (EVIDENCE) ------------------------------- */

.page_section_card:has(.user_cat_evidence) {display: flex; flex-direction: column;}
.user_cat_evidence {margin-top: auto; padding-top: 12px; border-top: 1px solid var(--gray-color-12);}
.user_cat_evidence_toggle {display: inline-flex; align-items: center; gap: 6px; color: var(--gray-color-3); font-size: 12.5px; font-weight: 600; cursor: pointer; user-select: none; transition: color 0.15s ease;}
.user_cat_evidence_toggle:hover {color: var(--primary-color-3);}
.user_cat_evidence_toggle > i {font-size: 13px;}
.user_cat_evidence_list {display: none; padding-top: 8px;}
.user_cat_evidence.open .user_cat_evidence_list {display: block;}
.user_cat_evidence_item {position: relative; padding: 4px 0; padding-inline-start: 14px; color: var(--gray-color-3); font-size: 12.5px; line-height: 1.5; word-break: break-word;}
.user_cat_evidence_item::before {content: ''; position: absolute; top: 11px; inset-inline-start: 2px; width: 5px; height: 5px; border-radius: 50%; background: var(--primary-color-5);}
.user_cat_evidence_item.link {display: block; text-decoration: none; transition: color 0.15s ease;}
.user_cat_evidence_item.link:hover {color: var(--primary-color-3);}

@media screen and (max-width: 768px) {
    .user_cat_evidence_toggle {font-size: 13px;}
    .user_cat_evidence_item {font-size: 13px; line-height: 1.55;}
}

/* ------------------------------- USER (TRAJECTORY) ------------------------------- */

.user_trajectory_chart {display: flex; align-items: flex-end; gap: 10px; padding-top: 14px; overflow-x: auto;}
.user_trajectory_col {display: flex; flex: 1; flex-direction: column; align-items: center; gap: 8px; min-width: 34px;}
.user_trajectory_bar_wrap {display: flex; align-items: flex-end; width: 100%; height: 96px; background: var(--gray-color-11); border-radius: 8px; overflow: hidden;}
.user_trajectory_bar {width: 100%; min-height: 4px; background: linear-gradient(180deg, var(--primary-color-3), var(--primary-color-5)); border-radius: 8px 8px 0 0; transition: opacity 0.15s ease;}
.user_trajectory_col:hover .user_trajectory_bar {opacity: 0.8;}
.user_trajectory_year {color: var(--gray-color-4); font-size: 12px; font-weight: 600;}

@media screen and (max-width: 768px) {
    .user_trajectory_chart {gap: 8px;}
    .user_trajectory_col {min-width: 30px;}
    .user_trajectory_bar_wrap {height: 80px;}
    .user_trajectory_year {font-size: 12.5px;}
}

/* ------------------------------- USER (TECHNOLOGIES) ------------------------------- */

.user_technologies .page_compact_technologies {padding-top: 16px;}

@media screen and (max-width: 768px) {
    .user_technologies .page_compact_technologies {padding-top: 12px;}
}

/* ------------------------------- USER (CONNECTIONS) ------------------------------- */

.user_connections_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding-top: 18px;}
.user_connections_card {
    display: flex; gap: 14px; padding: 16px; background: var(--white-color); border: 1px solid var(--gray-color-12);
    border-radius: 14px; transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.user_connections_card:hover {border-color: var(--primary-color-5); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);}
.user_connections_card.is_bot {opacity: 0.7;}
.user_connections_avatar {flex-shrink: 0;}
.user_connections_avatar img {width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--gray-color-11);}
.user_connections_body {flex: 1; min-width: 0;}
.user_connections_head {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.user_connections_name {color: var(--black-color); font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: -0.2px; text-decoration: none;}
.user_connections_name:hover {color: var(--primary-color-3); text-decoration: none;}
.user_connections_kind {
    display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 8px; background: var(--gray-color-11);
    color: var(--gray-color-3); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px;
}
.user_connections_kind.peer {background: var(--primary-color-9); color: var(--primary-color-3);}
.user_connections_kind.collaborator {background: var(--secondary-color-7); color: var(--secondary-color-1);}
.user_connections_kind.mutual {background: var(--secondary-color-7); color: var(--secondary-color-1);}
.user_connections_kind.bot {background: var(--gray-color-11); color: var(--gray-color-4);}
.user_connections_handle {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: var(--gray-color-3); font-size: 13px; text-decoration: none;
}
.user_connections_handle:hover {color: var(--primary-color-3); text-decoration: none;}
.user_connections_handle > i {font-size: 14px;}
.user_connections_strength {display: flex; align-items: center; gap: 10px; margin-top: 12px;}
.user_connections_strength .progress {flex: 1;}
.user_connections_strength_val {color: var(--gray-color-2); font-size: 12px; font-weight: 600; min-width: 22px; text-align: end;}
.user_connections_meta {display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px;}
.user_connections_meta_item {display: inline-flex; align-items: center; gap: 6px; color: var(--gray-color-4); font-size: 12.5px;}
.user_connections_meta_item > i {font-size: 13px;}
.user_connections_domains {padding-top: 12px;}
.user_connections_note {padding-top: 16px; color: var(--gray-color-4); font-size: 12px; line-height: 1.5;}

@media screen and (max-width: 1024px) {
    .user_connections_list {grid-template-columns: 1fr; gap: 12px; padding-top: 16px;}
    .user_connections_name {font-size: 16px;}
    .user_connections_handle {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .user_connections_card {padding: 14px; border-radius: 12px;}
    .user_connections_avatar img {width: 44px; height: 44px; border-radius: 50%;}
    .user_connections_meta_item {font-size: 13px;}
    .user_connections_note {font-size: 12.5px;}
}

/* ------------------------------- USER (PUBLICATIONS) ------------------------------- */

.user_experience_marker_publication {background: var(--primary-color-9); border-color: var(--primary-color-9);}
.user_experience_marker_publication > i {color: var(--primary-color-3); font-size: 18px;}

/* ------------------------------- USER (EMPTY STATE) ------------------------------- */

.user_empty_state {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: start; padding: 30px 24px;
    min-height: 320px; overflow: hidden; text-align: center; background: var(--white-color); border-radius: 16px;
}
.user_empty_state_icon {
    position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 76px; height: 76px;
    border-radius: 22px; background: linear-gradient(135deg, var(--primary-color-3), var(--primary-color-5));
}
.user_empty_state_icon > i {color: var(--white-color); font-size: 32px;}
.user_empty_state_badge {
    position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 7px 14px;
    border-radius: 10px; background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 500;
    letter-spacing: 0;
}
.user_empty_state_dot {width: 7px; height: 7px; border-radius: 50%; background: var(--primary-color-3);}
.user_empty_state_title {
    position: relative; z-index: 1; margin-top: 16px; color: var(--black-color); font-size: 24px; font-weight: 600;
    letter-spacing: -0.5px; line-height: 1.2;
}
.user_empty_state_description {
    position: relative; z-index: 1; max-width: 480px; margin: 10px auto 0; color: var(--gray-color-3); font-size: 14px;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .user_empty_state {min-height: 320px; padding: 40px 16px 44px; border-radius: 14px;}
    .user_empty_state_icon {width: 62px; height: 62px; border-radius: 18px;}
    .user_empty_state_icon > i {font-size: 27px;}
    .user_empty_state_badge {margin-top: 16px; padding: 6px 12px; font-size: 11.5px;}
    .user_empty_state_title {margin-top: 12px; font-size: 20px;}
    .user_empty_state_description {font-size: 13px;}
}

/* ------------------------------- USER (LOCKED TEASER) ------------------------------- */

.user_locked {
    position: relative; overflow: hidden; border-radius: 16px; margin-top: 16px; border: 1px solid var(--gray-color-12);
    background: linear-gradient(160deg, var(--primary-color-9), var(--white-color) 55%);
}
.user_locked_preview {
    position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 22px;
    filter: blur(7px); opacity: 0.5; pointer-events: none; user-select: none;
}
.user_locked_preview_card {
    display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 14px; background: var(--white-color);
    border: 1px solid var(--gray-color-12);
}
.user_locked_preview_pill {width: 46%; height: 11px; border-radius: 6px; background: var(--gray-color-11);}
.user_locked_preview_pill.short {width: 30%;}
.user_locked_preview_bar {height: 8px; border-radius: 5px; background: var(--gray-color-12); overflow: hidden;}
.user_locked_preview_bar > i {display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--primary-color-5), var(--primary-color-3));}
.user_locked_overlay {
    position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 48px 28px; backdrop-filter: blur(2px);
}
.user_locked_icon {
    display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 22px;
    background: linear-gradient(135deg, var(--primary-color-3), var(--primary-color-5)); box-shadow: 0 12px 28px -10px var(--primary-color-5);
}
.user_locked_icon > i {color: var(--white-color); font-size: 30px;}
.user_locked_badge {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 7px 14px; border-radius: 10px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 600;
}
.user_locked_dot {width: 7px; height: 7px; border-radius: 50%; background: var(--primary-color-3);}
.user_locked_title {
    margin-top: 16px; max-width: 520px; color: var(--black-color); font-size: 24px; font-weight: 600; letter-spacing: -0.5px;
    line-height: 1.25;
}
.user_locked_desc {max-width: 540px; margin-top: 12px; color: var(--gray-color-3); font-size: 14.5px; line-height: 1.6;}
.user_locked_features {
    display: flex; flex-direction: column; gap: 10px; margin-top: 24px; padding: 20px 22px; border-radius: 14px;
    background: var(--white-color); border: 1px solid var(--gray-color-12); text-align: start;
}
.user_locked_features > div {display: flex; align-items: center; gap: 12px; color: var(--black-color); font-size: 14px; font-weight: 500;}
.user_locked_features > div > i {flex-shrink: 0; color: var(--primary-color-3); font-size: 17px;}
.user_locked_btn {margin-top: 26px; max-width: 360px;}
.user_locked_btn > i {margin-inline-end: 8px; font-size: 14px;}
.user_locked_note {margin-top: 14px; color: var(--gray-color-5); font-size: 12.5px;}

.user_locked.premium {background: linear-gradient(160deg, #fff7e3, var(--white-color) 55%); border-color: #f3dca0;}
.user_locked.premium .user_locked_preview_bar > i {background: linear-gradient(90deg, #f6c34a, #e9a516);}
.user_locked.premium .user_locked_icon {background: linear-gradient(135deg, #e9a516, #f6c34a); box-shadow: 0 12px 28px -10px #e9a516;}
.user_locked.premium .user_locked_badge {background: #fff1cc; color: #a9740a;}
.user_locked.premium .user_locked_dot {background: #e9a516;}
.user_locked.premium .user_locked_features > div > i {color: #e9a516;}

html.dark .user_locked.premium {background: linear-gradient(160deg, var(--gray-color-14), var(--gray-color-15) 55%); border-color: #6b5618;}
html.dark .user_locked.premium .user_locked_badge {background: rgba(233, 165, 22, 0.16); color: #f6c34a;}

html.dark .user_locked {background: linear-gradient(160deg, var(--gray-color-14), var(--gray-color-15) 55%); border-color: var(--gray-color-11);}
html.dark .user_locked_preview_card {background: var(--gray-color-14); border-color: var(--gray-color-11);}
html.dark .user_locked_preview_pill {background: var(--gray-color-12);}
html.dark .user_locked_preview_bar {background: var(--gray-color-13);}
html.dark .user_locked_features {background: var(--gray-color-14); border-color: var(--gray-color-11);}

@media screen and (max-width: 768px) {
    .user_locked_preview {grid-template-columns: 1fr; padding: 16px;}
    .user_locked_overlay {padding: 36px 18px;}
    .user_locked_icon {width: 62px; height: 62px; border-radius: 18px;}
    .user_locked_icon > i {font-size: 26px;}
    .user_locked_title {font-size: 20px;}
    .user_locked_desc {font-size: 13.5px;}
    .user_locked_features {padding: 16px 16px;}
    .user_locked_features > div {font-size: 13px;}
    .user_locked_btn {max-width: 100%;}
}

/* ------------------------------- USERS (COMING SOON TEASER) ------------------------------- */

.users_teaser {
    position: relative; overflow: hidden; border-radius: 18px; margin-top: 16px; border: 1px solid var(--gray-color-12);
    background: linear-gradient(155deg, var(--primary-color-9), var(--white-color) 60%);
}
.users_teaser_preview {
    position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 24px;
    filter: blur(8px); opacity: 0.45; pointer-events: none; user-select: none;
}
.users_teaser_preview_card {
    display: flex; flex-direction: column; gap: 14px; padding: 20px; border-radius: 16px; background: var(--white-color);
    border: 1px solid var(--gray-color-12);
}
.users_teaser_preview_avatar {width: 52px; height: 52px; border-radius: 50%; background: var(--gray-color-12);}
.users_teaser_preview_lines {display: flex; flex-direction: column; gap: 9px;}
.users_teaser_preview_pill {width: 60%; height: 12px; border-radius: 6px; background: var(--gray-color-11);}
.users_teaser_preview_pill.short {width: 38%; background: var(--gray-color-12);}
.users_teaser_preview_chips {display: flex; gap: 8px; margin-top: 4px;}
.users_teaser_preview_chips > i {width: 64px; height: 24px; border-radius: 12px; background: var(--primary-color-9);}
.users_teaser_preview_chips > i.short {width: 40px; background: var(--gray-color-12);}
.users_teaser_overlay {
    position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 56px 28px; backdrop-filter: blur(2px);
}
.users_teaser_icon {
    display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; border-radius: 24px;
    background: linear-gradient(135deg, var(--primary-color-3), var(--primary-color-5)); box-shadow: 0 16px 32px -12px var(--primary-color-5);
}
.users_teaser_icon > i {color: var(--white-color); font-size: 34px;}
.users_teaser_badge {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 7px 15px; border-radius: 11px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 12px; font-weight: 600; letter-spacing: 0.3px;
    text-transform: uppercase;
}
.users_teaser_dot {width: 7px; height: 7px; border-radius: 50%; background: var(--primary-color-3); animation: users_teaser_pulse 1.6s ease-in-out infinite;}
.users_teaser_title {
    margin-top: 18px; max-width: 560px; color: var(--black-color); font-size: 27px; font-weight: 600; letter-spacing: -0.6px;
    line-height: 1.22;
}
.users_teaser_desc {max-width: 560px; margin-top: 13px; color: var(--gray-color-3); font-size: 15px; line-height: 1.6;}
.users_teaser_progress {width: 100%; max-width: 420px; margin-top: 28px;}
.users_teaser_progress_head {
    display: flex; justify-content: space-between; margin-bottom: 9px; color: var(--gray-color-3); font-size: 12.5px; font-weight: 600;
}
.users_teaser_progress_head > span:last-child {color: var(--primary-color-3);}
.users_teaser_progress_bar {height: 8px; border-radius: 5px; background: var(--gray-color-12); overflow: hidden;}
.users_teaser_progress_bar > i {display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--primary-color-5), var(--primary-color-3));}
.users_teaser_features {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; max-width: 760px; margin-top: 30px; text-align: start;
}
.users_teaser_features > div {
    display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 14px; background: var(--white-color);
    border: 1px solid var(--gray-color-12);
}
.users_teaser_feature_icon {
    display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px;
    background: var(--primary-color-9); color: var(--primary-color-3);
}
.users_teaser_feature_icon > i {font-size: 16px;}
.users_teaser_feature_title {color: var(--black-color); font-size: 14.5px; font-weight: 600;}
.users_teaser_feature_desc {margin-top: 5px; color: var(--gray-color-4); font-size: 13px; line-height: 1.5;}
.users_teaser_btn {margin-top: 30px; max-width: 360px;}
.users_teaser_btn > i {margin-inline-end: 8px; font-size: 15px;}
.users_teaser_subscribed {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 30px; padding: 11px 20px; border-radius: 12px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 14px; font-weight: 600;
}
.users_teaser_subscribed > i {font-size: 16px;}
.users_teaser_note {margin-top: 16px; max-width: 480px; color: var(--gray-color-5); font-size: 12.5px; line-height: 1.5;}

@keyframes users_teaser_pulse {0%, 100% {opacity: 1; transform: scale(1);} 50% {opacity: 0.35; transform: scale(0.7);}}

html.dark .users_teaser {background: linear-gradient(155deg, var(--gray-color-14), var(--gray-color-15) 60%); border-color: var(--gray-color-11);}
html.dark .users_teaser_preview_card {background: var(--gray-color-14); border-color: var(--gray-color-11);}
html.dark .users_teaser_preview_avatar {background: var(--gray-color-12);}
html.dark .users_teaser_preview_pill {background: var(--gray-color-12);}
html.dark .users_teaser_preview_pill.short {background: var(--gray-color-13);}
html.dark .users_teaser_preview_chips > i.short {background: var(--gray-color-13);}
html.dark .users_teaser_progress_bar {background: var(--gray-color-13);}
html.dark .users_teaser_features > div {background: var(--gray-color-14); border-color: var(--gray-color-11);}

@media screen and (max-width: 768px) {
    .users_teaser_preview {grid-template-columns: 1fr; padding: 16px;}
    .users_teaser_overlay {padding: 40px 18px;}
    .users_teaser_icon {width: 66px; height: 66px; border-radius: 19px;}
    .users_teaser_icon > i {font-size: 28px;}
    .users_teaser_title {font-size: 21px;}
    .users_teaser_desc {font-size: 14px;}
    .users_teaser_features {grid-template-columns: 1fr; gap: 12px; margin-top: 24px;}
    .users_teaser_features > div {flex-direction: row; align-items: flex-start; padding: 16px;}
    .users_teaser_btn {max-width: 100%;}
}

/* ------------------------------- USERS (LIST / SEO / ROWS) ------------------------------- */

#user_items {padding-top: 11px;}
#users_seo, #users_seo_root {margin-top: 10px;}
.user_item_sticker.user_item_sticker_cv {flex-shrink: 0; padding: 0 10px; white-space: nowrap;}

/* ------------------------------- USERS (FREE PLAN LIMIT) ------------------------------- */

.users_limit {
    display: flex; flex-direction: column; align-items: center; text-align: center; padding: 44px 28px; margin-top: 16px;
    border-radius: 12px; border: var(--surface-border); background: var(--white-color);
}
.users_limit_icon {
    display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 19px;
    background: linear-gradient(135deg, var(--primary-color-3), var(--primary-color-5));
}
.users_limit_icon > i {color: var(--white-color); font-size: 26px;}
.users_limit_badge {
    display: inline-flex; align-items: center; padding: 4px 12px; margin-top: 18px; border-radius: 12px;
    background: var(--primary-color-8); color: var(--primary-color-2); font-size: 11px; font-weight: 600; letter-spacing: 0;
    text-transform: uppercase;
}
.users_limit_title {max-width: 520px; margin-top: 16px; color: var(--black-color); font-size: 23px; font-weight: 600; letter-spacing: -0.4px; line-height: 1.25;}
.users_limit_desc {max-width: 520px; margin-top: 11px; color: var(--gray-color-3); font-size: 14.5px; line-height: 1.6;}
.users_limit_controls {width: 100%; max-width: 180px; margin-top: 26px;}
.users_limit_controls > a {width: 100%;}

html.dark .users_limit {background: linear-gradient(160deg, var(--gray-color-14), var(--gray-color-15) 55%);}

@media screen and (max-width: 768px) {
    .users_limit {padding: 36px 18px;}
    .users_limit_title {font-size: 20px;}
    .users_limit_desc {font-size: 13.5px;}
}

/* ------------------------------- USER (MATCHING) ------------------------------- */

.page_matching_disclaimer {font-size: 12px; opacity: 0.65; margin-bottom: 8px;}

/* ------------------------------- USER (MODAL WINDOWS) ------------------------------- */

.users_window_modal_body {padding-top: 20px;}

/* ------------------------------- USER (HUGGING FACE) ------------------------------- */

.user_huggingface .section_title.page {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.user_huggingface_heading {flex: 1; min-width: 0;}
.user_huggingface_pro {
    display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 8px; background: linear-gradient(135deg, #ff9d00, #ffce00);
    color: var(--white-color); font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
}
.user_huggingface_tier {
    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; text-transform: capitalize;
}
.user_huggingface_tier > bdi > span {padding-inline-start: 4px; font-weight: 400;}
.user_huggingface_stats {display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; padding-top: 18px;}
.user_huggingface_stat {
    display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 10px 16px;
    background: var(--gray-color-15); border: 1px solid var(--gray-color-13); border-radius: 14px; text-align: center;
}
.user_huggingface_stat_icon {
    display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px;
    background: var(--primary-color-9); color: var(--primary-color-3);
}
.user_huggingface_stat_icon > i {font-size: 16px;}
.user_huggingface_stat_val {color: var(--black-color); font-size: 20px; font-weight: 700; letter-spacing: -0.4px; font-feature-settings: "tnum" 1; line-height: 1;}
.user_huggingface_stat_label {color: var(--gray-color-4); font-size: 12px; font-weight: 500;}
.user_huggingface_block {padding-top: 24px;}
.user_huggingface_block_title {
    display: flex; align-items: center; gap: 8px; color: var(--black-color); font-size: 14px; font-weight: 600; letter-spacing: -0.2px;
}
.user_huggingface_count {
    display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 7px; border-radius: 6px;
    background: var(--primary-color-9); color: var(--primary-color-3); font-size: 11.5px; font-weight: 600; line-height: 1;
}
.user_huggingface_roles {padding-top: 12px;}
.user_huggingface_role.dual_use {border-color: var(--secondary-color-1);}
.user_huggingface_list {display: flex; flex-direction: column; gap: 8px; padding-top: 12px;}
.user_huggingface_item {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px;
    background: var(--white-color); border: 1px solid var(--gray-color-12); border-radius: 12px; text-decoration: none;
    transition: border-color 0.15s ease;
}
.user_huggingface_item:hover {border-color: var(--primary-color-5); text-decoration: none;}
.user_huggingface_item_name {min-width: 0; color: var(--black-color); font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user_huggingface_item:hover .user_huggingface_item_name {color: var(--primary-color-3);}
.user_huggingface_item_meta {display: inline-flex; flex-shrink: 0; align-items: center; gap: 14px;}
.user_huggingface_item_meta > span {display: inline-flex; align-items: center; gap: 5px; color: var(--gray-color-4); font-size: 12.5px; font-feature-settings: "tnum" 1;}
.user_huggingface_item_meta > span > i {font-size: 13px; color: var(--gray-color-6);}
.user_huggingface_sdk {
    padding: 2px 8px; border-radius: 7px; background: var(--gray-color-11); color: var(--gray-color-3) !important;
    font-size: 11px !important; font-weight: 600; text-transform: uppercase;
}
.user_huggingface_link {
    display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; padding: 10px 18px; border-radius: 10px; background: var(--primary-color-9);
    color: var(--primary-color-3); font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.15s ease, color 0.15s ease;
}
.user_huggingface_link > i {font-size: 11px; transition: transform 0.15s ease;}
.user_huggingface_link:hover {background: var(--primary-color-3); color: var(--white-color); text-decoration: none;}
.user_huggingface_link:hover > i {transform: translateX(3px);}
html[dir="rtl"] .user_huggingface_link > i {transform: rotate(180deg);}
html[dir="rtl"] .user_huggingface_link:hover > i {transform: translateX(-3px) rotate(180deg);}

@media screen and (max-width: 1024px) {
    .user_huggingface_stats {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 768px) {
    .user_huggingface_tier {padding: 5px 14px; border-radius: 17px; font-size: 14.5px;}
    .user_huggingface_stats {grid-template-columns: repeat(2, 1fr); gap: 12px; padding-top: 16px;}
    .user_huggingface_stat {gap: 10px; padding: 18px 10px 16px; border-radius: 14px;}
    .user_huggingface_stat_icon {width: 42px; height: 42px; border-radius: 12px;}
    .user_huggingface_stat_icon > i {font-size: 19px;}
    .user_huggingface_stat_val {font-size: 22px;}
    .user_huggingface_stat_label {font-size: 13.5px;}
    .user_huggingface_block {padding-top: 26px;}
    .user_huggingface_block_title {font-size: 16px;}
    .user_huggingface_count {min-width: 24px; height: 22px; padding: 0 8px; font-size: 13px;}
    .user_huggingface_item {padding: 14px; border-radius: 12px;}
    .user_huggingface_item_name {font-size: 15.5px;}
    .user_huggingface_item_meta {gap: 16px;}
    .user_huggingface_item_meta > span {font-size: 14px;}
    .user_huggingface_item_meta > span > i {font-size: 14px;}
    .user_huggingface_sdk {padding: 3px 9px; border-radius: 8px; font-size: 12.5px !important;}
    .user_huggingface_link {margin-top: 22px; padding: 12px 20px; border-radius: 12px; font-size: 14.5px;}
    .user_huggingface_link > i {font-size: 13px;}
}