/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyApplication.razor.rz.scp.css */
.application-chat-page[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: fadeIn-b-3hcwfxq3kw 0.25s ease-out;
}

.chat-skeleton[b-3hcwfxq3kw] {
    display: grid;
    gap: 16px;
    padding: 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-page-header[b-3hcwfxq3kw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-page-title[b-3hcwfxq3kw] {
    min-width: 0;
}

.chat-student-line[b-3hcwfxq3kw] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.chat-student-line h1[b-3hcwfxq3kw] {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.chat-student-line p[b-3hcwfxq3kw] {
    margin: 2px 0 0;
    max-width: 100%;
    overflow: hidden;
    color: #6B7280;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-page-actions[b-3hcwfxq3kw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

[b-3hcwfxq3kw] .chat-back-btn {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    color: #111827;
    font-weight: 700;
}

[b-3hcwfxq3kw] .chat-back-btn:hover {
    background: #F3F4F6;
    color: #0D9488;
}

[b-3hcwfxq3kw] .chat-status-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-inline-end: 0;
    padding: 1px 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
}

.chat-info-mobile[b-3hcwfxq3kw] {
    display: inline-flex;
}

[b-3hcwfxq3kw] .chat-info-mobile {
    height: 34px;
    padding-inline: 16px;
    border-radius: 8px;
}

.chat-layout[b-3hcwfxq3kw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: stretch;
}

.chat-main-card[b-3hcwfxq3kw],
.application-card[b-3hcwfxq3kw] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-main-card[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 620px;
    overflow: hidden;
}

.chat-main-head[b-3hcwfxq3kw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #F3F4F6;
}

.chat-main-kicker[b-3hcwfxq3kw],
.side-kicker[b-3hcwfxq3kw] {
    color: #8C8C8C;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.chat-main-head h2[b-3hcwfxq3kw],
.application-card__head h3[b-3hcwfxq3kw] {
    margin: 2px 0 0;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.chat-updated[b-3hcwfxq3kw] {
    flex-shrink: 0;
    color: #8C8C8C;
    font-size: 12px;
    line-height: 20px;
}

.chat-messages[b-3hcwfxq3kw] {
    flex: 1;
    min-height: 360px;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #F7F9FC;
}

.chat-center[b-3hcwfxq3kw] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.load-more-tip[b-3hcwfxq3kw] {
    align-self: center;
    padding: 6px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    background: #fff;
    color: #8C8C8C;
    font-size: 12px;
}

.msg[b-3hcwfxq3kw] {
    display: flex;
}

.msg--out[b-3hcwfxq3kw] {
    justify-content: flex-end;
}

.msg--in[b-3hcwfxq3kw] {
    justify-content: flex-start;
}

.msg-bubble[b-3hcwfxq3kw] {
    max-width: min(68%, 560px);
    padding: 10px 14px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
}

.msg-bubble--out[b-3hcwfxq3kw] {
    background: #0D9488;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.msg-bubble--in[b-3hcwfxq3kw] {
    background: #fff;
    color: #111827;
    border: 1px solid #E5E7EB;
    border-bottom-left-radius: 4px;
}

.msg-footer[b-3hcwfxq3kw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 4px;
}

.msg-time[b-3hcwfxq3kw] {
    font-size: 11px;
    line-height: 16px;
    opacity: 0.68;
}

[b-3hcwfxq3kw] .msg-read {
    font-size: 12px;
    opacity: 0.75;
}

.chat-empty[b-3hcwfxq3kw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6B7280;
    text-align: center;
}

.chat-empty span[b-3hcwfxq3kw] {
    max-width: 320px;
    font-size: 14px;
    line-height: 22px;
}

.chat-input[b-3hcwfxq3kw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    padding: 14px 20px;
    border-top: 1px solid #E5E7EB;
    background: #fff;
}

[b-3hcwfxq3kw] .chat-textarea {
    border-radius: 8px;
    resize: none;
}

[b-3hcwfxq3kw] .chat-send-btn {
    height: 40px;
    border-radius: 8px;
}

.application-side[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.application-card[b-3hcwfxq3kw] {
    padding: 20px;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
    transition: none !important;
}

.application-side .application-card:hover[b-3hcwfxq3kw] {
    border-color: #E5E7EB !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
}

.application-card--compact[b-3hcwfxq3kw] {
    padding: 16px 20px;
}

.application-card--compact .side-kicker[b-3hcwfxq3kw] {
    margin-bottom: 14px;
}

.application-card__head[b-3hcwfxq3kw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.student-summary[b-3hcwfxq3kw] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 12px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #F9FAFB;
    text-align: left;
    cursor: pointer;
}

.student-summary span[b-3hcwfxq3kw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.student-summary strong[b-3hcwfxq3kw],
.student-summary small[b-3hcwfxq3kw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-summary strong[b-3hcwfxq3kw] {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.student-summary small[b-3hcwfxq3kw] {
    color: #8C8C8C;
    font-size: 12px;
    line-height: 18px;
}

.side-details[b-3hcwfxq3kw],
.drawer-details[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-detail[b-3hcwfxq3kw],
.drawer-detail[b-3hcwfxq3kw] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    color: #374151;
    font-size: 13px;
    line-height: 20px;
}

.side-detail span[b-3hcwfxq3kw],
.drawer-detail span[b-3hcwfxq3kw] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.side-text[b-3hcwfxq3kw] {
    margin: 0;
    color: #374151;
    font-size: 13px;
    line-height: 20px;
    white-space: pre-wrap;
}

.status-editor[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #F3F4F6;
}

.status-editor__hint[b-3hcwfxq3kw] {
    color: #8C8C8C;
    font-size: 12px;
    line-height: 18px;
}

.side-actions[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #F3F4F6;
}

[b-3hcwfxq3kw] .status-editor .ant-select,
[b-3hcwfxq3kw] .drawer-status-editor .ant-select {
    width: 100%;
}

[b-3hcwfxq3kw] .side-actions .ant-btn,
[b-3hcwfxq3kw] .drawer-actions .ant-btn,
[b-3hcwfxq3kw] .status-editor .ant-btn,
[b-3hcwfxq3kw] .drawer-status-editor .ant-btn {
    border-radius: 8px;
}

.drawer-content[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.drawer-section[b-3hcwfxq3kw] {
    padding-top: 14px;
    border-top: 1px solid #F3F4F6;
}

.drawer-section:first-child[b-3hcwfxq3kw] {
    padding-top: 0;
    border-top: 0;
}

.drawer-label[b-3hcwfxq3kw] {
    margin-bottom: 8px;
    color: #8C8C8C;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.drawer-student[b-3hcwfxq3kw] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.drawer-status-editor[b-3hcwfxq3kw],
.drawer-actions[b-3hcwfxq3kw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.drawer-actions[b-3hcwfxq3kw] {
    padding-top: 16px;
    border-top: 1px solid #E5E7EB;
}

[b-3hcwfxq3kw] .side-detail .anticon,
[b-3hcwfxq3kw] .drawer-detail .anticon,
.student-summary[b-3hcwfxq3kw]  .anticon {
    color: #8C8C8C;
    font-size: 15px;
}

.chat-messages[b-3hcwfxq3kw]::-webkit-scrollbar {
    width: 6px;
}

.chat-messages[b-3hcwfxq3kw]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages[b-3hcwfxq3kw]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 999px;
}

@keyframes fadeIn-b-3hcwfxq3kw {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1200px) {
    .chat-layout[b-3hcwfxq3kw] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 1024px) {
    .chat-page-header[b-3hcwfxq3kw] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chat-page-actions[b-3hcwfxq3kw] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .chat-layout[b-3hcwfxq3kw] {
        grid-template-columns: 1fr;
    }

    .application-side[b-3hcwfxq3kw] {
        display: none;
    }

    .chat-main-card[b-3hcwfxq3kw] {
        min-height: calc(100vh - 320px);
    }
}

@media (max-width: 640px) {
    .chat-page-header[b-3hcwfxq3kw] {
        padding: 14px;
        gap: 12px;
    }

    .chat-page-header[b-3hcwfxq3kw]  .ant-btn {
        padding-inline: 8px;
    }

    .chat-student-line h1[b-3hcwfxq3kw] {
        font-size: 16px;
        line-height: 24px;
    }

    .chat-student-line p[b-3hcwfxq3kw] {
        font-size: 12px;
        line-height: 18px;
    }

    .chat-main-head[b-3hcwfxq3kw] {
        padding: 14px;
        flex-direction: column;
        gap: 6px;
    }

    .chat-messages[b-3hcwfxq3kw] {
        min-height: 320px;
        padding: 14px;
    }

    .msg-bubble[b-3hcwfxq3kw] {
        max-width: 86%;
    }

    .chat-input[b-3hcwfxq3kw] {
        grid-template-columns: 1fr;
        padding: 12px 14px;
    }

    [b-3hcwfxq3kw] .chat-send-btn {
        width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyChats.razor.rz.scp.css */
.company-chats-page[b-m9r1rtdlor] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.company-chats-header[b-m9r1rtdlor] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.company-chats-header h1[b-m9r1rtdlor] {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 700;
}

.company-chats-header p[b-m9r1rtdlor] {
    margin: 4px 0 0;
    color: #6B7280;
    font-size: 14px;
}

.company-chats-panel[b-m9r1rtdlor],
.company-chats-list[b-m9r1rtdlor],
.company-chats-empty[b-m9r1rtdlor] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.company-chats-panel[b-m9r1rtdlor] {
    padding: 20px;
}

.company-chats-list[b-m9r1rtdlor] {
    overflow: hidden;
}

.chat-row[b-m9r1rtdlor] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid #F3F4F6;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease;
}

.chat-row:last-child[b-m9r1rtdlor] {
    border-bottom: 0;
}

.chat-row:hover[b-m9r1rtdlor] {
    background: #F9FAFB;
}

.chat-row__avatar[b-m9r1rtdlor] {
    display: flex;
}

.chat-row__body[b-m9r1rtdlor] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-row__top[b-m9r1rtdlor],
.chat-row__bottom[b-m9r1rtdlor] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.chat-row__top strong[b-m9r1rtdlor] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111827;
    font-size: 15px;
}

.chat-row__time[b-m9r1rtdlor] {
    margin-left: auto;
    flex-shrink: 0;
    color: #9CA3AF;
    font-size: 12px;
}

.chat-row__posting[b-m9r1rtdlor],
.chat-row__preview[b-m9r1rtdlor] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-row__posting[b-m9r1rtdlor] {
    color: #374151;
    font-size: 13px;
}

.chat-row__preview[b-m9r1rtdlor] {
    color: #6B7280;
    font-size: 13px;
}

.chat-row__badge[b-m9r1rtdlor] {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0D9488;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.company-chats-empty[b-m9r1rtdlor] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.company-chats-empty h2[b-m9r1rtdlor] {
    margin: 0;
    color: #111827;
    font-size: 20px;
    font-weight: 700;
}

.company-chats-empty p[b-m9r1rtdlor] {
    margin: 0 0 8px;
    max-width: 420px;
    color: #6B7280;
    font-size: 14px;
}

[b-m9r1rtdlor] .company-chats-empty .anticon {
    font-size: 42px;
    color: #D1D5DB;
}

@media (max-width: 640px) {
    .company-chats-header[b-m9r1rtdlor] {
        align-items: flex-start;
        flex-direction: column;
    }

    .chat-row[b-m9r1rtdlor] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chat-row__badge[b-m9r1rtdlor] {
        grid-column: 2;
        justify-self: start;
    }

    .chat-row__bottom[b-m9r1rtdlor] {
        flex-wrap: wrap;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyDashboard.razor.rz.scp.css */
.dashboard-metrics[b-rqsefne6uu] {
    animation: fadeSlideUp-b-rqsefne6uu 0.3s ease-out;
}

.dashboard-actions[b-rqsefne6uu] {
    animation: fadeSlideUp-b-rqsefne6uu 0.4s ease-out;
}

@keyframes fadeSlideUp-b-rqsefne6uu {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .dashboard-metrics[b-rqsefne6uu]  .ant-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyDetails.razor.rz.scp.css */
@keyframes fadeIn-b-709849ejmv {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-709849ejmv {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.company-page[b-709849ejmv] {
    animation: fadeIn-b-709849ejmv 0.3s ease-out;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 120px);
}

.company-error[b-709849ejmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 64px 16px;
    color: #6B7280;
}

[b-709849ejmv] .error-icon {
    font-size: 48px;
    color: #D1D5DB;
}

.hero-skeleton[b-709849ejmv] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #E5E7EB;
}

/* Hero */
.company-hero[b-709849ejmv] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 4px;
    animation: slideUp-b-709849ejmv 0.4s ease-out both;
}

.hero-top[b-709849ejmv] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.hero-avatar[b-709849ejmv] {
    flex-shrink: 0;
}

.hero-info[b-709849ejmv] {
    flex: 1;
    min-width: 0;
}

.hero-name-row[b-709849ejmv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hero-name[b-709849ejmv] {
    font-size: 26px;
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.2;
}

.hero-badge[b-709849ejmv] {
    color: #0D9488;
    font-size: 20px;
    display: flex;
}

.hero-subtitle[b-709849ejmv] {
    color: #6B7280;
    font-size: 14px;
    margin: 6px 0 10px;
    line-height: 1.5;
}

.hero-tags[b-709849ejmv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.hero-tag-item[b-709849ejmv] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #6B7280;
}

[b-709849ejmv] .hero-tag-item .anticon {
    font-size: 14px;
}

.hero-action[b-709849ejmv] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

[b-709849ejmv] .fav-btn {
    border-radius: 20px;
    padding: 0 20px;
    height: 36px;
    font-weight: 500;
}

[b-709849ejmv] .fav-btn:not(.fav-btn--active) {
    border-color: #D1D5DB;
    color: #374151;
}

[b-709849ejmv] .fav-btn:not(.fav-btn--active):hover {
    border-color: #0D9488;
    color: #0D9488;
}

[b-709849ejmv] .fav-btn--active {
    background: #0D9488;
    border-color: #0D9488;
}

[b-709849ejmv] .fav-btn--active:hover {
    background: #0F766E !important;
    border-color: #0F766E !important;
}

/* Rating */
.hero-rating[b-709849ejmv] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #F3F4F6;
}

.rating-stars[b-709849ejmv] {
    display: flex;
    gap: 2px;
}

.rating-text[b-709849ejmv] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.rating-count[b-709849ejmv] {
    font-size: 13px;
    color: #9CA3AF;
}

/* Tab labels */
[b-709849ejmv] .tab-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Tabs */
.company-tabs[b-709849ejmv] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
    animation: slideUp-b-709849ejmv 0.4s ease-out 0.1s both;
    flex: 1;
}

[b-709849ejmv] .company-tabs .ant-tabs-nav {
    padding: 0;
    margin-bottom: 0;
}

[b-709849ejmv] .company-tabs .ant-tabs-nav-list {
    width: 100%;
}

[b-709849ejmv] .company-tabs .ant-tabs-tab {
    flex: 1;
    justify-content: center;
    margin: 0;
}

.tab-content[b-709849ejmv] {
    padding: 24px;
}

.tab-empty[b-709849ejmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9CA3AF;
    font-size: 14px;
    padding: 60px 16px;
    min-height: 200px;
}

[b-709849ejmv] .tab-empty-icon {
    font-size: 40px;
    color: #D1D5DB;
}

.tab-pagination[b-709849ejmv] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Text sections (About tab) */
.text-section[b-709849ejmv] {
    margin-bottom: 24px;
}

.text-section:last-child[b-709849ejmv] {
    margin-bottom: 0;
}

.text-section-title[b-709849ejmv] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 10px;
}

.text-section-body[b-709849ejmv] {
    font-size: 14px;
    color: #374151;
    line-height: 1.7;
    margin: 0;
    white-space: pre-wrap;
}

/* Postings grid */
.postings-grid[b-709849ejmv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

/* Reviews */
.reviews-list[b-709849ejmv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.review-card[b-709849ejmv] {
    padding: 16px 20px;
    background: #F9FAFB;
    border-radius: 10px;
}

.review-top[b-709849ejmv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.review-stars[b-709849ejmv] {
    display: flex;
    gap: 2px;
}

[b-709849ejmv] .star-filled {
    color: #F59E0B;
    font-size: 14px;
}

[b-709849ejmv] .star-empty {
    color: #D1D5DB;
    font-size: 14px;
}

.review-date[b-709849ejmv] {
    font-size: 12px;
    color: #9CA3AF;
    margin-left: auto;
}

.review-text[b-709849ejmv] {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
    margin: 0;
}

/* Contacts tab */
.contacts-wrap[b-709849ejmv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
}

.contacts-grid[b-709849ejmv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.contact-card[b-709849ejmv] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 20px;
    transition: box-shadow 0.2s ease;
}

.contact-card:hover[b-709849ejmv] {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.contact-card-title[b-709849ejmv] {
    font-size: 13px;
    font-weight: 600;
    color: #9CA3AF;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 14px;
}

.contact-items[b-709849ejmv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-item[b-709849ejmv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #374151;
    text-decoration: none;
    word-break: break-word;
}

a.contact-item:hover[b-709849ejmv] {
    color: #0D9488;
}

[b-709849ejmv] .contact-item .anticon {
    font-size: 14px;
    color: #9CA3AF;
    margin-top: 2px;
    flex-shrink: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .company-page[b-709849ejmv] {
        max-width: 100%;
        min-height: auto;
    }

    .company-hero[b-709849ejmv] {
        padding: 16px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        margin-bottom: 0;
    }

    .hero-top[b-709849ejmv] {
        flex-direction: column;
        gap: 12px;
    }

    .hero-avatar[b-709849ejmv] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .hero-name[b-709849ejmv] {
        font-size: 20px;
    }

    .hero-action[b-709849ejmv] {
        width: 100%;
    }

    [b-709849ejmv] .hero-action .fav-btn {
        width: 100%;
    }

    .hero-tags[b-709849ejmv] {
        gap: 8px;
    }

    .hero-rating[b-709849ejmv] {
        margin-top: 12px;
        padding-top: 12px;
    }

    .company-tabs[b-709849ejmv] {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    [b-709849ejmv] .tab-label .tab-text {
        display: none;
    }

    [b-709849ejmv] .tab-label .anticon {
        font-size: 20px;
    }

    [b-709849ejmv] .company-tabs .ant-tabs-tab {
        padding: 14px 0;
    }

    [b-709849ejmv] .company-tabs .ant-tabs-ink-bar {
        display: none;
    }

    .tab-content[b-709849ejmv] {
        padding: 14px;
    }

    .postings-grid[b-709849ejmv] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    [b-709849ejmv] .postings-grid > * {
        min-width: 0;
    }

    .contacts-grid[b-709849ejmv] {
        grid-template-columns: 1fr;
    }

    .review-top[b-709849ejmv] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .review-date[b-709849ejmv] {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-709849ejmv], [b-709849ejmv] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyPostingCreate.razor.rz.scp.css */
.section-header[b-jfje2nkbqz] {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
}

@keyframes fadeIn-b-jfje2nkbqz {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pd-page[b-jfje2nkbqz] {
    max-width: 1440px;
    margin: 0 auto;
    animation: fadeIn-b-jfje2nkbqz 0.3s ease-out;
}

.pd-title[b-jfje2nkbqz] {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 24px;
    line-height: 1.3;
}

.pd-body[b-jfje2nkbqz] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.pd-left[b-jfje2nkbqz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pd-tabs[b-jfje2nkbqz] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.pd-tab[b-jfje2nkbqz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.2s;
    font-size: 14px;
    color: #374151;
}

.pd-tab:hover[b-jfje2nkbqz] {
    background: #FAFAFA;
}

.pd-tab.active[b-jfje2nkbqz] {
    background: #F0F5FF;
    border-left-color: #10239E;
    color: #10239E;
    font-weight: 500;
}

[b-jfje2nkbqz] .pd-tab .anticon {
    font-size: 16px;
}

.pd-tab.active[b-jfje2nkbqz]  .anticon {
    color: #10239E;
}

.pd-contacts[b-jfje2nkbqz] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.pd-contacts-title[b-jfje2nkbqz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px;
}

[b-jfje2nkbqz] .pd-contacts-title .anticon {
    color: #10239E;
}

.pd-contact-item[b-jfje2nkbqz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
    color: #374151;
}

.pd-contact-item:last-child[b-jfje2nkbqz] {
    border-bottom: none;
}

.pd-right[b-jfje2nkbqz] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    min-height: 300px;
}

.pd-content-title[b-jfje2nkbqz] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 20px;
}

.pd-details-grid[b-jfje2nkbqz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pd-empty[b-jfje2nkbqz] {
    color: #9CA3AF;
    font-size: 14px;
    font-style: italic;
}

.pd-description-block[b-jfje2nkbqz] {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}

.pd-description-block h4[b-jfje2nkbqz] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px;
}

.pd-description-block h4:not(:first-child)[b-jfje2nkbqz] {
    margin-top: 16px;
}

@media (max-width: 900px) {
    .pd-body[b-jfje2nkbqz] {
        grid-template-columns: 1fr;
    }

    .pd-details-grid[b-jfje2nkbqz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pd-page[b-jfje2nkbqz] {
        padding: 16px;
    }

    .pd-right[b-jfje2nkbqz] {
        padding: 16px;
    }
}

/* Закругление компонентов формы */
.pd-right[b-jfje2nkbqz]  .ant-input:not(textarea) {
    border-radius: 100px !important;
}

.pd-right[b-jfje2nkbqz]  .ant-input-number {
    border-radius: 100px !important;
}

.pd-right[b-jfje2nkbqz]  .ant-select-selector {
    border-radius: 100px !important;
}

.pd-right[b-jfje2nkbqz]  .ant-picker {
    border-radius: 100px !important;
}

.pd-right[b-jfje2nkbqz]  .ant-btn {
    border-radius: 100px !important;
}

.pd-right[b-jfje2nkbqz]  textarea.ant-input {
    border-radius: 12px !important;
}

[b-jfje2nkbqz] .ant-divider-inner-text {
    font-weight: 600;
    color: #374151;
}

[b-jfje2nkbqz] .ant-form-item-label > label {
    font-weight: 500;
    color: #374151;
}

@media (prefers-reduced-motion: reduce) {
    *[b-jfje2nkbqz], [b-jfje2nkbqz] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyPostingManage.razor.rz.scp.css */
.section-header[b-x6q0u0vw54] {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
}

@keyframes fadeIn-b-x6q0u0vw54 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pd-page[b-x6q0u0vw54] {
    max-width: 1440px;
    margin: 0 auto;
    animation: fadeIn-b-x6q0u0vw54 0.3s ease-out;
}

.pd-title[b-x6q0u0vw54] {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 24px;
    line-height: 1.3;
}

.pd-body[b-x6q0u0vw54] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.pd-left[b-x6q0u0vw54] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pd-tabs[b-x6q0u0vw54] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.pd-tab[b-x6q0u0vw54] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.2s;
    font-size: 14px;
    color: #374151;
}

.pd-tab:hover[b-x6q0u0vw54] {
    background: #FAFAFA;
}

.pd-tab.active[b-x6q0u0vw54] {
    background: #F0F5FF;
    border-left-color: #10239E;
    color: #10239E;
    font-weight: 500;
}

[b-x6q0u0vw54] .pd-tab .anticon {
    font-size: 16px;
}

.pd-tab.active[b-x6q0u0vw54]  .anticon {
    color: #10239E;
}

.pd-contacts[b-x6q0u0vw54] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.pd-contacts-title[b-x6q0u0vw54] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px;
}

[b-x6q0u0vw54] .pd-contacts-title .anticon {
    color: #10239E;
}

.pd-contact-item[b-x6q0u0vw54] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
    color: #374151;
}

.pd-contact-item:last-child[b-x6q0u0vw54] {
    border-bottom: none;
}

.pd-right[b-x6q0u0vw54] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    min-height: 300px;
}

.pd-content-title[b-x6q0u0vw54] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 20px;
}

.pd-details-grid[b-x6q0u0vw54] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pd-empty[b-x6q0u0vw54] {
    color: #9CA3AF;
    font-size: 14px;
    font-style: italic;
}

.pd-description-block[b-x6q0u0vw54] {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}

.pd-description-block h4[b-x6q0u0vw54] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px;
}

.pd-description-block h4:not(:first-child)[b-x6q0u0vw54] {
    margin-top: 16px;
}

@media (max-width: 900px) {
    .pd-body[b-x6q0u0vw54] {
        grid-template-columns: 1fr;
    }

    .pd-details-grid[b-x6q0u0vw54] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pd-page[b-x6q0u0vw54] {
        padding: 16px;
    }

    .pd-right[b-x6q0u0vw54] {
        padding: 16px;
    }
}

/* Закругление компонентов формы */
.pd-right[b-x6q0u0vw54]  .ant-input:not(textarea) {
    border-radius: 100px !important;
}

.pd-right[b-x6q0u0vw54]  .ant-input-number {
    border-radius: 100px !important;
}

.pd-right[b-x6q0u0vw54]  .ant-select-selector {
    border-radius: 100px !important;
}

.pd-right[b-x6q0u0vw54]  .ant-picker {
    border-radius: 100px !important;
}

.pd-right[b-x6q0u0vw54]  .ant-btn {
    border-radius: 100px !important;
}

.pd-right[b-x6q0u0vw54]  textarea.ant-input {
    border-radius: 12px !important;
}

[b-x6q0u0vw54] .ant-divider-inner-text {
    font-weight: 600;
    color: #374151;
}

[b-x6q0u0vw54] .ant-form-item-label > label {
    font-weight: 500;
    color: #374151;
}

@media (prefers-reduced-motion: reduce) {
    *[b-x6q0u0vw54], [b-x6q0u0vw54] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* Блок заголовка управления */
.manage-header[b-x6q0u0vw54] {
    background: #fff;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 24px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.manage-header-top[b-x6q0u0vw54] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.manage-header-title[b-x6q0u0vw54] {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.manage-header-subtitle[b-x6q0u0vw54] {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 16px;
}

.manage-header-actions[b-x6q0u0vw54] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.manage-header-actions[b-x6q0u0vw54]  .ant-btn {
    border-radius: 100px !important;
}

@media (max-width: 768px) {
    .manage-header[b-x6q0u0vw54] {
        border-radius: 0;
        padding: 16px;
    }

    .manage-header-actions[b-x6q0u0vw54] {
        flex-direction: column;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyPostings.razor.rz.scp.css */
.postings-card[b-kifkb8dwmv] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyPostingsApplications.razor.rz.scp.css */
.company-postings-applications-page[b-z5co09kcgg] {
    animation: fadeIn 0.25s ease-out;
}

.company-postings-applications-page__surface[b-z5co09kcgg] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
}

.company-postings-applications-page__skeleton-head[b-z5co09kcgg] {
    max-width: 360px;
}

.company-postings-applications-page__header[b-z5co09kcgg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.company-postings-applications-page__title[b-z5co09kcgg] {
    margin: 0;
    color: #252525;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.company-postings-applications-page__tabs[b-z5co09kcgg] {
    min-width: min(100%, 430px);
    background: transparent;
}

.company-postings-applications-page__tab-label[b-z5co09kcgg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1f1f1f;
    font-size: 14px;
    line-height: 22px;
}

.company-postings-applications-page__tab-badge[b-z5co09kcgg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    background: #f0f5ff;
    color: #10239e;
    box-shadow: none;
    font-size: 11px;
    font-weight: 600;
}

.company-postings-applications-page__search[b-z5co09kcgg] {
    width: 100%;
}

.company-postings-applications-page__search[b-z5co09kcgg]  .rec-keyword-search__group {
    border-color: #d9d9d9;
    border-radius: 12px;
}

.company-postings-applications-page__search[b-z5co09kcgg]  .ant-input-affix-wrapper {
    height: 46px;
    padding-inline: 12px;
}

.company-postings-applications-page__search[b-z5co09kcgg]  .rec-keyword-search__btn.ant-btn {
    width: 46px;
    min-width: 46px;
    height: 46px;
    background: #10239e;
}

.company-postings-applications-page__empty[b-z5co09kcgg] {
    padding: 40px 0 24px;
    background: #fff;
    border: 1px dashed #dbe3f5;
    border-radius: 12px;
}

.company-postings-applications-page__list[b-z5co09kcgg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.company-postings-applications-page__pagination[b-z5co09kcgg] {
    display: flex;
    justify-content: flex-end;
}

.posting-application-card[b-z5co09kcgg] {
    border: 1px solid #e6ecff !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.posting-application-card[b-z5co09kcgg]  .ant-card-body {
    padding: 26px 24px 22px;
}

.posting-application-card__content[b-z5co09kcgg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    min-height: 148px;
}

.posting-application-card__main[b-z5co09kcgg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: min(620px, 100%);
    min-width: 0;
}

.posting-application-card__title[b-z5co09kcgg] {
    margin: 0;
    color: #10239e;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.posting-application-card__salary[b-z5co09kcgg] {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.posting-application-card__tags[b-z5co09kcgg] {
    row-gap: 8px;
}

.posting-application-card__tags[b-z5co09kcgg]  .posting-application-card__tag.ant-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-end: 0;
    padding: 1px 8px;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
}

.posting-application-card__tags[b-z5co09kcgg]  .posting-application-card__tag .anticon {
    font-size: 12px;
}

.posting-application-card__tags[b-z5co09kcgg]  .posting-application-card__tag--blue.ant-tag {
    color: #10239e;
    background: #f0f5ff !important;
    border-color: #10239e !important;
}

.posting-application-card__tags[b-z5co09kcgg]  .posting-application-card__tag--orange.ant-tag {
    color: #fa8c16;
    background: #fff7e6 !important;
    border-color: #fa8c16 !important;
}

.posting-application-card__tags[b-z5co09kcgg]  .posting-application-card__tag--green.ant-tag {
    color: #52c41a;
    background: #f6ffed !important;
    border-color: #52c41a !important;
}

.posting-application-card__actions[b-z5co09kcgg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action.ant-btn {
    height: 32px;
    padding: 0 14px;
    border-radius: 999px !important;
    font-weight: 500;
    font-size: 14px;
}

.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--primary.ant-btn-primary {
    background: var(--color-primary, #10239e) !important;
    border-color: var(--color-primary, #10239e) !important;
}

.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--primary.ant-btn-primary:hover,
.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--primary.ant-btn-primary:focus {
    background: var(--color-primary-hover, #1d39c4) !important;
    border-color: var(--color-primary-hover, #1d39c4) !important;
}

.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--secondary.ant-btn-default {
    color: var(--color-primary, #10239e) !important;
    border-color: var(--color-primary, #10239e) !important;
}

.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--secondary.ant-btn-default:hover,
.posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action--secondary.ant-btn-default:focus {
    color: var(--color-primary-hover, #1d39c4) !important;
    border-color: var(--color-primary-hover, #1d39c4) !important;
    background: #f5f8ff !important;
}

.posting-application-card__content[b-z5co09kcgg]  .posting-application-card__status.ant-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-end: 0;
    padding: 2px 8px;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
}

.posting-application-card__content[b-z5co09kcgg]  .posting-application-card__status .anticon {
    font-size: 12px;
}

.posting-application-card__content[b-z5co09kcgg]  .posting-application-card__status--danger.ant-tag {
    color: #ff4d4f;
    border-color: #ff4d4f !important;
}

.posting-application-card__content[b-z5co09kcgg]  .posting-application-card__status--success.ant-tag {
    color: #389e0d;
    border-color: #52c41a !important;
}

.posting-application-card__content[b-z5co09kcgg]  .posting-application-card__status--archive.ant-tag {
    color: #6b7280;
    border-color: #d9d9d9 !important;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-nav {
    margin-bottom: 0;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-nav::before {
    border-bottom: 0;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-nav-wrap {
    justify-content: flex-end;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-tab {
    padding: 0 0 14px;
    font-weight: 500;
    margin: 0 0 0 32px;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-tab-active {
    font-weight: 600;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-tab.ant-tabs-tab-active .company-postings-applications-page__tab-label {
    color: #10239e;
}

.company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-ink-bar {
    background: #10239e;
    height: 2px;
}

@media (max-width: 768px) {
    .company-postings-applications-page__surface[b-z5co09kcgg] {
        padding: 28px;
    }

    .company-postings-applications-page__header[b-z5co09kcgg] {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .company-postings-applications-page__title[b-z5co09kcgg] {
        font-size: 28px;
    }

    .company-postings-applications-page__tabs[b-z5co09kcgg] {
        width: 100%;
        min-width: 0;
    }

    .company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-nav-wrap {
        justify-content: flex-start;
    }

    .company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-tab {
        margin: 0 22px 0 0;
    }

    .posting-application-card[b-z5co09kcgg]  .ant-card-body {
        padding: 22px 18px;
    }

    .posting-application-card__content[b-z5co09kcgg] {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
    }

    .posting-application-card__title[b-z5co09kcgg] {
        font-size: 19px;
        line-height: 27px;
    }

    .posting-application-card__salary[b-z5co09kcgg] {
        font-size: 20px;
        line-height: 28px;
    }

    .posting-application-card__status[b-z5co09kcgg] {
        align-self: flex-start;
    }

    .company-postings-applications-page__pagination[b-z5co09kcgg] {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .company-postings-applications-page__surface[b-z5co09kcgg] {
        gap: 18px;
        padding: 20px;
    }

    .company-postings-applications-page__tabs[b-z5co09kcgg]  .ant-tabs-tab {
        margin-right: 16px;
    }

    .company-postings-applications-page__tab-label[b-z5co09kcgg] {
        gap: 6px;
        font-size: 13px;
    }

    .posting-application-card__actions[b-z5co09kcgg]  .posting-application-card__action.ant-btn {
        width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileAbout.razor.rz.scp.css */
.profile-page[b-a2mwomcuvh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileCases.razor.rz.scp.css */
.profile-page[b-wnljk0t774] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileConditions.razor.rz.scp.css */
.profile-page[b-c0ulug30qu] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileLayout.razor.rz.scp.css */
.dashboard-page[b-dr69t0it72] {
    box-sizing: border-box;
    width: 100%;
    background: #edf0f4;
}

.dashboard-page__title-band[b-dr69t0it72] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    min-height: 104px;
    margin: -30px auto;
    margin-bottom: -14px;
    padding: 50px 15px 30px 20px;
    background: #fff;
    border-radius: 0 0 18px 18px;
    overflow: hidden;
}

.dashboard[b-dr69t0it72] {
    box-sizing: border-box;
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: 32px 0 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: fadeIn-b-dr69t0it72 0.3s ease-out;
}

.dashboard-layout[b-dr69t0it72] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.sidebar[b-dr69t0it72] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-cta[b-dr69t0it72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px;
    min-height: 72px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
}

.sidebar-cta:hover[b-dr69t0it72] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.sidebar-cta[b-dr69t0it72]  .anticon {
    color: #9CA3AF;
}

.main-content[b-dr69t0it72] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.error-state[b-dr69t0it72] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 24px;
    flex: 1;
    justify-content: center;
}

.error-icon[b-dr69t0it72] { font-size: 44px; color: #F59E0B; margin-bottom: 16px; }
.error-title[b-dr69t0it72] { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 6px; }
.error-text[b-dr69t0it72] { font-size: 14px; color: #6B7280; }

.loading-layout[b-dr69t0it72] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
}

@keyframes fadeIn-b-dr69t0it72 { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    *[b-dr69t0it72], *[b-dr69t0it72]::before, *[b-dr69t0it72]::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

@media (max-width: 1024px) {
    .dashboard-page__title-band[b-dr69t0it72] {
        border-radius: 0 0 14px 14px;
        padding: 0 24px;
    }

    .dashboard[b-dr69t0it72] { padding: 16px 0 32px; }
    .dashboard-layout[b-dr69t0it72],
    .loading-layout[b-dr69t0it72] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .dashboard[b-dr69t0it72] { padding: 12px 16px 24px; }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileLegal.razor.rz.scp.css */
.profile-page[b-jyguofx0zt] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfilePartners.razor.rz.scp.css */
.profile-page[b-lghfqg7ke3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/CompanyProfileSpheres.razor.rz.scp.css */
.profile-page[b-eqifydat8t] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyAboutForm.razor.rz.scp.css */
.about-form[b-8thp1npz2v] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-form__field[b-8thp1npz2v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-form__label[b-8thp1npz2v] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

.about-form__label--required[b-8thp1npz2v]::before {
    content: "* ";
    color: #ff4d4f;
}

.about-form__control[b-8thp1npz2v] {
    width: 100%;
}

.about-form[b-8thp1npz2v]  .about-form__control,
.about-form[b-8thp1npz2v]  .about-form__control.ant-input,
.about-form[b-8thp1npz2v]  .about-form__control.ant-picker,
.about-form[b-8thp1npz2v]  .about-form__control .ant-select-selector {
    border-radius: 12px !important;
    min-height: 48px;
}

.about-form[b-8thp1npz2v]  .about-form__control .ant-select-selector {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.about-form[b-8thp1npz2v]  .about-form__control .ant-select-selection-item,
.about-form[b-8thp1npz2v]  .about-form__control .ant-select-selection-placeholder {
    font-size: 16px !important;
    line-height: 22px !important;
}

.about-form[b-8thp1npz2v]  .about-form__control.ant-input {
    font-size: 16px;
    line-height: 22px;
    padding: 12px 11px;
}

.about-form[b-8thp1npz2v]  .about-form__control.ant-input-number {
    width: 100%;
    border-radius: 12px !important;
}

.about-form[b-8thp1npz2v]  .about-form__control.ant-input-number .ant-input-number-input {
    height: 48px;
    font-size: 16px;
}

.about-form[b-8thp1npz2v]  .about-form__textarea {
    border-radius: 12px !important;
    min-height: 96px;
    padding: 12px;
    font-size: 16px;
    line-height: 22px;
}

.about-form__logo-wrap[b-8thp1npz2v] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 48px;
}

.about-form[b-8thp1npz2v]  .about-form__logo-remove.ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 16px;
}

.about-form__actions[b-8thp1npz2v] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.about-form__actions[b-8thp1npz2v]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 18px;
}

.about-form[b-8thp1npz2v]  .section-divider {
    margin-top: 8px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyCalendarWidget.razor.rz.scp.css */
.sidebar-section[b-pjctc84r89] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.sidebar-section--calendar[b-pjctc84r89] {
    padding-bottom: 0;
}

.calendar-card[b-pjctc84r89] {
    padding: 0 24px 16px;
}

.calendar-header[b-pjctc84r89] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 0;
    min-height: 54px;
}

.calendar-header__title[b-pjctc84r89] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    text-transform: capitalize;
}

.calendar-nav-btn[b-pjctc84r89] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #6B7280;
    transition: background 0.15s, color 0.15s;
}

.calendar-nav-btn:hover[b-pjctc84r89] {
    background: #F3F4F6;
    color: var(--color-primary);
}

.calendar-weekdays[b-pjctc84r89] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    margin-bottom: 0;
    padding: 8px 8px 0;
}

.calendar-weekday[b-pjctc84r89] {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

.calendar-grid[b-pjctc84r89] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    padding: 0 8px 8px;
}

.calendar-day[b-pjctc84r89] {
    height: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    padding: 0;
    transition: background 0.15s, border-color 0.15s;
}

.calendar-day:hover:not(:disabled):not(.calendar-day--selected)[b-pjctc84r89] {
    background: #F3F4F6;
}

.calendar-day--outside[b-pjctc84r89] {
    color: #D1D5DB;
    cursor: default;
}

.calendar-day--today:not(.calendar-day--selected)[b-pjctc84r89] {
    font-weight: 600;
    color: var(--color-primary);
}

.calendar-day--selected[b-pjctc84r89] {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.calendar-day--selected:hover:not(:disabled)[b-pjctc84r89] {
    background: var(--color-primary-hover);
    color: #fff;
    border-color: var(--color-primary-hover);
}

.calendar-day--has-events:not(.calendar-day--selected)[b-pjctc84r89] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
    font-weight: 500;
}

.calendar-day--has-events:not(.calendar-day--selected):hover:not(:disabled)[b-pjctc84r89] {
    background: var(--color-primary-bg);
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.calendar-day__dot[b-pjctc84r89] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: transparent;
    margin-top: 1px;
}

.calendar-day--has-events .calendar-day__dot[b-pjctc84r89] {
    background: var(--color-primary);
}

.calendar-day--selected .calendar-day__dot[b-pjctc84r89] {
    background: #fff;
}

.calendar-events[b-pjctc84r89] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.calendar-event[b-pjctc84r89] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background 0.15s;
}

.calendar-event:hover[b-pjctc84r89] {
    background: #F9FAFB;
}

.calendar-event__dot[b-pjctc84r89] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.calendar-event__dot--practice[b-pjctc84r89] { background: #52C41A; }
.calendar-event__dot--deadline[b-pjctc84r89] { background: #F5222D; }
.calendar-event__dot--interview[b-pjctc84r89] { background: #FA8C16; }

.calendar-event__text[b-pjctc84r89] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyCaseCard.razor.rz.scp.css */
.case-card[b-dx3hn7npcy] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.15s;
}

.case-card:hover[b-dx3hn7npcy] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.case-card__header[b-dx3hn7npcy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.case-card__student[b-dx3hn7npcy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
}

.case-card__university[b-dx3hn7npcy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #6B7280;
}

.case-card__body[b-dx3hn7npcy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.case-card__field[b-dx3hn7npcy] {
    font-size: 14px;
    color: rgba(0,0,0,0.85);
    line-height: 1.5;
}

.case-card__label[b-dx3hn7npcy] {
    font-weight: 500;
    color: #6B7280;
    margin-right: 4px;
}

.case-card__quote[b-dx3hn7npcy] {
    font-style: italic;
    font-size: 14px;
    color: #4B5563;
    padding: 8px 12px;
    background: #F9FAFB;
    border-radius: 8px;
    border-left: 3px solid #10239E;
}

.case-card__period[b-dx3hn7npcy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6B7280;
}

.case-card__actions[b-dx3hn7npcy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid #F0F0F0;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyCaseForm.razor.rz.scp.css */
.about-form[b-3w9lvs3et5] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-form__field[b-3w9lvs3et5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-form__label[b-3w9lvs3et5] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

.about-form__label--required[b-3w9lvs3et5]::before {
    content: "* ";
    color: #ff4d4f;
}

.about-form__control[b-3w9lvs3et5] {
    width: 100%;
}

.about-form[b-3w9lvs3et5]  .about-form__control,
.about-form[b-3w9lvs3et5]  .about-form__control.ant-input,
.about-form[b-3w9lvs3et5]  .about-form__control.ant-picker,
.about-form[b-3w9lvs3et5]  .about-form__control .ant-select-selector {
    border-radius: 12px !important;
    min-height: 48px;
}

.about-form[b-3w9lvs3et5]  .about-form__control.ant-input {
    font-size: 16px;
    line-height: 22px;
    padding: 12px 11px;
}

.about-form[b-3w9lvs3et5]  .about-form__control.ant-picker {
    display: flex;
    align-items: center;
    padding: 0 11px;
}

.about-form[b-3w9lvs3et5]  .about-form__control.ant-picker .ant-picker-input > input {
    font-size: 16px;
    line-height: 22px;
}

.about-form[b-3w9lvs3et5]  .about-form__textarea {
    border-radius: 12px !important;
    min-height: 96px;
    padding: 12px;
    font-size: 16px;
    line-height: 22px;
}

.about-form__actions[b-3w9lvs3et5] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.about-form__actions[b-3w9lvs3et5]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 18px;
}

.about-form[b-3w9lvs3et5]  .section-divider {
    margin-top: 8px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyCasesList.razor.rz.scp.css */
.form-section[b-dki98r4wmy] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
}

.form-section__header[b-dki98r4wmy] {
    margin-bottom: 16px;
}

.form-section__title[b-dki98r4wmy] {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    margin: 0;
}

.cases-grid[b-dki98r4wmy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyConditionsForm.razor.rz.scp.css */
.about-form[b-9ze1vdpv4w] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-form__field[b-9ze1vdpv4w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-form__label[b-9ze1vdpv4w] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

.about-form__control[b-9ze1vdpv4w] {
    width: 100%;
}

.about-form[b-9ze1vdpv4w]  .about-form__control,
.about-form[b-9ze1vdpv4w]  .about-form__control .ant-select-selector {
    border-radius: 12px !important;
    min-height: 48px;
}

.about-form[b-9ze1vdpv4w]  .about-form__control .ant-select-selector {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.about-form[b-9ze1vdpv4w]  .about-form__control .ant-select-selection-item,
.about-form[b-9ze1vdpv4w]  .about-form__control .ant-select-selection-placeholder {
    font-size: 16px !important;
    line-height: 22px !important;
}

.about-form[b-9ze1vdpv4w]  .about-form__textarea {
    border-radius: 12px !important;
    min-height: 96px;
    padding: 12px;
    font-size: 16px;
    line-height: 22px;
}

.about-form__actions[b-9ze1vdpv4w] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.about-form__actions[b-9ze1vdpv4w]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 18px;
}

.about-form[b-9ze1vdpv4w]  .section-divider {
    margin-top: 8px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyDashboardTitleBar.razor.rz.scp.css */
.title-bar[b-5siuhc36y7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 46px;
    width: 100%;
}

.title-bar__heading[b-5siuhc36y7] {
    font-size: 32px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.25;
}

.title-bar__actions[b-5siuhc36y7] {
    display: flex;
    gap: 12px;
}

.title-bar__actions[b-5siuhc36y7]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.title-bar__actions[b-5siuhc36y7]  .ant-btn:hover {
    transform: translateY(-1px);
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyLegalForm.razor.rz.scp.css */
.about-form[b-y1hubknj54] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-form__field[b-y1hubknj54] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-form__label[b-y1hubknj54] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

.about-form__control[b-y1hubknj54] {
    width: 100%;
}

.about-form[b-y1hubknj54]  .about-form__control,
.about-form[b-y1hubknj54]  .about-form__control.ant-input {
    border-radius: 12px !important;
    min-height: 48px;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 11px;
}

.about-form[b-y1hubknj54]  .about-form__textarea {
    border-radius: 12px !important;
    min-height: 96px;
    padding: 12px;
    font-size: 16px;
    line-height: 22px;
}

.about-form__actions[b-y1hubknj54] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.about-form__actions[b-y1hubknj54]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 18px;
}

.about-form[b-y1hubknj54]  .section-divider {
    margin-top: 8px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyMetricsSection.razor.rz.scp.css */
.metrics-section[b-xndrdrwe4m] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 24px;
}

.metrics-section__title[b-xndrdrwe4m] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    padding: 24px 0 16px;
}

.metrics-grid[b-xndrdrwe4m] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.metric-card[b-xndrdrwe4m] {
    position: relative;
    height: 202px;
    min-height: 202px;
    border: none;
    border-radius: 12px;
    padding: 24px;
    background: #10239E;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.metric-card[b-xndrdrwe4m]::before,
.metric-card[b-xndrdrwe4m]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: none;
    opacity: 1;
    right: auto;
    bottom: auto;
}

.metric-card[b-xndrdrwe4m]::before {
    left: 24px;
    top: 24px;
    width: 373px;
    height: 42px;
    background-image: url('/images/metric-card-pattern-top.svg');
}

.metric-card[b-xndrdrwe4m]::after {
    left: 24px;
    top: 146px;
    width: 382px;
    height: 32px;
    background-image: url('/images/metric-card-pattern-bottom.svg');
    transform: scaleY(-1) rotate(180deg);
    transform-origin: center;
}

.metric-card:hover[b-xndrdrwe4m] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px var(--color-primary-shadow);
}

.metric-card__value[b-xndrdrwe4m] {
    position: relative;
    z-index: 1;
    font-size: 56px;
    font-weight: 500;
    color: #fff;
    line-height: 46px;
    letter-spacing: -0.02em;
}

.metric-card__label[b-xndrdrwe4m] {
    position: relative;
    z-index: 1;
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
}

@media (max-width: 1024px) {
    .metrics-section[b-xndrdrwe4m] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .metrics-grid[b-xndrdrwe4m] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-xndrdrwe4m] {
        height: auto;
        min-height: 202px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyPartnerCard.razor.rz.scp.css */
.partner-card[b-3qsg3oxwxb] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.15s;
}

.partner-card:hover[b-3qsg3oxwxb] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.partner-card__header[b-3qsg3oxwxb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.partner-card__university[b-3qsg3oxwxb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.partner-card__name[b-3qsg3oxwxb] {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0,0,0,0.85);
}

.partner-card__status[b-3qsg3oxwxb] {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 999px;
}

.partner-card__status--active[b-3qsg3oxwxb] {
    background: #F6FFED;
    color: #52C41A;
    border: 1px solid #B7EB8F;
}

.partner-card__status--pending[b-3qsg3oxwxb] {
    background: #FFFBE6;
    color: #FAAD14;
    border: 1px solid #FFE58F;
}

.partner-card__status--ended[b-3qsg3oxwxb] {
    background: #FFF1F0;
    color: #F5222D;
    border: 1px solid #FFA39E;
}

.partner-card__status--default[b-3qsg3oxwxb] {
    background: #F9FAFB;
    color: #9CA3AF;
    border: 1px solid #E5E7EB;
}

.partner-card__body[b-3qsg3oxwxb] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.partner-card__info[b-3qsg3oxwxb] {
    font-size: 14px;
    color: rgba(0,0,0,0.85);
}

.partner-card__label[b-3qsg3oxwxb] {
    color: #6B7280;
    margin-right: 4px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyPartnersList.razor.rz.scp.css */
.form-section[b-cyme72eg4x] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
}

.form-section__header[b-cyme72eg4x] {
    margin-bottom: 16px;
}

.form-section__title[b-cyme72eg4x] {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    margin: 0 0 4px;
}

.form-section__desc[b-cyme72eg4x] {
    font-size: 14px;
    color: #6B7280;
    margin: 0;
}

.partners-grid[b-cyme72eg4x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyProfileCompletionBanner.razor.rz.scp.css */
.completion-section[b-iqnj2jgoip] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 20px;
}

.completion-section__head[b-iqnj2jgoip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 40px 0 24px;
    flex-wrap: wrap;
}

.completion-section__title[b-iqnj2jgoip] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
}

.questionnaire-status[b-iqnj2jgoip] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 12px;
    padding: 1px 8px;
}

.questionnaire-status--published[b-iqnj2jgoip] {
    color: #52C41A;
    background: #f6ffed;
    border: 1px solid #b7eb8f;
}

.questionnaire-status--published[b-iqnj2jgoip]  .anticon {
    font-size: 12px;
    color: #52C41A;
}

.questionnaire-status--unpublished[b-iqnj2jgoip] {
    color: rgba(0, 0, 0, 0.85);
    background: #fafafa;
    border: 1px solid #d9d9d9;
}

.questionnaire-status--unpublished[b-iqnj2jgoip]  .anticon {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
}

.completion-card[b-iqnj2jgoip] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 24px 20px;
    background: #F8FAFC;
}

.completion-card--filled[b-iqnj2jgoip] {
    border-color: transparent;
    background: #F0F5FF;
}

.completion-card__row[b-iqnj2jgoip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #374151;
}

.completion-card__percent[b-iqnj2jgoip] {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.completion-card__percent--low[b-iqnj2jgoip] {
    color: #F5222D;
}

.completion-card__percent--muted[b-iqnj2jgoip] {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
}

.completion-card--filled .completion-card__row[b-iqnj2jgoip] {
    color: rgba(0, 0, 0, 0.45);
}

.completion-progress[b-iqnj2jgoip] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 22px;
}

.completion-progress__track[b-iqnj2jgoip] {
    flex: 1;
    height: 8px;
    border-radius: 100px;
    background: #fff;
    overflow: hidden;
}

.completion-progress__fill[b-iqnj2jgoip] {
    height: 100%;
    border-radius: 100px;
    min-width: 0;
    transition: width 0.3s ease;
}

.completion-progress--success .completion-progress__fill[b-iqnj2jgoip] {
    background: #52C41A;
}

.completion-progress--error .completion-progress__track[b-iqnj2jgoip] {
    background: #fff;
}

.completion-progress--error .completion-progress__fill[b-iqnj2jgoip] {
    background: #F5222D;
}

.completion-progress__badge[b-iqnj2jgoip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.completion-progress__badge--success[b-iqnj2jgoip] {
    background: #52C41A;
}

.completion-progress__badge--error[b-iqnj2jgoip] {
    background: #F5222D;
}

.completion-progress__badge[b-iqnj2jgoip]  .anticon {
    font-size: 10px;
    color: #fff;
    line-height: 1;
}

.completion-card__action[b-iqnj2jgoip] {
    margin-top: 14px;
}

.completion-card__action[b-iqnj2jgoip]  .ant-btn {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyProfileNav.razor.rz.scp.css */
.sidebar-section[b-gdne0pb9zo] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.sidebar-section--nav[b-gdne0pb9zo] {
    overflow: visible;
}

.sidebar-section__title[b-gdne0pb9zo] {
    padding: 24px 40px 0;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 28px;
}

.sidebar-section--nav .sidebar-section__title[b-gdne0pb9zo] {
    padding-bottom: 0;
}

.profile-nav[b-gdne0pb9zo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 0 16px;
}

.profile-nav__item[b-gdne0pb9zo],
.profile-nav[b-gdne0pb9zo]  a.profile-nav__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    box-sizing: border-box;
}

.profile-nav__item:hover[b-gdne0pb9zo],
.profile-nav[b-gdne0pb9zo]  a.profile-nav__item:hover {
    background: #F9FAFB;
    color: var(--color-primary);
}

.profile-nav__item--active[b-gdne0pb9zo],
.profile-nav[b-gdne0pb9zo]  a.profile-nav__item--active {
    color: #10239e;
    font-weight: 500;
    background: #f0f5ff;
    border-right: 3px solid #10239e;
}

.profile-nav__item--active[b-gdne0pb9zo]::after,
.profile-nav[b-gdne0pb9zo]  a.profile-nav__item--active::after {
    display: none;
}

.profile-nav__item--toggle[b-gdne0pb9zo] {
    justify-content: space-between;
}

.profile-nav__item--toggle[b-gdne0pb9zo]  .anticon {
    font-size: 12px;
    color: #9CA3AF;
}

.profile-nav[b-gdne0pb9zo]  a.profile-nav__sub {
    position: relative;
    display: block;
    padding: 8px 40px 8px 56px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    box-sizing: border-box;
}

.profile-nav[b-gdne0pb9zo]  a.profile-nav__sub:hover {
    background: #F9FAFB;
    color: var(--color-primary);
}

.profile-nav[b-gdne0pb9zo]  a.profile-nav__sub--active {
    color: #10239e;
    font-weight: 500;
    background: #f0f5ff;
    border-right: 3px solid #10239e;
}

.profile-nav[b-gdne0pb9zo]  a.profile-nav__sub--active:hover {
    color: #10239e;
    background: #f0f5ff;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanyProfileSummaryCard.razor.rz.scp.css */
.profile-card[b-186q0h0zu1] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.profile-card__cover[b-186q0h0zu1] {
    height: 130px;
    background: #D6E4FF;
    border-radius: 12px 12px 0 0;
}

.profile-card__body[b-186q0h0zu1] {
    display: flex;
    gap: 20px;
    padding: 0 40px 24px;
}

.profile-card__avatar-wrap[b-186q0h0zu1] {
    margin-top: -40px;
    flex-shrink: 0;
}

.profile-card__avatar[b-186q0h0zu1] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.profile-card__avatar-img[b-186q0h0zu1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-card__avatar-placeholder[b-186q0h0zu1] {
    font-size: 32px;
    color: #9CA3AF;
}

.profile-card__info[b-186q0h0zu1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
}

.profile-card__name-row[b-186q0h0zu1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.profile-card__name[b-186q0h0zu1] {
    font-size: 24px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.3;
}

.profile-card__description[b-186q0h0zu1] {
    font-size: 16px;
    color: #4B5563;
    margin: 0;
    line-height: 1.5;
}

.profile-meta-grid[b-186q0h0zu1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.profile-meta-tag[b-186q0h0zu1] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    background: #F3F4F6;
    border-radius: 999px;
    font-size: 13px;
    color: #6B7280;
}

.profile-mode-badge[b-186q0h0zu1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
}

.profile-mode-badge--approved[b-186q0h0zu1] {
    background: #F6FFED;
    border-color: #B7EB8F;
    color: #52C41A;
}

.profile-mode-badge--pending[b-186q0h0zu1] {
    background: #FFFBE6;
    border-color: #FFE58F;
    color: #FAAD14;
}

.profile-mode-badge--rejected[b-186q0h0zu1] {
    background: #FFF1F0;
    border-color: #FFA39E;
    color: #F5222D;
}

.profile-mode-badge--default[b-186q0h0zu1] {
    background: #F9FAFB;
    border-color: #E5E7EB;
    color: #9CA3AF;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanySidebarActions.razor.rz.scp.css */
.sidebar-actions[b-2w2xo29dxl] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-action-card[b-2w2xo29dxl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 24px;
    background: #fff;
    border: 2px solid #F0F5FF;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
}

.sidebar-action-card:hover[b-2w2xo29dxl] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.sidebar-action-card[b-2w2xo29dxl]  .anticon {
    flex-shrink: 0;
    font-size: 16px;
    color: #10239E;
}
/* _content/NationalTalentEcosystemMVP/Pages/CompanyPages/Components/CompanySpheresForm.razor.rz.scp.css */
.about-form[b-twn6qtvv0d] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-form__desc[b-twn6qtvv0d] {
    font-size: 14px;
    color: #6B7280;
    margin: -16px 0 0;
}

.about-form__field[b-twn6qtvv0d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-form__label[b-twn6qtvv0d] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
}

.about-form__label--required[b-twn6qtvv0d]::before {
    content: "* ";
    color: #ff4d4f;
}

.about-form__control[b-twn6qtvv0d] {
    width: 100%;
}

.about-form[b-twn6qtvv0d]  .about-form__control,
.about-form[b-twn6qtvv0d]  .about-form__control .ant-select-selector {
    border-radius: 12px !important;
    min-height: 48px;
}

.about-form[b-twn6qtvv0d]  .about-form__control .ant-select-selector {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.about-form[b-twn6qtvv0d]  .about-form__control .ant-select-selection-item,
.about-form[b-twn6qtvv0d]  .about-form__control .ant-select-selection-placeholder {
    font-size: 16px !important;
    line-height: 22px !important;
}

.about-form__actions[b-twn6qtvv0d] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.about-form__actions[b-twn6qtvv0d]  .ant-btn {
    height: 34px;
    border-radius: 999px;
    padding: 0 18px;
}

.about-form[b-twn6qtvv0d]  .section-divider {
    margin-top: 8px;
}
/* _content/NationalTalentEcosystemMVP/Pages/Index.razor.rz.scp.css */
/* ===== Animations ===== */
@keyframes fadeIn-b-yvj4htcib4 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-yvj4htcib4 {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpSmall-b-yvj4htcib4 {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== Hero section ===== */
.hero-section[b-yvj4htcib4] {
    text-align: center;
    padding: 60px 32px 40px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    animation: fadeIn-b-yvj4htcib4 0.5s ease-out;
    user-select: none;
}

.hero-title[b-yvj4htcib4] {
    font-size: 42px;
    font-weight: 800;
    margin: 0 auto 14px;
    color: #111827;
    line-height: 1.15;
    letter-spacing: -0.5px;
    max-width: 600px;
    animation: slideUp-b-yvj4htcib4 0.6s ease-out both;
}

.hero-accent[b-yvj4htcib4] {
    color: var(--color-primary);
}

.hero-subtitle[b-yvj4htcib4] {
    font-size: 17px;
    color: #6B7280;
    margin: 0 auto 36px;
    max-width: 520px;
    line-height: 1.6;
    animation: slideUp-b-yvj4htcib4 0.6s ease-out 0.15s both;
}

/* ===== Quick search ===== */
.search-filters-row[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.2fr auto;
    gap: 12px;
    align-items: end;
    margin: 0 auto;
    max-width: 800px;
    animation: slideUp-b-yvj4htcib4 0.5s ease-out 0.3s both;
}

[b-yvj4htcib4] .search-filters-row .ant-cascader-picker {
    width: 100%;
}

/* Focus micro-animation */
[b-yvj4htcib4] .search-filters-row .ant-select-focused .ant-select-selector,
[b-yvj4htcib4] .search-filters-row .ant-cascader-picker-focused {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12) !important;
    transform: scale(1.02);
    transition: all 0.2s ease;
}

[b-yvj4htcib4] .search-filters-row .ant-select-selector,
[b-yvj4htcib4] .search-filters-row .ant-cascader-picker {
    transition: all 0.2s ease;
}


/* ===== Trust line ===== */
.hero-trust[b-yvj4htcib4] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.hero-trust-item[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
    animation: slideUpSmall-b-yvj4htcib4 0.4s ease-out both;
    transition: transform 0.2s ease, color 0.2s ease;
    cursor: default;
}

.hero-trust-item:hover[b-yvj4htcib4] {
    transform: scale(1.06);
    color: #374151;
}

.hero-trust-item:nth-child(1)[b-yvj4htcib4] { animation-delay: 0.5s; }
.hero-trust-item:nth-child(3)[b-yvj4htcib4] { animation-delay: 0.65s; }
.hero-trust-item:nth-child(5)[b-yvj4htcib4] { animation-delay: 0.8s; }

[b-yvj4htcib4] .hero-trust-item .anticon {
    font-size: 18px;
    color: var(--color-primary);
}

.hero-trust-divider[b-yvj4htcib4] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D1D5DB;
    animation: fadeIn-b-yvj4htcib4 0.3s ease-out 0.7s both;
}

.search-filter-item[b-yvj4htcib4] {
    min-width: 0;
}

/* ===== Section header ===== */
.section-header[b-yvj4htcib4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-header-text[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    transition: transform 0.2s ease;
}

.section-title[b-yvj4htcib4] {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0;
    position: relative;
    padding-left: 14px;
    animation: slideUp-b-yvj4htcib4 0.5s ease-out both;
}

.section-title[b-yvj4htcib4]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    border-radius: 2px;
    background: var(--color-primary);
}

.section-subtitle[b-yvj4htcib4] {
    font-size: 14px;
    color: #9CA3AF;
    margin: 0;
    padding-left: 14px;
    animation: slideUp-b-yvj4htcib4 0.5s ease-out 0.1s both;
}

.section-header:hover .section-header-text[b-yvj4htcib4] {
    transform: translateY(-2px);
}

.section-pill-btn[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border-radius: 20px;
    border: none;
    background: #FFFFFF;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.2s;
    white-space: nowrap;
}

.section-pill-btn:hover[b-yvj4htcib4] {
    background: var(--color-primary-bg);
    color: var(--color-primary-hover);
    transform: translateY(-1px);
}

/* ===== Section with action button ===== */
.section-with-action[b-yvj4htcib4] {
    position: relative;
}

.section-action-btn[b-yvj4htcib4] {
    position: absolute;
    top: 0;
    right: 0;
}

/* ===== Industries ===== */
.industries-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.industry-card-inner[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.industry-icon-circle[b-yvj4htcib4] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
    font-size: 22px;
    transition: transform 0.25s ease;
}

[b-yvj4htcib4] .industry-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    animation: slideUpSmall-b-yvj4htcib4 0.4s ease-out both;
}

[b-yvj4htcib4] .industry-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[b-yvj4htcib4] .industry-card:hover .industry-icon-circle {
    transform: scale(1.1);
}

.industry-name[b-yvj4htcib4] {
    font-size: 15px;
    font-weight: 600;
    color: #1F2937;
    line-height: 1.3;
}

.industry-desc[b-yvj4htcib4] {
    font-size: 13px;
    color: #9CA3AF;
    line-height: 1.3;
    margin-top: 2px;
}

/* ===== Posting cards ===== */
.postings-grid[b-yvj4htcib4] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}

[b-yvj4htcib4] .posting-card-wrapper .clickable-card {
    animation: slideUpSmall-b-yvj4htcib4 0.4s ease-out both;
}

/* ===== Empty section ===== */
.empty-section[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 48px 16px;
    text-align: center;
    font-size: 15px;
    color: #9CA3AF;
}

[b-yvj4htcib4] .empty-section .anticon {
    font-size: 36px;
    color: #D1D5DB;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .hero-section[b-yvj4htcib4] {
        padding: 36px 16px 28px;
    }

    .hero-title[b-yvj4htcib4] {
        font-size: 28px;
    }

    .search-filters-row[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .search-filter-button[b-yvj4htcib4] {
        margin-top: 8px;
    }

    .hero-trust[b-yvj4htcib4] {
        gap: 12px;
    }

    .hero-trust-divider[b-yvj4htcib4] {
        display: none;
    }

    .industries-grid[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .postings-grid[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .search-filter-item[b-yvj4htcib4] {
        min-width: 100%;
    }

    .section-header[b-yvj4htcib4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 16px;
    }

    .industry-desc[b-yvj4htcib4] {
        margin-top: 6px;
    }

    .section-with-action[b-yvj4htcib4] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section-with-action > .section-header[b-yvj4htcib4],
    .section-with-action > .industries-grid[b-yvj4htcib4],
    .section-with-action > .postings-grid[b-yvj4htcib4],
    .section-with-action > .empty-section[b-yvj4htcib4],
    .section-with-action > .ant-alert[b-yvj4htcib4] {
        width: 100%;
    }

    .section-action-btn[b-yvj4htcib4] {
        position: static;
        margin-top: 16px;
    }

    /* Disable hover on touch */
    [b-yvj4htcib4] .industry-card:hover {
        transform: none;
        box-shadow: none;
        border-color: #E5E7EB;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .industries-grid[b-yvj4htcib4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .postings-grid[b-yvj4htcib4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *[b-yvj4htcib4], [b-yvj4htcib4] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* Figma home rebuild */
.home-page[b-yvj4htcib4],
.home-footer[b-yvj4htcib4] {
    --home-blue: var(--color-primary);
    --home-blue-hover: var(--color-primary-hover);
    --home-blue-soft: var(--color-primary-bg);
    --home-blue-border: var(--color-primary-border);
    --home-text: rgba(0, 0, 0, 0.85);
    --home-muted: rgba(0, 0, 0, 0.45);
    --home-bg-soft: #f5f5f5;
    color: var(--home-text);
    font-family: Onest, Roboto, Arial, sans-serif;
}

[b-yvj4htcib4] .ant-pro-basicLayout-content {
    margin: 16px;
}

.home-page[b-yvj4htcib4] {
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
}

.home-section[b-yvj4htcib4] {
    padding: 64px;
}

.section-title[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
}

.primary-pill[b-yvj4htcib4],
.outline-pill[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.primary-pill[b-yvj4htcib4] {
    background: var(--home-blue);
    color: #fff;
}

.primary-pill:hover[b-yvj4htcib4] {
    background: var(--home-blue-hover);
    color: #fff;
    transform: translateY(-1px);
}

.outline-pill[b-yvj4htcib4] {
    background: #fff;
    border-color: var(--home-blue);
    color: var(--home-blue);
}

.outline-pill:hover[b-yvj4htcib4] {
    background: var(--home-blue-soft);
}

.home-hero[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 576px);
    align-items: center;
    gap: 56px;
    min-height: 708px;
    padding: 64px 64px 52px;
}

.hero-copy[b-yvj4htcib4] {
    max-width: 650px;
}

.hero-title[b-yvj4htcib4] {
    margin: 0 0 24px;
    color: var(--home-blue);
    font-size: 72px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: 0;
}

.hero-text[b-yvj4htcib4] {
    max-width: 621px;
    margin: 0 0 32px;
    color: var(--home-text);
    font-size: 24px;
    line-height: 32px;
}

.hero-actions[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-art[b-yvj4htcib4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 520px;
}

.hero-art__image[b-yvj4htcib4] {
    width: min(100%, 576px);
    height: auto;
}

.hero-vector[b-yvj4htcib4] {
    position: absolute;
    pointer-events: none;
}

.hero-vector--left[b-yvj4htcib4] {
    left: -18px;
    top: 88px;
    width: 80px;
}

.hero-vector--right[b-yvj4htcib4] {
    right: 12px;
    top: 70px;
    width: 92px;
}

.about-section[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
    gap: 48px;
    background: var(--home-bg-soft);
}

.about-copy[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 620px;
}

.about-text[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 20px;
    line-height: 28px;
}

.about-button[b-yvj4htcib4] {
    width: fit-content;
    margin-top: 8px;
}

.about-cards[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.soft-card[b-yvj4htcib4] {
    padding: 16px 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
}

.soft-card__title[b-yvj4htcib4] {
    margin: 0 0 8px;
    color: var(--home-blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.soft-card__text[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 16px;
    line-height: 24px;
}

.about-illustration[b-yvj4htcib4] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.about-illustration img[b-yvj4htcib4] {
    width: min(100%, 460px);
    height: auto;
}

.opportunities-section[b-yvj4htcib4] {
    display: grid;
    gap: 32px;
}

.metric-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-yvj4htcib4] {
    min-height: 136px;
    padding: 24px;
    border-radius: 4px;
    background: var(--home-blue);
    color: #fff;
}

.metric-card__value[b-yvj4htcib4] {
    display: block;
    margin-bottom: 8px;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.1;
}

.metric-card__label[b-yvj4htcib4] {
    display: block;
    font-size: 18px;
    line-height: 26px;
}

.metric-card__line[b-yvj4htcib4] {
    display: block;
}

.opportunities-layout[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.opportunities-menu[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.opportunity-menu-item[b-yvj4htcib4] {
    min-height: 56px;
    padding: 14px 18px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #fff;
    color: var(--home-text);
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

.opportunity-menu-item.is-active[b-yvj4htcib4] {
    border-color: var(--home-blue);
    background: var(--home-blue-soft);
    color: var(--home-blue);
    font-weight: 700;
}

.opportunity-details[b-yvj4htcib4] {
    min-height: 312px;
    padding: 32px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #fff;
}

.opportunity-details__title[b-yvj4htcib4] {
    margin: 0 0 16px;
    color: var(--home-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.opportunity-details__text[b-yvj4htcib4] {
    margin: 0 0 16px;
    color: var(--home-text);
    font-size: 18px;
    line-height: 28px;
}

.opportunity-details .primary-pill[b-yvj4htcib4] {
    margin-top: 12px;
}

.vacancies-section[b-yvj4htcib4] {
    display: grid;
    gap: 24px;
    background: var(--home-bg-soft);
}

.vacancy-tabs[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vacancy-tab[b-yvj4htcib4] {
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    color: var(--home-text);
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

.vacancy-tab.is-active[b-yvj4htcib4] {
    border-color: var(--home-blue);
    color: var(--home-blue);
}

.vacancy-tab__count[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 27px;
    min-height: 22px;
    margin-left: 8px;
    padding: 0 7px;
    border-radius: 11px;
    background: var(--home-blue);
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.vacancy-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vacancy-card[b-yvj4htcib4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    min-height: 120px;
    padding: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #fff;
    color: var(--home-text);
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease;
}

.vacancy-card:hover[b-yvj4htcib4] {
    border-color: var(--home-blue);
    color: var(--home-text);
    transform: translateY(-2px);
}

.vacancy-card__label[b-yvj4htcib4] {
    max-width: 260px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.vacancy-card__icon[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--home-blue-soft);
    color: var(--home-blue);
}

.vacancy-card--all[b-yvj4htcib4] {
    background: var(--home-blue);
    color: #fff;
}

.vacancy-card--all:hover[b-yvj4htcib4] {
    color: #fff;
}

.vacancy-card--all .vacancy-card__icon[b-yvj4htcib4] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.companies-section[b-yvj4htcib4] {
    display: grid;
    gap: 24px;
}

.company-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.company-card[b-yvj4htcib4] {
    display: grid;
    gap: 16px;
    min-height: 342px;
    padding: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #fff;
}

.company-card__top[b-yvj4htcib4] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.company-card__title[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-blue);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.company-rating[b-yvj4htcib4] {
    display: grid;
    gap: 2px;
    min-width: 80px;
    text-align: right;
}

.company-rating__score[b-yvj4htcib4] {
    color: var(--home-text);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.company-rating__reviews[b-yvj4htcib4] {
    color: var(--home-muted);
    font-size: 14px;
    line-height: 22px;
}

.company-card__text[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 16px;
    line-height: 24px;
}

.company-tags[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.company-tag[b-yvj4htcib4] {
    padding: 4px 10px;
    border-radius: 12px;
    background: var(--home-blue-soft);
    color: var(--home-blue);
    font-size: 14px;
    line-height: 20px;
}

.company-actions[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-self: end;
}

.faq-section[b-yvj4htcib4] {
    display: grid;
    gap: 24px;
    background: var(--home-bg-soft);
}

.faq-search[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(100%, 620px);
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    color: var(--home-muted);
}

.faq-search input[b-yvj4htcib4] {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--home-text);
    font-size: 16px;
    line-height: 24px;
}

.faq-search input[b-yvj4htcib4]::placeholder {
    color: var(--home-muted);
}

.faq-list[b-yvj4htcib4] {
    display: grid;
    gap: 8px;
}

.faq-item[b-yvj4htcib4] {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #fff;
}

.faq-item.is-open[b-yvj4htcib4] {
    border-color: var(--home-blue-border);
}

.faq-question[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 64px;
    padding: 18px 20px;
    border: 0;
    background: transparent;
    color: var(--home-text);
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
}

.faq-answer[b-yvj4htcib4] {
    margin: -4px 20px 20px;
    color: var(--home-text);
    font-size: 16px;
    line-height: 24px;
}

.home-footer[b-yvj4htcib4] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 64px;
    background: var(--home-blue);
    color: #fff;
}

.home-footer__inner[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 32px;
}

.footer-brand[b-yvj4htcib4] {
    display: grid;
    gap: 20px;
    align-content: start;
}

.footer-logo[b-yvj4htcib4] {
    width: 168px;
    max-width: 100%;
    filter: brightness(0) invert(1);
}

.footer-partners[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.footer-partners img[b-yvj4htcib4] {
    max-width: 144px;
    max-height: 48px;
    filter: brightness(0) invert(1);
}

.footer-copy[b-yvj4htcib4] {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    line-height: 22px;
}

.footer-column[b-yvj4htcib4] {
    display: grid;
    gap: 10px;
    align-content: start;
}

.footer-column__title[b-yvj4htcib4] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.footer-column a[b-yvj4htcib4] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}

.footer-column a:hover[b-yvj4htcib4] {
    color: #fff;
}

@media (max-width: 1180px) {
    .home-section[b-yvj4htcib4],
    .home-hero[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home-hero[b-yvj4htcib4] {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
        gap: 32px;
    }

    .hero-title[b-yvj4htcib4] {
        font-size: 56px;
        line-height: 1.14;
    }

    .hero-text[b-yvj4htcib4] {
        font-size: 21px;
        line-height: 30px;
    }
}

@media (max-width: 900px) {
    .home-section[b-yvj4htcib4],
    .home-hero[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding: 40px 24px;
    }

    .home-hero[b-yvj4htcib4],
    .about-section[b-yvj4htcib4],
    .opportunities-layout[b-yvj4htcib4],
    .home-footer__inner[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .home-hero[b-yvj4htcib4] {
        min-height: auto;
        padding-top: 48px;
    }

    .hero-art[b-yvj4htcib4] {
        min-height: auto;
        order: -1;
    }

    .hero-art__image[b-yvj4htcib4] {
        width: min(100%, 420px);
    }

    .hero-vector[b-yvj4htcib4] {
        display: none;
    }

    .metric-grid[b-yvj4htcib4],
    .vacancy-grid[b-yvj4htcib4],
    .company-grid[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        padding-inline: 0;
    }

    .opportunities-layout[b-yvj4htcib4] {
        gap: 16px;
    }
}

/* User requested polish */
.home-hero[b-yvj4htcib4] {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.section-title[b-yvj4htcib4]::before {
    content: none !important;
}

.section-title[b-yvj4htcib4] {
    display: block;
}

/* Interactive pass: opportunities tabs, companies carousel, compact rhythm */
.home-shell[b-yvj4htcib4] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.home-hero[b-yvj4htcib4] {
    min-height: 560px;
    padding-top: 36px;
    grid-template-columns: minmax(0, 1fr) 620px;
}

.hero-title[b-yvj4htcib4] {
    max-width: 820px;
    white-space: nowrap;
    font-size: 38px;
    line-height: 1.18;
}

.hero-text[b-yvj4htcib4] {
    font-weight: 500;
}

.hero-art__image[b-yvj4htcib4] {
    width: min(100%, 610px);
}

.home-panel[b-yvj4htcib4] {
    margin-top: 76px;
    padding: 58px 64px 64px;
}

.career-section[b-yvj4htcib4] {
    grid-template-columns: minmax(0, 0.92fr) 220px minmax(390px, 0.9fr);
    gap: 34px;
    min-height: 500px;
}

.career-lead[b-yvj4htcib4],
.career-text[b-yvj4htcib4],
.soft-card p[b-yvj4htcib4],
.opportunity-details__text[b-yvj4htcib4],
.company-card__text[b-yvj4htcib4] {
    font-weight: 500;
}

.career-text[b-yvj4htcib4] {
    margin-top: 58px;
}

.career-illustration img[b-yvj4htcib4] {
    width: 216px;
}

.soft-card[b-yvj4htcib4] {
    padding: 24px 28px;
}

.opportunities-section[b-yvj4htcib4] {
    margin-top: 72px;
}

.metric-card[b-yvj4htcib4] {
    min-height: 136px;
}

.metric-card[b-yvj4htcib4]::before,
.metric-card[b-yvj4htcib4]::after {
    left: 112px;
    background-size: 92px auto;
    opacity: 0.28;
}

.opportunities-layout[b-yvj4htcib4] {
    grid-template-columns: 380px minmax(0, 1fr);
}

.opportunity-menu-item[b-yvj4htcib4] {
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.opportunity-menu-item:hover[b-yvj4htcib4],
.opportunity-menu-item:focus-visible[b-yvj4htcib4] {
    border-color: var(--home-blue);
    background: var(--home-blue-soft);
}

.opportunity-menu-item.is-active[b-yvj4htcib4] {
    border-color: transparent;
    background: var(--home-blue-soft);
    transform: translateX(2px);
}

.opportunity-details[b-yvj4htcib4] {
    min-height: 312px;
    padding: 32px 36px;
}

.opportunity-details__top .primary-pill[b-yvj4htcib4] {
    min-width: 136px;
    min-height: 42px;
    font-size: 16px;
    line-height: 24px;
}

.vacancies-section[b-yvj4htcib4] {
    margin-top: 78px;
}

.section-row[b-yvj4htcib4] {
    align-items: flex-end;
}

.vacancy-tabs[b-yvj4htcib4] {
    gap: 22px;
}

.vacancy-card[b-yvj4htcib4] {
    min-height: 120px;
    padding: 22px 24px;
}

.vacancy-card__icon-left[b-yvj4htcib4] {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: var(--home-blue);
}

.vacancy-card__body small[b-yvj4htcib4] {
    font-weight: 500;
}

.companies-section[b-yvj4htcib4] {
    margin-top: 92px;
}

.company-grid[b-yvj4htcib4] {
    transition: opacity 0.18s ease;
}

.company-card[b-yvj4htcib4] {
    min-height: 240px;
    padding: 24px;
}

.company-stars span[b-yvj4htcib4] {
    font-size: 14px;
}

.company-tag[b-yvj4htcib4] {
    padding: 2px 8px;
    font-size: 11px;
}

.company-actions[b-yvj4htcib4] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.companies-arrow[b-yvj4htcib4] {
    top: calc(50% + 24px);
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.companies-arrow:hover[b-yvj4htcib4] {
    background: var(--home-blue-hover);
    transform: translateY(calc(-50% - 1px));
}

.companies-arrow--prev[b-yvj4htcib4] {
    left: 12px;
}

.companies-arrow--next[b-yvj4htcib4] {
    right: 12px;
}

.faq-section[b-yvj4htcib4] {
    margin-top: 120px;
    padding-bottom: 92px;
}

.faq-question[b-yvj4htcib4] {
    min-height: 58px;
}

.faq-search button[b-yvj4htcib4] {
    width: 48px;
    height: 48px;
}

.home-footer__inner[b-yvj4htcib4] {
    padding-top: 42px;
    padding-bottom: 28px;
}

.footer-partners[b-yvj4htcib4] {
    align-self: end;
}

.footer-legal[b-yvj4htcib4] {
    margin-top: 22px;
}

@media (max-width: 1320px) {
    .home-shell[b-yvj4htcib4] {
        width: min(calc(100% - 80px), 1440px);
    }

    .home-hero[b-yvj4htcib4] {
        grid-template-columns: minmax(0, 1fr) minmax(460px, 560px);
    }

    .hero-title[b-yvj4htcib4] {
        white-space: normal;
    }
}

@media (max-width: 900px) {
    .home-shell[b-yvj4htcib4] {
        width: 100%;
    }

    .home-hero[b-yvj4htcib4],
    .career-section[b-yvj4htcib4],
    .opportunities-layout[b-yvj4htcib4],
    .section-row[b-yvj4htcib4],
    .home-footer__inner[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .hero-title[b-yvj4htcib4] {
        white-space: normal;
    }
}

@media (max-width: 560px) {
    .home-section[b-yvj4htcib4],
    .home-hero[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-title[b-yvj4htcib4] {
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
    }

    .hero-text[b-yvj4htcib4] {
        font-size: 20px;
        line-height: 30px;
    }

    .section-title[b-yvj4htcib4] {
        font-size: 26px;
        line-height: 34px;
    }

    .primary-pill[b-yvj4htcib4],
    .outline-pill[b-yvj4htcib4] {
        width: 100%;
    }

    .home-hero .primary-pill[b-yvj4htcib4] {
        width: auto;
        min-height: 40px;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 64px;
    }

    .career-cta .primary-pill[b-yvj4htcib4],
    .opportunity-details__top .primary-pill[b-yvj4htcib4] {
        width: auto;
        min-height: 40px;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .metric-card__value[b-yvj4htcib4] {
        font-size: 36px;
    }

    .company-card__top[b-yvj4htcib4],
    .company-actions[b-yvj4htcib4] {
        flex-direction: column;
        align-items: stretch;
    }

    .company-rating[b-yvj4htcib4] {
        text-align: left;
    }
}

/* Figma polish pass */
.home-page[b-yvj4htcib4] {
    width: 100%;
    max-width: none;
}

.home-footer[b-yvj4htcib4] {
    width: 100%;
    max-width: none;
}

.home-hero[b-yvj4htcib4] {
    min-height: 704px;
    padding: 80px 88px 56px;
    grid-template-columns: minmax(520px, 0.92fr) minmax(560px, 0.9fr);
}

.hero-title[b-yvj4htcib4] {
    max-width: 660px;
    font-size: 74px;
    line-height: 1.08;
}

.hero-text[b-yvj4htcib4] {
    max-width: 650px;
    font-size: 24px;
    line-height: 34px;
}

.hero-art[b-yvj4htcib4] {
    justify-content: flex-end;
}

.hero-art__image[b-yvj4htcib4] {
    width: min(100%, 640px);
}

.home-section[b-yvj4htcib4] {
    padding: 72px 88px;
}

.about-section[b-yvj4htcib4] {
    grid-template-columns: minmax(520px, 0.9fr) minmax(420px, 0.8fr);
    min-height: 700px;
    align-items: center;
}

.about-copy[b-yvj4htcib4] {
    max-width: 700px;
}

.about-illustration[b-yvj4htcib4] {
    justify-content: flex-end;
}

.about-illustration img[b-yvj4htcib4] {
    width: min(100%, 540px);
}

.metric-card[b-yvj4htcib4] {
    position: relative;
    overflow: hidden;
    min-height: 148px;
    padding: 28px 28px 24px;
}

.metric-card[b-yvj4htcib4]::before,
.metric-card[b-yvj4htcib4]::after {
    content: "";
    position: absolute;
    width: 86px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.55;
    pointer-events: none;
}

.metric-card[b-yvj4htcib4]::before {
    top: 12px;
    right: 22px;
    background-image: url("/assets/Vector%20rigth.svg");
    filter: brightness(0) invert(1);
}

.metric-card[b-yvj4htcib4]::after {
    left: 22px;
    bottom: 10px;
    background-image: url("/assets/Vector%20left.svg");
    filter: brightness(0) invert(1);
}

.metric-card__value[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    font-size: 48px;
}

.metric-card__label[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    max-width: 260px;
}

.opportunities-layout[b-yvj4htcib4] {
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 32px;
}

.opportunity-details[b-yvj4htcib4] {
    min-height: 340px;
    padding: 36px 40px;
}

.vacancies-section[b-yvj4htcib4],
.faq-section[b-yvj4htcib4] {
    padding-top: 72px;
    padding-bottom: 72px;
}

.vacancy-tabs[b-yvj4htcib4] {
    gap: 12px;
}

.vacancy-grid[b-yvj4htcib4] {
    gap: 18px;
}

.vacancy-card[b-yvj4htcib4] {
    min-height: 132px;
    padding: 24px;
}

.company-card[b-yvj4htcib4] {
    min-height: 328px;
    padding: 28px;
}

.faq-section > .primary-pill:last-child[b-yvj4htcib4] {
    justify-self: start;
    min-width: 128px;
    min-height: 46px;
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
    width: auto;
}

.home-footer[b-yvj4htcib4] {
    padding: 56px 88px;
}

.footer-partners img[b-yvj4htcib4] {
    filter: none;
}

@media (max-width: 1180px) {
    .home-hero[b-yvj4htcib4],
    .home-section[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding-left: 64px;
        padding-right: 64px;
    }

    .home-hero[b-yvj4htcib4] {
        grid-template-columns: minmax(0, 1fr) minmax(430px, 0.8fr);
    }
}

@media (max-width: 900px) {
    .home-hero[b-yvj4htcib4],
    .home-section[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .home-hero[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        padding-top: 48px;
    }

    .faq-section > .primary-pill:last-child[b-yvj4htcib4] {
        width: 100%;
    }
}

/* Final Figma alignment
   This is the authoritative home-page section.
   Earlier duplicated home-page rules above are legacy and get overridden here. */
.home-page[b-yvj4htcib4] {
    --home-blue: var(--color-primary);
    --home-blue-hover: var(--color-primary-hover);
    --home-blue-soft: #eef4ff;
    --home-page-bg: #edf0f4;
    --home-text: #2c2c34;
    --home-muted: #6f7480;
    background: var(--home-page-bg);
    color: var(--home-text);
    font-family: Onest, Roboto, Arial, sans-serif;
}

.home-page[b-yvj4htcib4],
.home-footer[b-yvj4htcib4],
.home-page *[b-yvj4htcib4],
.home-footer *[b-yvj4htcib4] {
    box-sizing: border-box;
}

.home-shell[b-yvj4htcib4],
.home-panel[b-yvj4htcib4],
.hero-copy[b-yvj4htcib4],
.hero-art[b-yvj4htcib4],
.career-section[b-yvj4htcib4],
.career-main[b-yvj4htcib4],
.career-bottom[b-yvj4htcib4],
.career-cards[b-yvj4htcib4],
.opportunities-layout[b-yvj4htcib4],
.opportunity-details[b-yvj4htcib4],
.section-row[b-yvj4htcib4],
.vacancy-grid[b-yvj4htcib4],
.company-grid[b-yvj4htcib4],
.companies-carousel[b-yvj4htcib4],
.site-footer__inner[b-yvj4htcib4],
.site-footer__main[b-yvj4htcib4],
.site-footer__content[b-yvj4htcib4] {
    min-width: 0;
}

.home-page img[b-yvj4htcib4],
.home-footer img[b-yvj4htcib4] {
    max-width: 100%;
}

.home-shell[b-yvj4htcib4] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.home-hero[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 760px;
    align-items: start;
    gap: 64px;
    min-height: 708px;
    padding: 64px 0 0 64px;
    background: #fff;
}

.hero-copy[b-yvj4htcib4] {
    align-self: center;
    max-width: 600px;
    padding-left: 0;
}

.hero-title[b-yvj4htcib4] {
    max-width: 760px;
    margin: 0 0 40px;
    color: var(--home-text);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.18;
}

.hero-title span[b-yvj4htcib4] {
    color: var(--home-blue);
}

.hero-text[b-yvj4htcib4] {
    width: 680px;
    margin: 0 0 24px;
    color: var(--home-text);
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
}

.hero-art[b-yvj4htcib4] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: end;
    justify-self: end;
    width: 100%;
    max-width: 760px;
    min-height: 708px;
}

.hero-art__image[b-yvj4htcib4] {
    width: 760px;
    max-width: 100%;
    height: auto;
    display: block;
}

.primary-pill[b-yvj4htcib4],
.outline-pill[b-yvj4htcib4] {
    min-height: 46px;
    padding: 6px 16px;
    border-radius: 23px;
    font-size: 20px;
    line-height: 28px;
}

.primary-pill--small[b-yvj4htcib4],
.outline-pill--small[b-yvj4htcib4] {
    min-height: 28px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 22px;
}

.home-panel[b-yvj4htcib4] {
    margin-top: 112px;
    padding: 64px;
    border-radius: 8px;
    background: #fff;
}

.section-title[b-yvj4htcib4] {
    margin: 0;
    padding: 0;
    color: var(--home-text);
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.section-title[b-yvj4htcib4]::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 30px;
    margin-right: 12px;
    border-radius: 3px;
    background: var(--home-blue);
    vertical-align: -6px;
}

.section-title span[b-yvj4htcib4] {
    color: var(--home-blue);
}

.career-section[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 614px;
    column-gap: 40px;
    width: 100%;
    margin: 0;
    height: 500px;
    overflow: hidden;
}

.career-main[b-yvj4htcib4] {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 40px;
    min-width: 0;
    height: 100%;
}

.career-copy[b-yvj4htcib4] {
    display: grid;
    align-content: start;
    gap: 16px;
    max-width: 560px;
}

.career-copy .section-title[b-yvj4htcib4],
.career-lead[b-yvj4htcib4] {
    max-width: 530px;
}

.career-copy .section-title[b-yvj4htcib4] {
    max-width: 560px;
}

.career-lead[b-yvj4htcib4],
.career-text[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.career-text[b-yvj4htcib4] {
    max-width: 400px;
    font-size: 20px;
    line-height: 28px;
}

.career-bottom[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 1fr 180px;
    column-gap: 32px;
    align-items: end;
    min-height: 0;
}

.career-cta[b-yvj4htcib4] {
    display: grid;
    gap: 20px;
    align-content: end;
}

.career-cta .primary-pill[b-yvj4htcib4] {
    justify-self: start;
}

.career-illustration[b-yvj4htcib4] {
    justify-self: end;
    align-self: end;
}

.career-illustration img[b-yvj4htcib4] {
    width: 180px;
    height: auto;
}

.career-cards[b-yvj4htcib4] {
    display: grid;
    width: 100%;
    gap: 16px;
    height: 100%;
    grid-template-rows: repeat(3, 1fr);
}

.soft-card[b-yvj4htcib4] {
    padding: 20px 24px;
    border: 0;
    border-radius: 8px;
    background: #f4f4f4;
    box-shadow: none;
    display: flex;
    align-items: center;
}

.soft-card p[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.soft-card[b-yvj4htcib4]  strong,
.soft-card[b-yvj4htcib4]  b {
    color: var(--color-primary);
    font-weight: 700;
}

.opportunities-section[b-yvj4htcib4],
.vacancies-section[b-yvj4htcib4],
.companies-section[b-yvj4htcib4] {
    padding: 0;
    background: transparent;
}

.opportunities-section[b-yvj4htcib4] {
    margin-top: 92px;
}

.metric-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.metric-card[b-yvj4htcib4] {
    position: relative;
    overflow: hidden;
    min-height: 126px;
    padding: 20px 24px;
    border-radius: 8px;
    background: var(--home-blue);
    color: #fff;
}

.metric-card[b-yvj4htcib4]::before,
.metric-card[b-yvj4htcib4]::after {
    content: none;
}

.metric-card__value[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    margin-bottom: 4px;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
}

.metric-card__label[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.opportunities-layout[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
    margin-top: 24px;
}

.opportunities-menu[b-yvj4htcib4] {
    display: grid;
    gap: 8px;
}

.opportunity-menu-item[b-yvj4htcib4] {
    min-height: 80px;
    padding: 24px 16px;
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    background: #fff;
    color: var(--home-blue);
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.opportunity-menu-item.is-active[b-yvj4htcib4] {
    border-color: transparent;
    background: var(--home-blue-soft);
}

.opportunity-details[b-yvj4htcib4] {
    height: 100%;
    min-height: 330px;
    padding: 32px;
    border: 0;
    border-radius: 8px;
    background: #f4f4f4;
    box-sizing: border-box;
}

.opportunity-details__top[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.opportunity-details__title[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-blue);
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.opportunity-details__text[b-yvj4htcib4] {
    margin: 0 0 18px;
    color: var(--home-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.vacancies-section[b-yvj4htcib4] {
    margin-top: 96px;
}

.section-row[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.vacancy-tabs[b-yvj4htcib4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
}

.vacancy-tab[b-yvj4htcib4] {
    min-height: 30px;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--home-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.vacancy-tab.is-active[b-yvj4htcib4] {
    border-color: var(--home-blue);
    color: var(--home-blue);
}

.vacancy-tab__count[b-yvj4htcib4] {
    min-width: 24px;
    min-height: 18px;
    margin-left: 4px;
    padding: 0 6px;
    border-radius: 9px;
    background: var(--home-blue);
    color: #fff;
    font-size: 10px;
    line-height: 18px;
}

.vacancy-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.vacancy-card[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 126px;
    padding: 24px 28px;
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    background: #fff;
    color: var(--home-blue);
    text-align: left;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.vacancy-card:hover[b-yvj4htcib4] {
    background: #edf2ff;
    border-color: #edf2ff;
    color: var(--home-blue);
    transform: none;
    box-shadow: none;
}

.vacancy-card__title[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vacancy-card__icon-left[b-yvj4htcib4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--home-blue);
    font-size: 18px;
    line-height: 1;
}

.vacancy-card__body[b-yvj4htcib4] {
    display: grid;
    gap: 6px;
}

.vacancy-card__body strong[b-yvj4htcib4],
.vacancy-card--all span[b-yvj4htcib4] {
    color: inherit;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.vacancy-card__body small[b-yvj4htcib4] {
    color: #8c92a0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.vacancy-card--all[b-yvj4htcib4] {
    background: var(--home-blue);
    color: #fff;
}

.vacancy-card--all:hover[b-yvj4htcib4] {
    background: #edf2ff;
    border-color: #edf2ff;
    color: var(--home-blue);
}

.companies-section[b-yvj4htcib4] {
    position: relative;
    margin-top: 112px;
}

.companies-carousel[b-yvj4htcib4] {
    position: relative;
    margin-top: 32px;
}

.company-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.company-card[b-yvj4htcib4] {
    min-height: 260px;
    padding: 28px;
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    background: #fff;
}

.company-card__header[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 16px;
    align-items: start;
}

.company-logo[b-yvj4htcib4] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 6px;
    background: var(--home-blue);
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}

.company-logo img[b-yvj4htcib4] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.company-card__title[b-yvj4htcib4] {
    margin: 0;
    color: var(--home-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.company-stars[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.company-stars span[b-yvj4htcib4] {
    color: #ffc53d;
    font-size: 16px;
    letter-spacing: 1px;
}

.company-stars small[b-yvj4htcib4] {
    color: var(--home-muted);
    font-size: 16px;
    line-height: 24px;
}

.company-tags[b-yvj4htcib4] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.company-tags :global(.ant-tag)[b-yvj4htcib4] {
    margin-inline-end: 0;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.company-card__text[b-yvj4htcib4] {
    margin: 18px 0 0;
    color: var(--home-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.company-actions[b-yvj4htcib4] {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.companies-arrow[b-yvj4htcib4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: var(--home-blue);
    color: #fff;
}

.companies-arrow--prev[b-yvj4htcib4] {
    left: -50px;
}

.companies-arrow--next[b-yvj4htcib4] {
    right: -50px;
}

.faq-section[b-yvj4htcib4] {
    display: grid;
    gap: 24px;
    margin-top: 152px;
    padding: 0 64px 112px;
    background: transparent;
}

.faq-search[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: 1fr 48px;
    gap: 0;
    width: 100%;
    min-height: 48px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.faq-search input[b-yvj4htcib4] {
    min-height: 48px;
    padding: 0 16px;
    border: 0;
    color: var(--home-text);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.faq-search button[b-yvj4htcib4] {
    display: grid;
    place-items: center;
    border: 0;
    background: var(--home-blue);
    color: #fff;
}

.faq-list[b-yvj4htcib4] {
    gap: 16px;
}

.faq-item[b-yvj4htcib4] {
    border: 0;
    border-radius: 12px;
    background: #fff;
}

.faq-item.is-open[b-yvj4htcib4] {
    border: 0;
}

.faq-question[b-yvj4htcib4] {
    min-height: 64px;
    padding: 0 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.faq-question__icon[b-yvj4htcib4] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--home-blue);
    color: #fff;
}

.faq-answer[b-yvj4htcib4] {
    margin: -8px 18px 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: var(--home-muted);
}

.faq-more[b-yvj4htcib4] {
    justify-self: center !important;
}

.home-footer[b-yvj4htcib4] {
    padding: 0;
    background: #040b63;
    color: #fff;
}

.site-footer__inner[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 48px 64px 32px;
}

.site-footer__main[b-yvj4htcib4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 72px;
}

.site-footer__brand[b-yvj4htcib4] {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.site-footer__brand-row[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.site-footer__logo[b-yvj4htcib4] {
    display: block;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    object-fit: contain;
}

.site-footer__contacts[b-yvj4htcib4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__contacts a[b-yvj4htcib4],
.site-footer__nav-link[b-yvj4htcib4] {
    display: block;
    color: #fff;
    text-decoration: none;
}

.site-footer__contacts a[b-yvj4htcib4] {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.site-footer__contacts a + a[b-yvj4htcib4] {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.site-footer__content[b-yvj4htcib4] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.site-footer__nav[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 24px;
    align-items: start;
}

.site-footer__nav-link[b-yvj4htcib4] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.site-footer__partners[b-yvj4htcib4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-height: 80px;
}

.site-footer__partner-logo[b-yvj4htcib4] {
    display: block;
    width: auto;
    height: 56px;
    max-width: min(100%, 240px);
    object-fit: contain;
    object-position: center;
    filter: brightness(0) invert(1);
}

.site-footer__legal[b-yvj4htcib4] {
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 22px;
}

@media (max-width: 1180px) {
    .home-shell[b-yvj4htcib4] {
        width: 100%;
    }

    .home-hero[b-yvj4htcib4],
    .home-panel[b-yvj4htcib4],
    .faq-section[b-yvj4htcib4],
    .site-footer__inner[b-yvj4htcib4] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-footer__main[b-yvj4htcib4] {
        gap: 40px;
    }

    .site-footer__brand[b-yvj4htcib4] {
        flex-basis: 240px;
    }

    .site-footer__nav[b-yvj4htcib4] {
        gap: 20px;
    }

    .home-hero[b-yvj4htcib4] {
        grid-template-columns: 1fr 640px;
        padding-right: 0;
    }

    .hero-art[b-yvj4htcib4] {
        max-width: 640px;
    }

    .hero-art__image[b-yvj4htcib4] {
        width: 640px;
    }

    .career-section[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        row-gap: 32px;
        height: auto;
        overflow: visible;
    }

    .career-main[b-yvj4htcib4],
    .career-bottom[b-yvj4htcib4],
    .career-cards[b-yvj4htcib4] {
        width: auto;
        max-width: none;
    }

    .career-main[b-yvj4htcib4] {
        row-gap: 32px;
        height: auto;
    }

    .career-cards[b-yvj4htcib4] {
        height: auto;
        grid-template-rows: auto;
    }

    .career-bottom[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .career-copy .section-title[b-yvj4htcib4],
    .career-lead[b-yvj4htcib4],
    .career-text[b-yvj4htcib4] {
        max-width: none;
    }

    .career-illustration[b-yvj4htcib4] {
        justify-self: center;
    }
}

/* Active mobile overrides for the current home page.
   If a change inside an earlier max-width: 900px block has no effect,
   it is being overridden by this block below. */
@media (max-width: 900px) {
    .home-page[b-yvj4htcib4] {
        overflow-x: hidden;
    }

    .home-footer[b-yvj4htcib4] {
        overflow-x: hidden;
    }

    .career-illustration[b-yvj4htcib4] {
        display: none;
    }

    .home-hero[b-yvj4htcib4],
    .opportunities-layout[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .home-hero[b-yvj4htcib4] {
        gap: 24px;
        min-height: auto;
    }

    .hero-art[b-yvj4htcib4] {
        width: 100%;
        min-height: auto;
        justify-content: center;
        justify-self: stretch;
        max-width: none;
    }

    .hero-art__image[b-yvj4htcib4] {
        width: min(100%, 420px);
    }

    .hero-title[b-yvj4htcib4] {
        font-size: 38px;
    }

    .hero-copy[b-yvj4htcib4],
    .hero-text[b-yvj4htcib4] {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .opportunities-layout[b-yvj4htcib4] {
        gap: 20px;
    }

    .opportunities-menu[b-yvj4htcib4] {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: min(280px, calc(100% - 24px));
        gap: 12px;
        width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .opportunities-menu[b-yvj4htcib4]::-webkit-scrollbar {
        display: none;
    }

    .opportunity-menu-item[b-yvj4htcib4] {
        width: 100%;
        min-width: 0;
        min-height: 90px;
        padding: 24px 20px;
        font-size: 22px;
        line-height: 30px;
    }

    .opportunity-details[b-yvj4htcib4] {
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding: 28px 24px;
    }

    .opportunity-details__top[b-yvj4htcib4] {
        display: contents;
    }

    .opportunity-details__title[b-yvj4htcib4] {
        order: 1;
        margin: 0 0 24px;
        font-size: 24px;
        line-height: 32px;
    }

    .opportunity-details__text[b-yvj4htcib4] {
        order: 2;
        margin: 0 0 18px;
        font-size: 18px;
        line-height: 30px;
    }

    .opportunity-details__top .primary-pill[b-yvj4htcib4] {
        order: 3;
        align-self: flex-start;
        margin-top: auto;
    }

    .section-row[b-yvj4htcib4] {
        display: grid;
        gap: 24px;
    }

    .vacancy-tabs[b-yvj4htcib4] {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 28px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 4px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .vacancy-tabs[b-yvj4htcib4]::-webkit-scrollbar {
        display: none;
    }

    .vacancy-tab[b-yvj4htcib4] {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .metric-grid[b-yvj4htcib4],
    .vacancy-grid[b-yvj4htcib4],
    .company-grid[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        padding-inline: 0;
    }

    .companies-section[b-yvj4htcib4] {
        margin-top: 88px;
    }

    .companies-carousel[b-yvj4htcib4] {
        margin-top: 24px;
        padding-inline: 12px;
    }

    .company-grid .company-card:nth-child(n + 2)[b-yvj4htcib4] {
        display: none;
    }

    .company-card[b-yvj4htcib4] {
        min-height: auto;
        padding: 32px 24px 24px;
        border-radius: 16px;
    }

    .company-card__header[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .company-logo[b-yvj4htcib4] {
        width: 62px;
        height: 62px;
        font-size: 28px;
    }

    .company-card__title[b-yvj4htcib4] {
        font-size: 18px;
        line-height: 26px;
    }

    .company-stars[b-yvj4htcib4] {
        gap: 10px;
        margin-top: 10px;
    }

    .company-stars span[b-yvj4htcib4] {
        font-size: 15px;
    }

    .company-stars small[b-yvj4htcib4] {
        font-size: 14px;
        line-height: 22px;
    }

    .company-tags[b-yvj4htcib4] {
        margin-top: 14px;
    }

    .company-card__text[b-yvj4htcib4] {
        margin-top: 18px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .company-actions[b-yvj4htcib4] {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .companies-arrow[b-yvj4htcib4] {
        display: grid;
        top: 50%;
        width: 40px;
        height: 40px;
    }

    .companies-arrow--prev[b-yvj4htcib4] {
        left: 0;
        right: auto;
    }

    .companies-arrow--next[b-yvj4htcib4] {
        left: auto;
        right: 0;
    }

    .site-footer__inner[b-yvj4htcib4] {
        padding: 40px 24px 28px;
    }

    .site-footer__main[b-yvj4htcib4] {
        flex-direction: column;
        gap: 36px;
    }

    .site-footer__brand[b-yvj4htcib4] {
        flex-basis: auto;
    }

    .site-footer__content[b-yvj4htcib4] {
        gap: 36px;
    }

    .site-footer__nav[b-yvj4htcib4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
    }

    .site-footer__partners[b-yvj4htcib4] {
        justify-content: flex-start;
        gap: 24px;
        min-height: 0;
        flex-wrap: wrap;
    }

    .site-footer__partner-logo[b-yvj4htcib4] {
        height: 44px;
        max-width: min(100%, 220px);
    }
}

@media (max-width: 640px) {
    .site-footer__nav[b-yvj4htcib4] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Final small-phone overrides.
   Keep this block after the active max-width: 900px rules so it wins in the cascade. */
@media (max-width: 560px) {
    .home-panel[b-yvj4htcib4],
    .faq-section[b-yvj4htcib4],
    .site-footer__inner[b-yvj4htcib4] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .faq-section[b-yvj4htcib4] {
        margin-top: 64px;
    }

    .home-hero[b-yvj4htcib4],
    .home-footer[b-yvj4htcib4] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-title[b-yvj4htcib4] {
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
    }

    .hero-text[b-yvj4htcib4] {
        font-size: 20px;
        line-height: 30px;
    }

    .section-title[b-yvj4htcib4] {
        font-size: 26px;
        line-height: 34px;
    }

    .primary-pill[b-yvj4htcib4],
    .outline-pill[b-yvj4htcib4] {
        width: 100%;
    }

    .home-hero .primary-pill[b-yvj4htcib4] {
        width: auto;
        min-height: 40px;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .metric-card__value[b-yvj4htcib4] {
        font-size: 36px;
    }

    .company-actions[b-yvj4htcib4] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Opportunities metrics mirror the student dashboard cards. Keep these overrides last
   so they win over earlier home-page metric styles in the cascade. */
.opportunities-section .metric-grid[b-yvj4htcib4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    max-width: none;
}

.opportunities-section .metric-card[b-yvj4htcib4] {
    position: relative;
    display: flex;
    min-height: 202px;
    height: 202px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    overflow: hidden;
    border: none;
    border-radius: 12px;
    padding: 24px;
    background: #10239E;
    color: #fff;
}

.opportunities-section .metric-card[b-yvj4htcib4]::before,
.opportunities-section .metric-card[b-yvj4htcib4]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: none;
    opacity: 0.6;
}

.opportunities-section .metric-card[b-yvj4htcib4]::before {
    right: 24px;
    top: 24px;
    left: auto;
    width: 176px;
    height: 42px;
    background-image: url('/images/metric-card-pattern-top.svg');
}

.opportunities-section .metric-card[b-yvj4htcib4]::after {
    left: 24px;
    top: auto;
    bottom: 24px;
    width: calc(100% - 48px);
    height: 32px;
    background-image: url('/images/metric-card-pattern-bottom.svg');
    transform: scaleY(-1) rotate(180deg);
    transform-origin: center;
}

.opportunities-section .metric-card__value[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    font-size: 56px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.02em;
}

.opportunities-section .metric-card__label[b-yvj4htcib4] {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 280px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
}

@media (max-width: 1024px) {
    .opportunities-section .metric-grid[b-yvj4htcib4] {
        grid-template-columns: 1fr;
    }

    .opportunities-section .metric-card[b-yvj4htcib4] {
        height: auto;
        min-height: 202px;
    }
}

@media (max-width: 560px) {
    .opportunities-section .metric-card[b-yvj4htcib4]::before {
        width: 148px;
    }

    .opportunities-section .metric-card__value[b-yvj4htcib4] {
        font-size: 48px;
        line-height: 42px;
    }

    .opportunities-section .metric-card__label[b-yvj4htcib4] {
        font-size: 18px;
        line-height: 24px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Notifications.razor.rz.scp.css */
@keyframes fadeIn-b-6gtaaxzcns {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-6gtaaxzcns {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpSmall-b-6gtaaxzcns {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.notifications-page[b-6gtaaxzcns] {
    max-width: 800px;
    margin: 0 auto;
    animation: fadeIn-b-6gtaaxzcns 0.4s ease-out;
}

.notifications-header[b-6gtaaxzcns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    animation: slideUp-b-6gtaaxzcns 0.5s ease-out both;
}

.notifications-title[b-6gtaaxzcns] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

[b-6gtaaxzcns] .notifications-header .ant-btn {
    border-radius: 20px;
}

.notification-list[b-6gtaaxzcns] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.notification-item[b-6gtaaxzcns] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    animation: slideUpSmall-b-6gtaaxzcns 0.3s ease-out both;
}

.notification-item:hover[b-6gtaaxzcns] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.notification-item.unread[b-6gtaaxzcns] {
    background: #F0FDFA;
    border-left: 3px solid var(--color-primary);
}

.notification-body[b-6gtaaxzcns] {
    flex: 1;
    min-width: 0;
}

.notification-item-title[b-6gtaaxzcns] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 6px;
}

.notification-message[b-6gtaaxzcns] {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.5;
    margin-bottom: 8px;
}

.notification-time[b-6gtaaxzcns] {
    font-size: 13px;
    color: #9CA3AF;
}

.notifications-pagination[b-6gtaaxzcns] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    animation: fadeIn-b-6gtaaxzcns 0.4s ease-out 0.3s both;
}

/* Skeleton */
.skeleton-list[b-6gtaaxzcns] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-item[b-6gtaaxzcns] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px 20px;
}

/* Empty */
.empty-state[b-6gtaaxzcns] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 64px 16px;
    text-align: center;
    animation: fadeIn-b-6gtaaxzcns 0.5s ease-out both;
}

[b-6gtaaxzcns] .empty-state-icon {
    font-size: 48px;
    color: #D1D5DB;
}

.empty-state-text[b-6gtaaxzcns] {
    color: #6B7280;
    font-size: 16px;
}

.empty-state-hint[b-6gtaaxzcns] {
    color: #9CA3AF;
    font-size: 14px;
}

@media (max-width: 768px) {
    .notification-item[b-6gtaaxzcns] {
        flex-direction: column;
        gap: 8px;
    }

    .notification-actions[b-6gtaaxzcns] {
        align-self: flex-end;
    }

    .notification-item:hover[b-6gtaaxzcns] {
        transform: none;
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-6gtaaxzcns], [b-6gtaaxzcns] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/PostingCompare.razor.rz.scp.css */
.compare-page[b-q8oddb9old] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 24px 48px;
}

.compare-page-header[b-q8oddb9old] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.compare-page-header h1[b-q8oddb9old] {
    font-size: 28px;
    font-weight: 700;
    color: #1A1A1A;
    margin: 0;
}

.compare-back-link[b-q8oddb9old] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #10239E;
    text-decoration: none;
    border: 1.5px solid #10239E;
    border-radius: 12px;
}

.compare-back-link:hover[b-q8oddb9old] {
    background: #F0F5FF;
}

.compare-warning[b-q8oddb9old] {
    margin-bottom: 16px;
}

.compare-empty[b-q8oddb9old] {
    text-align: center;
    padding: 64px 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    margin-top: 24px;
}

.compare-empty-icon[b-q8oddb9old] {
    font-size: 48px;
    color: #9CA3AF;
    margin-bottom: 16px;
}

.compare-empty-title[b-q8oddb9old] {
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    margin-bottom: 8px;
}

.compare-empty-text[b-q8oddb9old] {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 24px;
}

.compare-empty-btn[b-q8oddb9old] {
    display: inline-flex;
    padding: 10px 24px;
    background: #10239E;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 12px;
}

.compare-empty-btn:hover[b-q8oddb9old] {
    background: #1A33C9;
    color: #fff;
}

@media (max-width: 768px) {
    .compare-page[b-q8oddb9old] {
        padding: 16px 16px 32px;
    }

    .compare-page-header h1[b-q8oddb9old] {
        font-size: 22px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/PostingDetails.razor.rz.scp.css */
@keyframes fadeIn-b-dlgq2gbktd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.pd-page[b-dlgq2gbktd] {
    max-width: 1440px;
    margin: 0 auto;
    animation: fadeIn-b-dlgq2gbktd 0.3s ease-out;
}

/* ===== Верхний блок ===== */
.pd-header-card[b-dlgq2gbktd] {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

.pd-header-favorite[b-dlgq2gbktd] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    line-height: 0;
}

.pd-header-favorite:hover[b-dlgq2gbktd] {
    background: #F5F5F5;
}

.pd-title[b-dlgq2gbktd] {
    font-size: 38px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 20px;
    line-height: 1.3;
    padding-right: 40px;
}

.pd-meta-list[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.pd-meta-item[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    color: #374151;
}

.pd-meta-salary[b-dlgq2gbktd] {
    font-size: 30px;
    font-weight: 600;
}

[b-dlgq2gbktd] .pd-meta-item .anticon {
    font-size: 22px;
    color: #10239E;
}

.pd-header-actions[b-dlgq2gbktd] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

[b-dlgq2gbktd] .pd-header-actions .ant-btn {
    border-radius: 12px;
}

/* ===== Две колонки ===== */
.pd-body[b-dlgq2gbktd] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.pd-left[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ===== Таб-бар ===== */
.pd-tabs[b-dlgq2gbktd] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.pd-tab[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.2s;
    font-size: 16px;
    color: #374151;
}

.pd-tab:hover[b-dlgq2gbktd] {
    background: #FAFAFA;
}

.pd-tab.active[b-dlgq2gbktd] {
    background: #F0F5FF;
    border-left-color: #10239E;
    color: #10239E;
    font-weight: 500;
}

[b-dlgq2gbktd] .pd-tab .anticon {
    font-size: 18px;
}

.pd-tab.active[b-dlgq2gbktd]  .anticon {
    color: #10239E;
}

/* ===== Контакты ===== */
.pd-contacts[b-dlgq2gbktd] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.pd-contacts-title[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px;
}

[b-dlgq2gbktd] .pd-contacts-title .anticon {
    color: #10239E;
}

.pd-contact-item[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #F0F0F0;
    font-size: 16px;
    color: #374151;
}

.pd-contact-item:last-child[b-dlgq2gbktd] {
    border-bottom: none;
}

[b-dlgq2gbktd] .pd-contact-item .anticon {
    font-size: 18px;
    color: #8C8C8C;
}

/* ===== Правая колонка ===== */
.pd-right[b-dlgq2gbktd] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    min-height: 300px;
}

.pd-content-title[b-dlgq2gbktd] {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 20px;
}

.pd-details-grid[b-dlgq2gbktd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.pd-detail-item[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pd-education-directions[b-dlgq2gbktd] {
    margin-top: 24px;
}

.pd-tags-row[b-dlgq2gbktd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-dlgq2gbktd] .pd-tag-gray {
    background: #F5F5F5;
    color: #111827;
    border: none;
}

.pd-detail-label[b-dlgq2gbktd] {
    font-size: 14px;
    color: #9CA3AF;
    letter-spacing: 0.5px;
}

.pd-detail-value[b-dlgq2gbktd] {
    font-size: 14px;
    color: #374151;
}

.pd-empty[b-dlgq2gbktd] {
    color: #9CA3AF;
    font-size: 16px;
    font-style: italic;
}

.pd-list[b-dlgq2gbktd] {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #374151;
    font-size: 14px;
    line-height: 1.8;
}

.pd-list li[b-dlgq2gbktd] {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
}

.pd-list li[b-dlgq2gbktd]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10239E;
}

.pd-description-block[b-dlgq2gbktd] {
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.pd-description-block h4[b-dlgq2gbktd] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px;
}

.pd-description-block h4:not(:first-child)[b-dlgq2gbktd] {
    margin-top: 16px;
}

.pd-description-block[b-dlgq2gbktd]  .ant-typography {
    font-size: 16px;
    color: #374151;
    line-height: 1.6;
    margin: 0;
}

.skeleton-page[b-dlgq2gbktd] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

.skeleton-header-card[b-dlgq2gbktd],
.skeleton-right[b-dlgq2gbktd],
.skeleton-tabs[b-dlgq2gbktd],
.skeleton-contacts[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.skeleton-favorite[b-dlgq2gbktd] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #F3F4F6;
}

.skeleton-meta-list[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.skeleton-meta-item[b-dlgq2gbktd],
.skeleton-tab-row[b-dlgq2gbktd],
.skeleton-contact-row[b-dlgq2gbktd],
.skeleton-content-block[b-dlgq2gbktd] {
    width: 100%;
}

.skeleton-actions[b-dlgq2gbktd] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.skeleton-actions[b-dlgq2gbktd]  .ant-skeleton,
.skeleton-tab-row[b-dlgq2gbktd]  .ant-skeleton,
.skeleton-contact-row[b-dlgq2gbktd]  .ant-skeleton,
.skeleton-meta-item[b-dlgq2gbktd]  .ant-skeleton,
.skeleton-content-block[b-dlgq2gbktd]  .ant-skeleton {
    width: 100%;
}

.skeleton-header-card[b-dlgq2gbktd]  .ant-skeleton-title,
.skeleton-meta-item[b-dlgq2gbktd]  .ant-skeleton-title,
.skeleton-tab-row[b-dlgq2gbktd]  .ant-skeleton-title,
.skeleton-contact-row[b-dlgq2gbktd]  .ant-skeleton-title,
.skeleton-content-block[b-dlgq2gbktd]  .ant-skeleton-title {
    height: 20px;
    margin: 0;
}

.skeleton-header-card[b-dlgq2gbktd]  .ant-skeleton-paragraph,
.skeleton-meta-item[b-dlgq2gbktd]  .ant-skeleton-paragraph,
.skeleton-tab-row[b-dlgq2gbktd]  .ant-skeleton-paragraph,
.skeleton-contact-row[b-dlgq2gbktd]  .ant-skeleton-paragraph,
.skeleton-content-block[b-dlgq2gbktd]  .ant-skeleton-paragraph {
    display: none;
}

/* ===== Скелетон ===== */
.skeleton-wrapper[b-dlgq2gbktd] {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px;
}

.skeleton-header[b-dlgq2gbktd] {
    margin-bottom: 24px;
}

.skeleton-stats[b-dlgq2gbktd] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.skeleton-stat[b-dlgq2gbktd] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
}

.skeleton-section[b-dlgq2gbktd] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
}

/* ===== Стили для скрытых секций ===== */
.section-card[b-dlgq2gbktd] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
}

.section-title[b-dlgq2gbktd] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-dlgq2gbktd] .section-title .anticon {
    color: var(--color-primary);
}

.section-empty[b-dlgq2gbktd] {
    color: #9CA3AF;
    font-size: 14px;
}

.tags-row[b-dlgq2gbktd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mentor-info[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mentor-details[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mentor-name[b-dlgq2gbktd] {
    font-weight: 600;
    color: #111827;
}

.mentor-position[b-dlgq2gbktd] {
    font-size: 14px;
    color: #6B7280;
}

.mentor-experience[b-dlgq2gbktd] {
    font-size: 13px;
    color: #9CA3AF;
}

.company-card[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.company-card-header[b-dlgq2gbktd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.company-card-info[b-dlgq2gbktd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.company-name[b-dlgq2gbktd] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.company-card-tags[b-dlgq2gbktd] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.company-rating[b-dlgq2gbktd] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.company-rating-value[b-dlgq2gbktd] {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

[b-dlgq2gbktd] .company-rating-star {
    color: #FAAD14;
    font-size: 18px;
}

.company-rating-count[b-dlgq2gbktd] {
    font-size: 13px;
    color: #9CA3AF;
}

.company-description[b-dlgq2gbktd] {
    color: #6B7280;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.reviews-pagination[b-dlgq2gbktd] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

/* ===== Адаптивность ===== */
@media (max-width: 900px) {
    .pd-body[b-dlgq2gbktd] {
        grid-template-columns: 1fr;
    }

    .pd-details-grid[b-dlgq2gbktd] {
        grid-template-columns: 1fr;
    }

    .pd-title[b-dlgq2gbktd] {
        font-size: 30px;
    }

    .pd-meta-salary[b-dlgq2gbktd] {
        font-size: 24px;
    }

    .pd-meta-item[b-dlgq2gbktd] {
        font-size: 16px;
    }

    [b-dlgq2gbktd] .pd-meta-item .anticon {
        font-size: 18px;
    }

    .pd-meta-list[b-dlgq2gbktd] {
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .pd-page[b-dlgq2gbktd] {
        padding: 16px;
    }

    .pd-header-card[b-dlgq2gbktd] {
        padding: 16px;
    }

    .pd-right[b-dlgq2gbktd] {
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-dlgq2gbktd], [b-dlgq2gbktd] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Postings.razor.rz.scp.css */
/* ===== Animations ===== */
@keyframes fadeIn-b-2fboe268kq {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-2fboe268kq {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpSmall-b-2fboe268kq {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== Page layout ===== */
.page-wrapper[b-2fboe268kq] {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding-bottom: 88px;
}

.search-bar-wrapper[b-2fboe268kq] {
    position: sticky;
    top: 80px;
    z-index: 51;
    padding-bottom: 24px;
}

.search-bar[b-2fboe268kq] {
    width: 100%;
    margin-bottom: 0;
    animation: slideUp-b-2fboe268kq 0.5s ease-out both;
}

.section-header[b-2fboe268kq] {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
}

.recommended-section[b-2fboe268kq] {
    background: var(--color-primary);
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recommended-content[b-2fboe268kq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.recommended-title[b-2fboe268kq] {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.recommended-subtitle[b-2fboe268kq] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.recommended-button[b-2fboe268kq] {
    background: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
}

.recommended-button:hover[b-2fboe268kq] {
    background: var(--color-primary-bg);
}

[b-2fboe268kq] .search-bar .ant-input-search {
    width: 100%;
}

[b-2fboe268kq] .search-bar .ant-input-search .ant-input-affix-wrapper {
    border-radius: 12px 0 0 12px;
    height: 46px;
}

[b-2fboe268kq] .search-bar .ant-input-search .ant-input {
}

[b-2fboe268kq] .search-bar .ant-input-search .ant-btn {
    border-radius: 0 12px 12px 0 !important;
    height: 46px;
}


.page-container[b-2fboe268kq] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* ===== Sidebar filters ===== */
.filters-sidebar[b-2fboe268kq] {
    flex: 0 0 320px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    position: sticky;
    top: 150px;
}

.results-content[b-2fboe268kq] {
    flex: 1;
    min-width: 0;
}

.sidebar-section[b-2fboe268kq] {
    margin-bottom: 12px;
}

.sidebar-section:last-of-type[b-2fboe268kq] {
    margin-bottom: 12px;
}

.salary-range[b-2fboe268kq] {
    display: flex;
    gap: 12px;
}

.salary-range .salary-input[b-2fboe268kq] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.salary-range .salary-input label[b-2fboe268kq] {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
}

[b-2fboe268kq] .sidebar-section .ant-typography {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
}

.sidebar-reset[b-2fboe268kq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
    font-family: inherit;
    transition: opacity 0.2s;
}

.sidebar-reset:hover[b-2fboe268kq] {
    opacity: 0.8;
}

.results-toolbar[b-2fboe268kq] {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    animation: slideUpSmall-b-2fboe268kq 0.4s ease-out 0.2s both;
}

.results-count[b-2fboe268kq] {
    color: #6B7280;
    font-size: 14px;
}

.sort-wrapper[b-2fboe268kq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sort-label[b-2fboe268kq] {
    color: #6B7280;
    font-size: 14px;
    white-space: nowrap;
}

.sort-wrapper[b-2fboe268kq]  .ant-select {
    width: 200px !important;
    max-width: 100%;
}

.results-list[b-2fboe268kq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-2fboe268kq] .results-list .posting-card-wrapper {
    animation: slideUpSmall-b-2fboe268kq 0.4s ease-out both;
}

.pagination-wrapper[b-2fboe268kq] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    animation: fadeIn-b-2fboe268kq 0.4s ease-out 0.5s both;
}

.skeleton-list[b-2fboe268kq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== Empty state ===== */
.empty-state[b-2fboe268kq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 64px 16px;
    text-align: center;
    animation: fadeIn-b-2fboe268kq 0.5s ease-out 0.2s both;
}

.empty-state-icon[b-2fboe268kq] {
    font-size: 48px;
    color: #D1D5DB;
}

.empty-state-text[b-2fboe268kq] {
    color: #6B7280;
    font-size: 16px;
}

.empty-state-hint[b-2fboe268kq] {
    color: #9CA3AF;
    font-size: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
    .page-container[b-2fboe268kq] {
        flex-direction: column;
    }

    .filters-sidebar[b-2fboe268kq] {
        width: 100%;
        position: static;
    }

    .results-toolbar[b-2fboe268kq] {
        flex-direction: column;
        align-items: stretch;
    }

    .sort-wrapper[b-2fboe268kq] {
        justify-content: flex-end;
    }

    .section-header[b-2fboe268kq],
    .recommended-section[b-2fboe268kq] {
        padding: 24px;
    }

    .recommended-section[b-2fboe268kq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .recommended-button[b-2fboe268kq] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .section-header[b-2fboe268kq],
    .filters-sidebar[b-2fboe268kq] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .sort-wrapper[b-2fboe268kq] {
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
    }

    .sort-wrapper[b-2fboe268kq]  .ant-select {
        flex: 1 1 160px;
        width: auto !important;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-2fboe268kq], [b-2fboe268kq] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Privacy.razor.rz.scp.css */
.legal-page[b-b8k7zh52lf] {
    box-sizing: border-box;
    width: 100%;
    padding: 48px 32px 80px;
    font-family: Onest, Roboto, Arial, sans-serif;
    color: var(--home-text, #2c2c34);
}

.legal-page__inner[b-b8k7zh52lf] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.legal-page__title[b-b8k7zh52lf] {
    margin: 0 0 28px;
    color: #2c2c34;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

    .legal-page__title a[b-b8k7zh52lf] {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: var(--color-primary-border, rgba(16, 35, 158, 0.4));
    }

        .legal-page__title a:hover[b-b8k7zh52lf] {
            color: var(--color-primary);
        }

.legal-card[b-b8k7zh52lf] {
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04);
    padding: 40px 48px;
}

.legal-page__document[b-b8k7zh52lf] {
    font-size: 15px;
    line-height: 1.7;
}

    .legal-page__document p[b-b8k7zh52lf] {
        margin: 0 0 14px;
    }

    .legal-section[b-b8k7zh52lf] {
        scroll-margin-top: 90px;
    }

    .legal-page__document h2[b-b8k7zh52lf] {
        margin: 36px 0 16px;
        padding-bottom: 10px;
        color: var(--color-primary);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        border-bottom: 1px solid var(--color-primary-border);
    }

    .legal-page__document h2:first-child[b-b8k7zh52lf] {
        margin-top: 0;
    }

    .legal-page__document ul[b-b8k7zh52lf] {
        list-style: disc;
        padding-left: 28px;
        margin: 0 0 16px;
    }

    .legal-page__document li[b-b8k7zh52lf] {
        margin: 0 0 8px;
    }

    .legal-page__document a[b-b8k7zh52lf] {
        color: var(--color-primary);
        text-decoration: underline;
        text-underline-offset: 2px;
    }

        .legal-page__document a:hover[b-b8k7zh52lf] {
            color: var(--color-primary-hover);
        }

.legal-clause__num[b-b8k7zh52lf] {
    font-weight: 700;
    color: #2c2c34;
}

@media (max-width: 768px) {
    .legal-page[b-b8k7zh52lf] {
        padding: 28px 16px 56px;
    }

    .legal-page__title[b-b8k7zh52lf] {
        font-size: 24px;
    }

    .legal-card[b-b8k7zh52lf] {
        padding: 24px 20px;
    }

    .legal-page__document[b-b8k7zh52lf] {
        font-size: 14px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/CompanyCard.razor.rz.scp.css */
.company-card-wrapper[b-lxmsj6wwdk] {
    display: flex;
    cursor: pointer;
}

[b-lxmsj6wwdk] .clickable-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

[b-lxmsj6wwdk] .clickable-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--color-primary);
    transform: scaleY(0);
    transition: transform 0.25s ease;
}

[b-lxmsj6wwdk] .clickable-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-color: var(--color-primary);
}

[b-lxmsj6wwdk] .clickable-card:hover::before {
    transform: scaleY(1);
}

[b-lxmsj6wwdk] .ant-card-body {
    flex: 1;
}

.company-card-body[b-lxmsj6wwdk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.company-header[b-lxmsj6wwdk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.company-avatar[b-lxmsj6wwdk] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #F0FDFA;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #E5E7EB;
}

.company-avatar img[b-lxmsj6wwdk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-avatar[b-lxmsj6wwdk]  .anticon {
    font-size: 18px;
    color: #0D9488;
}

.company-header-info[b-lxmsj6wwdk] {
    flex: 1;
    min-width: 0;
}

[b-lxmsj6wwdk] .company-header-info .ant-typography {
    margin-bottom: 2px;
    line-height: 1.3;
}

[b-lxmsj6wwdk] .company-header-info h4.ant-typography {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-tags[b-lxmsj6wwdk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

[b-lxmsj6wwdk] .company-tags .ant-tag {
    transition: transform 0.15s ease;
}

[b-lxmsj6wwdk] .company-tags .ant-tag:hover {
    transform: translateY(-1px) scale(1.04);
}

.company-desc[b-lxmsj6wwdk] {
    font-size: 13px;
    color: #6B7280;
    line-height: 1.5;
}

@media (max-width: 768px) {
    [b-lxmsj6wwdk] .clickable-card:hover {
        transform: none;
        box-shadow: none;
        border-color: #E5E7EB;
    }

    [b-lxmsj6wwdk] .clickable-card:hover::before {
        transform: scaleY(0);
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/PostingCard.razor.rz.scp.css */
.pc-card[b-nkyr78rph2] {
    background: #fff;
    border: 1px solid #F0F5FF;
    border-radius: 12px;
    padding: 20px 24px;
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    animation: pcFadeIn-b-nkyr78rph2 0.35s ease-out both;
}

.pc-card-selected[b-nkyr78rph2] {
    border-color: #10239E;
    box-shadow: 0 0 0 2px rgba(16, 35, 158, 0.15);
    background: #FAFBFF;
}

.pc-btn-compare-active[b-nkyr78rph2] {
    background: #E8EEFF;
    color: #10239E;
    border: 1.5px solid #10239E;
}

.pc-btn-compare-active:hover[b-nkyr78rph2] {
    background: #D6E0FF;
}


.pc-top[b-nkyr78rph2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 10px;
}

.pc-title-group[b-nkyr78rph2] {
    flex: 1;
    min-width: 0;
}

.pc-title[b-nkyr78rph2] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #1A1A1A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-salary-inline[b-nkyr78rph2] {
    font-size: 16px;
    font-weight: 700;
    color: #10239E;
    margin-bottom: 4px;
}

.pc-company[b-nkyr78rph2] {
    font-size: 14px;
    color: #6B7280;
}

.pc-fav[b-nkyr78rph2] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 2px;
}

.pc-fav svg[b-nkyr78rph2] {
    display: block;
}

.pc-tags[b-nkyr78rph2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.pc-tag[b-nkyr78rph2] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

.pc-tag-blue[b-nkyr78rph2] {
    background: #E8EEFF;
    color: #10239E;
    border: 1px solid #10239E;
}

.pc-tag-orange[b-nkyr78rph2] {
    background: #FFF0E8;
    color: #D96C00;
    border: 1px solid #D96C00;
}

.pc-tag-green[b-nkyr78rph2] {
    background: #E8FFE8;
    color: #1A7D36;
    border: 1px solid #1A7D36;
}

.pc-tag-gray[b-nkyr78rph2] {
    background: #F3F4F6;
    color: #6B7280;
    border: 1px solid #6B7280;
}

.pc-tag-purple[b-nkyr78rph2] {
    background: #F3E8FF;
    color: #7C3AED;
    border: 1px solid #7C3AED;
}

.pc-desc[b-nkyr78rph2] {
    font-size: 14px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pc-actions[b-nkyr78rph2] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.pc-btn[b-nkyr78rph2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
    border: none;
    font-family: inherit;
    line-height: 1.4;
    height: 32px;
    border-radius: 12px;
}

.pc-btn-primary[b-nkyr78rph2] {
    background: #10239E;
    color: #fff;
}

.pc-btn-primary:hover[b-nkyr78rph2] {
    background: #1A33C9;
}

.pc-btn:disabled[b-nkyr78rph2] {
    cursor: default;
    opacity: 0.65;
}

.pc-btn-primary:disabled[b-nkyr78rph2],
.pc-btn-primary:disabled:hover[b-nkyr78rph2] {
    background: #10239E;
}



.pc-btn-secondary[b-nkyr78rph2] {
    background: #fff;
    color: #10239E;
    border: 1.5px solid #10239E;
}

.pc-btn-secondary:hover[b-nkyr78rph2] {
    background: #F0F5FF;
}

@keyframes pcFadeIn-b-nkyr78rph2 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .pc-card[b-nkyr78rph2] {
        padding: 16px;
    }

    .pc-title[b-nkyr78rph2] {
        font-size: 16px;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .pc-salary-inline[b-nkyr78rph2] {
        word-break: break-word;
    }

    .pc-actions[b-nkyr78rph2] {
        flex-direction: column;
        align-items: stretch;
        row-gap: 12px;
    }

    .pc-btn[b-nkyr78rph2] {
        width: 100%;
    }

    .pc-desc[b-nkyr78rph2] {
        -webkit-line-clamp: 3;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/PostingCompareBar.razor.rz.scp.css */
.compare-bar[b-tcy8oqi5x6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    border-top: 1px solid #E5E7EB;
    box-shadow: 0 -4px 20px rgba(16, 35, 158, 0.1);
    padding: 12px 24px;
}

.compare-bar-inner[b-tcy8oqi5x6] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.compare-bar-text[b-tcy8oqi5x6] {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A1A;
}

.compare-bar-actions[b-tcy8oqi5x6] {
    display: flex;
    gap: 12px;
}

.compare-bar-btn[b-tcy8oqi5x6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    font-family: inherit;
    border: none;
    transition: background 0.15s ease, opacity 0.15s ease;
}

.compare-bar-btn:disabled[b-tcy8oqi5x6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.compare-bar-btn-primary[b-tcy8oqi5x6] {
    background: #10239E;
    color: #fff;
}

.compare-bar-btn-primary:hover:not(:disabled)[b-tcy8oqi5x6] {
    background: #1A33C9;
}

.compare-bar-btn-secondary[b-tcy8oqi5x6] {
    background: #fff;
    color: #10239E;
    border: 1.5px solid #10239E;
}

.compare-bar-btn-secondary:hover[b-tcy8oqi5x6] {
    background: #F0F5FF;
}

@media (max-width: 768px) {
    .compare-bar[b-tcy8oqi5x6] {
        padding: 12px 16px;
    }

    .compare-bar-inner[b-tcy8oqi5x6] {
        flex-direction: column;
        align-items: stretch;
    }

    .compare-bar-actions[b-tcy8oqi5x6] {
        width: 100%;
    }

    .compare-bar-btn[b-tcy8oqi5x6] {
        flex: 1;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/PostingCompareTable.razor.rz.scp.css */
.compare-table-wrap[b-nvqp9wrmge] {
    overflow-x: auto;
    margin-top: 8px;
    padding: 8px 12px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    background: #fff;
}

.compare-table-toolbar[b-nvqp9wrmge] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

.compare-diff-toggle[b-nvqp9wrmge] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    user-select: none;
}

.compare-all-same[b-nvqp9wrmge] {
    margin-top: 16px;
    padding: 20px 24px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    background: #FAFBFF;
    color: #4B5563;
    font-size: 14px;
    text-align: center;
}

.compare-table[b-nvqp9wrmge] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 14px;
}

.compare-table th[b-nvqp9wrmge],
.compare-table[b-nvqp9wrmge]  td {
    padding: 14px 20px;
    vertical-align: top;
    border-bottom: 1px solid #F0F5FF;
}

.compare-table-label-col[b-nvqp9wrmge] {
    width: 180px;
    min-width: 140px;
}

.compare-table-col[b-nvqp9wrmge] {
    min-width: 200px;
    background: #FAFBFF;
}

.compare-col-header[b-nvqp9wrmge] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.compare-col-title[b-nvqp9wrmge] {
    font-size: 15px;
    font-weight: 600;
    color: #10239E;
    text-decoration: none;
    line-height: 1.35;
}

.compare-col-title:hover[b-nvqp9wrmge] {
    text-decoration: underline;
}

.compare-col-remove[b-nvqp9wrmge] {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #9CA3AF;
    padding: 2px;
    line-height: 1;
}

.compare-col-remove:hover[b-nvqp9wrmge] {
    color: #10239E;
}

.compare-section-row td[b-nvqp9wrmge] {
    background: #F0F5FF;
    font-weight: 600;
    font-size: 13px;
    color: #10239E;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 12px 20px;
}

/* Стили строк рендерятся в дочерних CompareRow / CompareListRow — нужен ::deep */
.compare-table[b-nvqp9wrmge]  .compare-table-label {
    font-weight: 600;
    color: #4B5563;
    background: #FAFAFA;
    white-space: nowrap;
}

.compare-table[b-nvqp9wrmge]  .compare-table-cell {
    color: #1A1A1A;
    line-height: 1.5;
}

.compare-table[b-nvqp9wrmge]  .compare-table-cell-diff {
    font-weight: 700;
    color: #10239E;
}

.compare-table[b-nvqp9wrmge]  .compare-table-label-diff {
    font-weight: 700;
    color: #10239E;
}

.compare-table[b-nvqp9wrmge]  .compare-list {
    margin: 0;
    padding-left: 18px;
}

.compare-table[b-nvqp9wrmge]  .compare-list li {
    margin-bottom: 4px;
}

.compare-table[b-nvqp9wrmge]  .compare-list li:last-child {
    margin-bottom: 0;
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/RecommendationsKeywordSearch.razor.rz.scp.css */
.rec-keyword-search[b-iheaonyoid] {
    width: 100%;
}

.rec-keyword-search__group[b-iheaonyoid] {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.rec-keyword-search__group[b-iheaonyoid]  .ant-input-affix-wrapper {
    flex: 1;
    min-width: 0;
    height: 46px;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 4px 12px;
    background: #fff;
}

.rec-keyword-search__group[b-iheaonyoid]  .ant-input-affix-wrapper:hover,
.rec-keyword-search__group[b-iheaonyoid]  .ant-input-affix-wrapper-focused {
    border: none !important;
    box-shadow: none !important;
}

.rec-keyword-search__group[b-iheaonyoid]  .ant-input {
    font-size: 14px;
    line-height: 22px;
}

.rec-keyword-search__group[b-iheaonyoid]  .rec-keyword-search__btn.ant-btn {
    width: 48px;
    min-width: 48px;
    height: 46px;
    padding: 0;
    border: none;
    border-radius: 0;
    flex-shrink: 0;
    background: #10239E;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.rec-keyword-search__group[b-iheaonyoid]  .rec-keyword-search__btn.ant-btn:hover,
.rec-keyword-search__group[b-iheaonyoid]  .rec-keyword-search__btn.ant-btn:focus {
    background: var(--color-primary-hover, #1d39c4);
}

.rec-keyword-search__group[b-iheaonyoid]  .rec-keyword-search__btn .anticon {
    color: #fff;
    font-size: 14px;
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/Components/SiteFooter.razor.rz.scp.css */
.home-footer[b-3xvvjyitov],
.home-footer *[b-3xvvjyitov] {
    box-sizing: border-box;
}

.home-footer[b-3xvvjyitov] {
    padding: 0;
    background: #040b63;
    color: #fff;
    font-family: Onest, Roboto, Arial, sans-serif;
}

.home-shell[b-3xvvjyitov] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.site-footer__inner[b-3xvvjyitov],
.site-footer__main[b-3xvvjyitov],
.site-footer__content[b-3xvvjyitov] {
    min-width: 0;
}

.site-footer__inner[b-3xvvjyitov] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 48px 64px 32px;
}

.site-footer__main[b-3xvvjyitov] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 72px;
}

.site-footer__brand[b-3xvvjyitov] {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.site-footer__brand-row[b-3xvvjyitov] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.site-footer__logo[b-3xvvjyitov] {
    display: block;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    object-fit: contain;
}

.home-footer img[b-3xvvjyitov] {
    max-width: 100%;
}

.site-footer__contacts[b-3xvvjyitov] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__contacts a[b-3xvvjyitov],
.site-footer__nav-link[b-3xvvjyitov] {
    display: block;
    color: #fff;
    text-decoration: none;
}

.site-footer__contacts a[b-3xvvjyitov] {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.site-footer__contacts a + a[b-3xvvjyitov] {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.site-footer__content[b-3xvvjyitov] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.site-footer__nav[b-3xvvjyitov] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 24px;
    align-items: start;
}

.site-footer__nav-link[b-3xvvjyitov] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.site-footer__partners[b-3xvvjyitov] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-height: 80px;
}

.site-footer__partner-logo[b-3xvvjyitov] {
    display: block;
    width: auto;
    height: 56px;
    max-width: min(100%, 240px);
    object-fit: contain;
    object-position: center;
    filter: brightness(0) invert(1);
}

.site-footer__legal[b-3xvvjyitov] {
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 22px;
}

.site-footer__legal-link[b-3xvvjyitov] {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
}

    .site-footer__legal-link:hover[b-3xvvjyitov] {
        color: #D6E4FF;
    }

@media (max-width: 1180px) {
    .home-shell[b-3xvvjyitov] {
        width: 100%;
    }

    .site-footer__inner[b-3xvvjyitov] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-footer__main[b-3xvvjyitov] {
        gap: 40px;
    }

    .site-footer__brand[b-3xvvjyitov] {
        flex-basis: 240px;
    }

    .site-footer__nav[b-3xvvjyitov] {
        gap: 20px;
    }
}

@media (max-width: 900px) {
    .home-footer[b-3xvvjyitov] {
        overflow-x: hidden;
    }

    .site-footer__inner[b-3xvvjyitov] {
        padding: 40px 24px 28px;
    }

    .site-footer__main[b-3xvvjyitov] {
        flex-direction: column;
        gap: 36px;
    }

    .site-footer__brand[b-3xvvjyitov] {
        flex-basis: auto;
    }

    .site-footer__content[b-3xvvjyitov] {
        gap: 36px;
    }

    .site-footer__nav[b-3xvvjyitov] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
    }

    .site-footer__partners[b-3xvvjyitov] {
        justify-content: flex-start;
        gap: 24px;
        min-height: 0;
        flex-wrap: wrap;
    }

    .site-footer__partner-logo[b-3xvvjyitov] {
        height: 44px;
        max-width: min(100%, 220px);
    }
}

@media (max-width: 640px) {
    .site-footer__nav[b-3xvvjyitov] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 560px) {
    .site-footer__inner[b-3xvvjyitov] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-footer[b-3xvvjyitov] {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/Shared/CustomProLayout.razor.rz.scp.css */
/* ===== Header ===== */
.site-header[b-vl41601paq] {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    overflow-x: clip;
}

.site-header__surface[b-vl41601paq] {
    position: absolute;
    top: 32px;
    left: 50%;
    width: min(100%, 1440px);
    max-width: 100%;
    height: 64px;
    background: #fff;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}

[b-vl41601paq] .ant-pro-top-nav-header-main {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 32px;
    width: min(100%, 1440px);
    min-height: 64px;
    margin: 0 auto;
    padding: 0 24px;
    border-radius: 0 0 18px 18px;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    z-index: 1;
}

[b-vl41601paq] .ant-pro-top-nav-header-main::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0 0 18px 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(18, 33, 71, 0.08);
    pointer-events: none;
    z-index: -1;
}

.site-header__brand[b-vl41601paq] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    cursor: pointer;
}

.site-header__brand-logo[b-vl41601paq] {
    display: block;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.site-header__brand h1[b-vl41601paq] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.logo-dor[b-vl41601paq] {
    color: #1d39c4;
}

.logo-poisk[b-vl41601paq] {
    color: #2c2c34;
}

.header-nav-area[b-vl41601paq] {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 28px;
    min-width: 0;
}

.header-nav-link[b-vl41601paq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 64px;
    color: #2c2c34;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.24s ease, transform 0.24s ease;
}

.header-nav-link[b-vl41601paq]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--color-primary);
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform 0.24s ease, opacity 0.24s ease;
}

.header-nav-link:hover[b-vl41601paq],
.header-nav-link.is-active[b-vl41601paq] {
    color: var(--color-primary);
    transform: translateY(-1px);
}

.header-nav-link.is-active[b-vl41601paq]::after {
    transform: scaleX(1);
    opacity: 1;
}

.header-right[b-vl41601paq],
.mobile-header-actions[b-vl41601paq] {
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.header-right[b-vl41601paq] {
    display: flex;
}

.mobile-header-actions[b-vl41601paq] {
    display: none;
}

.mobile-header-actions > *[b-vl41601paq] {
    display: flex;
    align-items: center;
}

.header-icon-btn[b-vl41601paq],
.header-login-btn[b-vl41601paq],
.header-avatar-btn[b-vl41601paq] {
    box-sizing: border-box;
    border: 0;
    text-decoration: none;
}

.header-icon-btn[b-vl41601paq] {
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    color: #5c6475;
    background: transparent;
    outline: none;
    box-shadow: none;
    transition: color 0.18s ease, transform 0.18s ease;
}

.header-icon-btn:hover[b-vl41601paq] {
    color: var(--color-primary);
    transform: translateY(-1px);
}

.header-login-btn[b-vl41601paq] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 36px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
}

.header-login-btn:hover[b-vl41601paq] {
    background: var(--color-primary-hover);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(31, 46, 166, 0.2);
}

.header-avatar-btn[b-vl41601paq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-left: 20px;
    padding: 4px 10px 4px 4px;
    border-radius: 14px;
    background: #eef4ff;
    color: #6a7182;
    cursor: pointer;
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.header-avatar-btn:hover[b-vl41601paq] {
    background: #e3edff;
    transform: translateY(-1px);
}

.header-avatar-btn--guest[b-vl41601paq] {
    margin-left: 0;
    background: #f3f6ff;
}

.header-avatar-btn--mobile[b-vl41601paq] {
    min-height: 40px;
    margin-left: 0;
    padding: 2px 8px 2px 2px;
    border-radius: 12px;
}

.header-avatar-badge[b-vl41601paq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-primary);
}

.header-icon-counter[b-vl41601paq] {
    position: absolute;
    top: -5px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ff4d4f;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.header-dropdown-card[b-vl41601paq] {
    min-width: 280px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(18, 33, 71, 0.16);
    overflow: hidden;
}

.header-dropdown-menu[b-vl41601paq] {
    min-width: 280px;
    padding: 8px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.header-dropdown-menu--guest[b-vl41601paq] {
    width: 272px;
    min-width: 272px;
    padding: 4px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(18, 33, 71, 0.16);
}

.header-dropdown-user[b-vl41601paq] {
    padding: 16px 18px 10px;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.header-dropdown-divider[b-vl41601paq] {
    height: 1px;
    margin: 6px 4px;
    background: #eef1f6;
}

.header-menu-entry[b-vl41601paq] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-dropdown-item[b-vl41601paq] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: #2c2c34;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.header-dropdown-item:hover[b-vl41601paq] {
    background: #eef4ff;
    color: var(--color-primary);
}

.header-menu-entry[b-vl41601paq]  svg,
.mobile-menu__links a[b-vl41601paq]  svg,
.header-icon-btn[b-vl41601paq]  svg,
.header-avatar-btn[b-vl41601paq]  svg {
    flex-shrink: 0;
}

.hamburger[b-vl41601paq] {
    display: flex;
    align-items: center;
    align-self: center;
    position: relative;
    flex-shrink: 0;
}

.hamburger-icon[b-vl41601paq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: #eef4ff;
    cursor: pointer;
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.hamburger-icon:hover[b-vl41601paq] {
    background: #e3edff;
    transform: translateY(-1px);
}

.hamburger-icon span[b-vl41601paq] {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: #1d39c4;
    transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease;
}

.hamburger-icon span:nth-child(1)[b-vl41601paq] {
    top: 13px;
}

.hamburger-icon span:nth-child(2)[b-vl41601paq] {
    top: 19px;
}

.hamburger-icon span:nth-child(3)[b-vl41601paq] {
    top: 25px;
}

.hamburger-icon.active span:nth-child(1)[b-vl41601paq] {
    top: 19px;
    transform: rotate(45deg);
}

.hamburger-icon.active span:nth-child(2)[b-vl41601paq] {
    opacity: 0;
}

.hamburger-icon.active span:nth-child(3)[b-vl41601paq] {
    top: 19px;
    transform: rotate(-45deg);
}

.mobile-menu[b-vl41601paq] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    display: none;
    width: min(320px, calc(100vw - 32px));
    padding: 16px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(18, 33, 71, 0.16);
}

.mobile-menu.open[b-vl41601paq] {
    display: block;
    z-index: 110;
}

.mobile-menu__links[b-vl41601paq] {
    display: grid;
    gap: 8px;
}

.mobile-menu__links a[b-vl41601paq] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 12px;
    color: #2c2c34;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: #f7f8fb;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.mobile-menu__links a:hover[b-vl41601paq] {
    background: #eef4ff;
    color: var(--color-primary);
}

@media (max-width: 1100px) {
    .site-header[b-vl41601paq] {
        overflow: visible;
    }

    .desktop-menu[b-vl41601paq],
    .header-right[b-vl41601paq] {
        display: none;
    }

    .mobile-header-actions[b-vl41601paq] {
        display: flex;
        margin-left: auto;
    }

    [b-vl41601paq] .ant-pro-top-nav-header-main {
        gap: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 640px) {
    .site-header__brand h1[b-vl41601paq] {
        font-size: 20px;
        line-height: 28px   ;
    }

    .site-header__brand-logo[b-vl41601paq] {
        width: 32px;
        height: 32px;
    }

    .mobile-menu[b-vl41601paq] {
        width: min(300px, calc(100vw - 24px));
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ApplicationsPanel.razor.rz.scp.css */
.rec-section[b-28ks9nnrg3] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 32px;
}

.rec-section--full[b-28ks9nnrg3] {
    padding-top: 40px;
    padding-bottom: 40px;
}

.rec-search[b-28ks9nnrg3] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.rec-footer[b-28ks9nnrg3] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.rec-section__head[b-28ks9nnrg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0;
    min-height: 52px;
    flex-wrap: nowrap;
    overflow: visible;
}

.rec-section--full .rec-section__head[b-28ks9nnrg3] {
    min-height: 52px;
}

.rec-section--full .rec-list[b-28ks9nnrg3] {
    margin-top: 0;
}

.rec-section__title[b-28ks9nnrg3] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    flex-shrink: 0;
}

.rec-tabs[b-28ks9nnrg3] {
    display: flex;
    align-items: flex-end;
    gap: 32px;
    flex-wrap: wrap;
    margin-left: auto;
    overflow: visible;
}

.rec-tab[b-28ks9nnrg3] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 14px;
    margin: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    transition: color 0.15s;
}

.rec-tab:hover[b-28ks9nnrg3] {
    color: #10239E;
}

.rec-tab.active[b-28ks9nnrg3] {
    color: #10239E;
    font-weight: 600;
}

.rec-tab__underline[b-28ks9nnrg3] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #10239E;
    border-radius: 1px;
    pointer-events: none;
}

.rec-tab__count[b-28ks9nnrg3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 8px;
    border-radius: 100px;
    background: #F0F5FF;
    color: #10239E;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.rec-list[b-28ks9nnrg3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}

.rec-list[b-28ks9nnrg3]  .posting-card-wrapper {
    width: 100%;
}

.rec-list[b-28ks9nnrg3]  .clickable-card {
    min-height: 120px;
}

.rec-empty[b-28ks9nnrg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9CA3AF;
    font-size: 14px;
    text-align: center;
    padding: 48px 16px;
    border: 1px dashed #E5E7EB;
    border-radius: 10px;
    margin-top: 20px;
}

.rec-empty a[b-28ks9nnrg3] {
    color: var(--color-primary);
}

@media (max-width: 1024px) {
    .rec-section[b-28ks9nnrg3] {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 640px) {
    .rec-section__head[b-28ks9nnrg3] {
        flex-wrap: wrap;
    }

    .rec-tabs[b-28ks9nnrg3] {
        gap: 12px;
        margin-left: 0;
        width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardApplicationsSection.razor.rz.scp.css */
.applications-section[b-9plawg5kgq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.applications-section__title[b-9plawg5kgq] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    min-height: 52px;
    display: flex;
    align-items: center;
}

.applications-section__list[b-9plawg5kgq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.applications-section__list[b-9plawg5kgq]  .posting-card-wrapper {
    width: 100%;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardMetricsSection.razor.rz.scp.css */
.metrics-section[b-485arxnlh2] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 24px;
}

.metrics-section__title[b-485arxnlh2] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    padding: 24px 0 16px;
}

.metrics-grid[b-485arxnlh2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.metric-card[b-485arxnlh2] {
    position: relative;
    height: 202px;
    min-height: 202px;
    border: none;
    border-radius: 12px;
    padding: 24px;
    background: #10239E;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.metric-card[b-485arxnlh2]::before,
.metric-card[b-485arxnlh2]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: none;
    opacity: 1;
    right: auto;
    bottom: auto;
}

.metric-card[b-485arxnlh2]::before {
    left: 24px;
    top: 24px;
    width: 373px;
    height: 42px;
    background-image: url('/images/metric-card-pattern-top.svg');
}

.metric-card[b-485arxnlh2]::after {
    left: 24px;
    top: 146px;
    width: 382px;
    height: 32px;
    background-image: url('/images/metric-card-pattern-bottom.svg');
    transform: scaleY(-1) rotate(180deg);
    transform-origin: center;
}

.metric-card:hover[b-485arxnlh2] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px var(--color-primary-shadow);
}

.metric-card__value[b-485arxnlh2] {
    position: relative;
    z-index: 1;
    font-size: 56px;
    font-weight: 500;
    color: #fff;
    line-height: 46px;
    letter-spacing: -0.02em;
}

.metric-card__label[b-485arxnlh2] {
    position: relative;
    z-index: 1;
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
}

@media (max-width: 1024px) {
    .metrics-section[b-485arxnlh2] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .metrics-grid[b-485arxnlh2] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-485arxnlh2] {
        height: auto;
        min-height: 202px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardPracticeDocumentsSection.razor.rz.scp.css */
.practice-documents-section[b-bhc4zshtcs] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 20px;
}

.practice-documents-section__title[b-bhc4zshtcs] {
    padding: 40px 0 24px;
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
}

.practice-documents-card[b-bhc4zshtcs] {
    position: relative;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 24px 20px;
    background: #F8FAFC;
}

.practice-documents-file-input-host[b-bhc4zshtcs] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.practice-documents-file-input-host[b-bhc4zshtcs]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

.practice-documents-card__empty[b-bhc4zshtcs] {
    display: block;
    margin: 0 0 10px;
    cursor: pointer;
}

.practice-documents-card__empty-text[b-bhc4zshtcs] {
    display: block;
    margin: 0;
    padding: 12px 16px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.45);
    border: 1px dashed #ADC6FF;
    border-radius: 8px;
    background: transparent;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.practice-documents-card__empty:hover .practice-documents-card__empty-text[b-bhc4zshtcs] {
    border-color: #85A5FF;
    color: rgba(0, 0, 0, 0.55);
}

.practice-documents-card__files[b-bhc4zshtcs] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 12px;
    padding: 12px;
    border: 1px dashed #ADC6FF;
    border-radius: 8px;
    background: transparent;
}

.practice-documents-file[b-bhc4zshtcs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #fff;
}

.practice-documents-file--image[b-bhc4zshtcs] {
    padding-right: 8px;
}

.practice-documents-file__icon[b-bhc4zshtcs] {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.45);
    flex-shrink: 0;
}

.practice-documents-file__thumb[b-bhc4zshtcs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #F0F5FF;
    flex-shrink: 0;
}

.practice-documents-file__thumb[b-bhc4zshtcs]  .anticon {
    font-size: 16px;
    color: #10239E;
}

.practice-documents-file__name[b-bhc4zshtcs] {
    border: 0;
    padding: 0;
    background: transparent;
    font-size: 14px;
    line-height: 22px;
    color: #10239E;
    cursor: pointer;
    text-align: left;
}

.practice-documents-file__name:hover[b-bhc4zshtcs] {
    text-decoration: underline;
}

.practice-documents-file__delete[b-bhc4zshtcs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
}

.practice-documents-file__delete:hover[b-bhc4zshtcs] {
    color: rgba(0, 0, 0, 0.75);
    background: #F5F5F5;
}

.practice-documents-file__delete[b-bhc4zshtcs]  .anticon {
    font-size: 14px;
}

.practice-documents-card__actions[b-bhc4zshtcs] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.practice-documents-upload-btn[b-bhc4zshtcs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    background: #10239E;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.practice-documents-upload-btn:hover[b-bhc4zshtcs] {
    background: #0d1c7a;
}

.practice-documents-upload-btn[b-bhc4zshtcs]  .anticon {
    font-size: 14px;
    color: #fff;
}

.practice-documents-download-btn[b-bhc4zshtcs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #10239E;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.practice-documents-download-btn:hover[b-bhc4zshtcs] {
    background: #0d1c7a;
}

.practice-documents-download-btn[b-bhc4zshtcs]  .anticon {
    font-size: 14px;
    color: #fff;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardPracticeSidebarActions.razor.rz.scp.css */
.sidebar-actions[b-ghuwvib8e4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-action-card[b-ghuwvib8e4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 24px;
    background: #fff;
    border: 2px solid #F0F5FF;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
}

.sidebar-action-card:hover[b-ghuwvib8e4] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.sidebar-action-card[b-ghuwvib8e4]  .anticon {
    flex-shrink: 0;
    font-size: 16px;
    color: #10239E;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardSidebarActions.razor.rz.scp.css */
.sidebar-actions[b-3btm1rip64] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-action-card[b-3btm1rip64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 24px;
    background: #fff;
    border: 2px solid #F0F5FF;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
}

.sidebar-action-card:hover[b-3btm1rip64] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.sidebar-action-card[b-3btm1rip64]  .anticon {
    flex-shrink: 0;
    font-size: 16px;
    color: #10239E;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/DashboardTitleBar.razor.rz.scp.css */
.title-bar[b-mdst7n33fn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
    min-height: 46px;
    padding: 0;
}

.title-bar__heading[b-mdst7n33fn] {
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    color: #111827;
    line-height: 1.25;
}

.title-bar__actions[b-mdst7n33fn] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.title-bar__actions[b-mdst7n33fn]  .ant-btn {
    height: 34px;
    padding: 0 18px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
}

.title-bar__actions[b-mdst7n33fn]  .ant-btn-primary {
    box-shadow: none;
}

@media (max-width: 640px) {
    .title-bar__heading[b-mdst7n33fn] {
        font-size: 24px;
    }

    .title-bar__actions[b-mdst7n33fn] {
        width: 100%;
    }

    .title-bar__actions[b-mdst7n33fn]  .ant-btn {
        flex: 1;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/PracticeProgressBanner.razor.rz.scp.css */
.practice-progress-section[b-vlcfay81by] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 20px;
}

.practice-progress-section__head[b-vlcfay81by] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 40px 0 24px;
    flex-wrap: wrap;
}

.practice-progress-section__title[b-vlcfay81by] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
}

.practice-progress-section__status[b-vlcfay81by] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 12px;
    padding: 1px 8px;
    color: #10239E;
    background: #F0F5FF;
    border: 1px solid #ADC6FF;
}

.practice-progress-section__status[b-vlcfay81by]  .anticon {
    font-size: 12px;
    color: #10239E;
}

.practice-progress-card[b-vlcfay81by] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 24px 20px;
    background: #F8FAFC;
}

.practice-progress-card__row[b-vlcfay81by] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #374151;
}

.practice-progress-card__percent[b-vlcfay81by] {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.practice-progress-card__percent--default[b-vlcfay81by] {
    color: rgba(0, 0, 0, 0.85);
}

.practice-progress-card__percent--muted[b-vlcfay81by] {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
}

.practice-progress-bar[b-vlcfay81by] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 22px;
}

.practice-progress-bar__track[b-vlcfay81by] {
    flex: 1;
    height: 8px;
    border-radius: 100px;
    background: #fff;
    overflow: hidden;
}

.practice-progress-bar__fill[b-vlcfay81by] {
    height: 100%;
    border-radius: 100px;
    min-width: 0;
    transition: width 0.3s ease;
}

.practice-progress-bar--neutral .practice-progress-bar__fill[b-vlcfay81by] {
    background: #10239E;
}

.practice-progress-bar--success .practice-progress-bar__fill[b-vlcfay81by] {
    background: #52C41A;
}

.practice-progress-bar__badge[b-vlcfay81by] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.practice-progress-bar__badge--success[b-vlcfay81by] {
    background: #52C41A;
}

.practice-progress-bar__badge[b-vlcfay81by]  .anticon {
    font-size: 10px;
    color: #fff;
    line-height: 1;
}

.practice-progress-card__actions[b-vlcfay81by] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.practice-progress-card__actions[b-vlcfay81by]  .ant-btn {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileAboutForm.razor.rz.scp.css */
.profile-form__avatar-input-host[b-h5bcuq0k60] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.profile-form__avatar-input-host[b-h5bcuq0k60]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.profile-form[b-h5bcuq0k60]  .profile-form__field--avatar.ant-form-item {
    position: relative;
}

.profile-form[b-h5bcuq0k60]  .profile-form__field--avatar .ant-form-item-control-input-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.profile-form__avatar-uploader[b-h5bcuq0k60] {
    display: block;
}

.profile-form[b-h5bcuq0k60]  .profile-form__avatar-uploader .ant-upload.ant-upload-select {
    width: 104px;
    height: 104px;
    margin: 0;
    border-radius: 12px;
}

.profile-form[b-h5bcuq0k60]  .profile-form__avatar-uploader input[type="file"] {
    display: none !important;
}

.profile-form__avatar-trigger[b-h5bcuq0k60] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.profile-form__avatar-placeholder[b-h5bcuq0k60] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: rgba(0, 0, 0, 0.45);
}

.profile-form__avatar-placeholder .ant-upload-text[b-h5bcuq0k60] {
    font-size: 12px;
    line-height: 20px;
}

.profile-form__avatar-preview[b-h5bcuq0k60] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-form__avatar-remove[b-h5bcuq0k60] {
    align-self: flex-start;
}

.profile-form[b-h5bcuq0k60]  .profile-form__textarea {
    font-size: 14px;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileCompletionBanner.razor.rz.scp.css */
.completion-section[b-6tbtyt84lu] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 20px;
}

.completion-section__head[b-6tbtyt84lu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 40px 0 24px;
    flex-wrap: wrap;
}

.completion-section__title[b-6tbtyt84lu] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
}

.questionnaire-status[b-6tbtyt84lu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 12px;
    padding: 1px 8px;
}

.questionnaire-status--published[b-6tbtyt84lu] {
    color: #52C41A;
    background: #f6ffed;
    border: 1px solid #b7eb8f;
}

.questionnaire-status--published[b-6tbtyt84lu]  .anticon {
    font-size: 12px;
    color: #52C41A;
}

.questionnaire-status--unpublished[b-6tbtyt84lu] {
    color: rgba(0, 0, 0, 0.85);
    background: #fafafa;
    border: 1px solid #d9d9d9;
}

.questionnaire-status--unpublished[b-6tbtyt84lu]  .anticon {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
}

.completion-card[b-6tbtyt84lu] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 24px 20px;
    background: #F8FAFC;
}

.completion-card--filled[b-6tbtyt84lu] {
    border-color: transparent;
    background: #F0F5FF;
}

.completion-card__row[b-6tbtyt84lu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #374151;
}

.completion-card__percent[b-6tbtyt84lu] {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.completion-card__percent--low[b-6tbtyt84lu] {
    color: #F5222D;
}

.completion-card__percent--muted[b-6tbtyt84lu] {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
}

.completion-card--filled .completion-card__row[b-6tbtyt84lu] {
    color: rgba(0, 0, 0, 0.45);
}

.completion-progress[b-6tbtyt84lu] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 22px;
}

.completion-progress__track[b-6tbtyt84lu] {
    flex: 1;
    height: 8px;
    border-radius: 100px;
    background: #fff;
    overflow: hidden;
}

.completion-progress__fill[b-6tbtyt84lu] {
    height: 100%;
    border-radius: 100px;
    min-width: 0;
    transition: width 0.3s ease;
}

.completion-progress--success .completion-progress__fill[b-6tbtyt84lu] {
    background: #52C41A;
}

.completion-progress--error .completion-progress__track[b-6tbtyt84lu] {
    background: #fff;
}

.completion-progress--error .completion-progress__fill[b-6tbtyt84lu] {
    background: #F5222D;
}

.completion-progress__badge[b-6tbtyt84lu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.completion-progress__badge--success[b-6tbtyt84lu] {
    background: #52C41A;
}

.completion-progress__badge--error[b-6tbtyt84lu] {
    background: #F5222D;
}

.completion-progress__badge[b-6tbtyt84lu]  .anticon {
    font-size: 10px;
    color: #fff;
    line-height: 1;
}

.completion-card__action[b-6tbtyt84lu] {
    margin-top: 14px;
}

.completion-card__action[b-6tbtyt84lu]  .ant-btn {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
}

@media (max-width: 576px) {
    .completion-card[b-6tbtyt84lu] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .completion-card__action[b-6tbtyt84lu]  .ant-btn {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 34px;
        white-space: normal;
        text-align: center;
        justify-content: center;
        padding-top: 6px;
        padding-bottom: 6px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileDocumentsForm.razor.rz.scp.css */
.profile-form[b-njt0xex591] {
    gap: 0;
}

.profile-form__field[b-njt0xex591] {
    padding-bottom: 24px;
}

.profile-form__field--switch[b-njt0xex591] {
    flex-direction: column;
    align-items: flex-start;
}

.profile-form[b-njt0xex591]  .section-divider {
    margin-bottom: 24px;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileRecommendationsForm.razor.rz.scp.css */
.profile-form[b-e6c5vz7sn3]  .section-divider {
    margin-top: 0;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileSectionPage.razor.rz.scp.css */
.profile-section-panel[b-877ghy0vku] {
    scroll-margin-top: 120px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 0;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.profile-section-panel[b-877ghy0vku]  .completion-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 40px 20px;
    border: none;
    border-radius: 0;
    background: transparent;
    margin: 0;
}

.profile-section-panel[b-877ghy0vku]  .completion-section__head {
    padding: 0;
    min-height: 52px;
    align-items: center;
}

.profile-section[b-877ghy0vku] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 40px;
}

.profile-section--documents[b-877ghy0vku] {
    padding: 0 40px;
}

.profile-section__title[b-877ghy0vku] {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.85);
}

.profile-section__body[b-877ghy0vku] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.profile-section__stub[b-877ghy0vku] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.65);
}

.profile-section__stub a[b-877ghy0vku] {
    color: var(--color-primary);
}

@media (max-width: 1024px) {
    .profile-section-panel[b-877ghy0vku]  .completion-section,
    .profile-section[b-877ghy0vku],
    .profile-section--documents[b-877ghy0vku] {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/ProfileSkillsForm.razor.rz.scp.css */
.profile-form[b-ztdrvzmn6b] {
    gap: 16px;
}

.profile-form__knowledge-empty[b-ztdrvzmn6b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 24px;
    border: 1px dashed #597ef7;
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.45);
    text-align: center;
}

.profile-form__abilities[b-ztdrvzmn6b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-form[b-ztdrvzmn6b]  .section-divider:first-of-type {
    margin-top: 0;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/RecommendationsPanel.razor.rz.scp.css */
.rec-section[b-mx3uxp2qjo] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 40px 32px;
}

.rec-section--full[b-mx3uxp2qjo] {
    padding-top: 40px;
    padding-bottom: 40px;
}

.rec-search[b-mx3uxp2qjo] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.rec-footer[b-mx3uxp2qjo] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.rec-section__head[b-mx3uxp2qjo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0;
    min-height: 52px;
    flex-wrap: nowrap;
    overflow: visible;
}

.rec-section--full .rec-section__head[b-mx3uxp2qjo] {
    min-height: 52px;
}

.rec-section--full .rec-list[b-mx3uxp2qjo] {
    margin-top: 0;
}

.rec-section__title[b-mx3uxp2qjo] {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    flex-shrink: 0;
}

.rec-tabs[b-mx3uxp2qjo] {
    display: flex;
    align-items: flex-end;
    gap: 32px;
    flex-wrap: wrap;
    margin-left: auto;
    overflow: visible;
}

.rec-tab[b-mx3uxp2qjo] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 14px;
    margin: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    transition: color 0.15s;
}

.rec-tab:hover[b-mx3uxp2qjo] {
    color: #10239E;
}

.rec-tab.active[b-mx3uxp2qjo] {
    color: #10239E;
    font-weight: 600;
}

.rec-tab__underline[b-mx3uxp2qjo] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #10239E;
    border-radius: 1px;
    pointer-events: none;
}

.rec-tab__count[b-mx3uxp2qjo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 8px;
    border-radius: 100px;
    background: #F0F5FF;
    color: #10239E;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.rec-list[b-mx3uxp2qjo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}

.rec-list[b-mx3uxp2qjo]  .posting-card-wrapper {
    width: 100%;
}

.rec-list[b-mx3uxp2qjo]  .clickable-card {
    min-height: 120px;
}

.rec-empty[b-mx3uxp2qjo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9CA3AF;
    font-size: 14px;
    text-align: center;
    padding: 48px 16px;
    border: 1px dashed #E5E7EB;
    border-radius: 10px;
    margin-top: 20px;
}

.rec-empty a[b-mx3uxp2qjo] {
    color: var(--color-primary);
}

.rec-more[b-mx3uxp2qjo] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.rec-more[b-mx3uxp2qjo]  .ant-btn-primary {
    height: auto;
    min-height: 46px;
    padding: 9px 25px;
    border-radius: 100px;
    border-color: #10239E;
    background: #10239E;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.rec-more[b-mx3uxp2qjo]  .ant-btn-primary:hover,
.rec-more[b-mx3uxp2qjo]  .ant-btn-primary:focus {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

@media (max-width: 1024px) {
    .rec-section[b-mx3uxp2qjo] {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 640px) {
    .rec-section__head[b-mx3uxp2qjo] {
        flex-wrap: wrap;
    }

    .rec-tabs[b-mx3uxp2qjo] {
        gap: 12px;
        margin-left: 0;
        width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/SectionDividerTitle.razor.rz.scp.css */
.section-divider[b-0abg5rtn3k] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.section-divider__line[b-0abg5rtn3k] {
    flex: 1;
    height: 1px;
    background: rgba(0, 0, 0, 0.06);
}

.section-divider__title[b-0abg5rtn3k] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    white-space: nowrap;
}

@media (max-width: 576px) {
    .section-divider[b-0abg5rtn3k] {
        flex-direction: column;
        gap: 8px;
    }

    .section-divider__line[b-0abg5rtn3k] {
        width: 100%;
        flex: none;
    }

    .section-divider__title[b-0abg5rtn3k] {
        white-space: normal;
        text-align: center;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/StudentCalendarWidget.razor.rz.scp.css */
.sidebar-section[b-6hla2z16xm] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.sidebar-section--calendar[b-6hla2z16xm] {
    padding-bottom: 0;
}

.calendar-card[b-6hla2z16xm] {
    padding: 0 24px 16px;
}

.calendar-header[b-6hla2z16xm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 0;
    min-height: 54px;
}

.calendar-header__title[b-6hla2z16xm] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    text-transform: capitalize;
}

.calendar-nav-btn[b-6hla2z16xm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #6B7280;
    transition: background 0.15s, color 0.15s;
}

.calendar-nav-btn:hover[b-6hla2z16xm] {
    background: #F3F4F6;
    color: var(--color-primary);
}

.calendar-weekdays[b-6hla2z16xm] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    margin-bottom: 0;
    padding: 8px 8px 0;
}

.calendar-weekday[b-6hla2z16xm] {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

.calendar-grid[b-6hla2z16xm] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    padding: 0 8px 8px;
}

.calendar-day[b-6hla2z16xm] {
    height: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    padding: 0;
    transition: background 0.15s, border-color 0.15s;
}

.calendar-day:hover:not(:disabled):not(.calendar-day--selected)[b-6hla2z16xm] {
    background: #F3F4F6;
}

.calendar-day--outside[b-6hla2z16xm] {
    color: #D1D5DB;
    cursor: default;
}

.calendar-day--today:not(.calendar-day--selected)[b-6hla2z16xm] {
    font-weight: 600;
    color: var(--color-primary);
}

.calendar-day--selected[b-6hla2z16xm] {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.calendar-day--selected:hover:not(:disabled)[b-6hla2z16xm] {
    background: var(--color-primary-hover);
    color: #fff;
    border-color: var(--color-primary-hover);
}

.calendar-day--has-events:not(.calendar-day--selected)[b-6hla2z16xm] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
    font-weight: 500;
}

.calendar-day--has-events:not(.calendar-day--selected):hover:not(:disabled)[b-6hla2z16xm] {
    background: var(--color-primary-bg);
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.calendar-day__dot[b-6hla2z16xm] {
    display: none;
}

.calendar-events[b-6hla2z16xm] {
    display: none;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/StudentProfileNav.razor.rz.scp.css */
.sidebar-section[b-19zor2m677] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.sidebar-section--nav[b-19zor2m677] {
    overflow: visible;
}

.sidebar-section__title[b-19zor2m677] {
    padding: 24px 40px 0;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 28px;
}

.sidebar-section--nav .sidebar-section__title[b-19zor2m677] {
    padding-bottom: 0;
}

.profile-nav[b-19zor2m677] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 0 16px;
}

.profile-nav__item[b-19zor2m677],
.profile-nav[b-19zor2m677]  a.profile-nav__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    box-sizing: border-box;
}

.profile-nav__item:hover[b-19zor2m677],
.profile-nav[b-19zor2m677]  a.profile-nav__item:hover {
    background: #F9FAFB;
    color: var(--color-primary);
}

.profile-nav__item--active[b-19zor2m677],
.profile-nav[b-19zor2m677]  a.profile-nav__item--active {
    color: #10239e;
    font-weight: 500;
    background: #f0f5ff;
    border-right: 3px solid #10239e;
}

.profile-nav__item--active[b-19zor2m677]::after,
.profile-nav[b-19zor2m677]  a.profile-nav__item--active::after {
    display: none;
}

.profile-nav__item--toggle[b-19zor2m677] {
    justify-content: space-between;
}

.profile-nav__item--toggle[b-19zor2m677]  .anticon {
    font-size: 12px;
    color: #9CA3AF;
}

.profile-nav[b-19zor2m677]  a.profile-nav__sub {
    position: relative;
    display: block;
    padding: 8px 40px 8px 56px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    box-sizing: border-box;
}

.profile-nav[b-19zor2m677]  a.profile-nav__sub:hover {
    background: #F9FAFB;
    color: var(--color-primary);
}

.profile-nav[b-19zor2m677]  a.profile-nav__sub--active {
    color: #10239e;
    font-weight: 500;
    background: #f0f5ff;
    border-right: 3px solid #10239e;
}

.profile-nav[b-19zor2m677]  a.profile-nav__sub--active:hover {
    color: #10239e;
    background: #f0f5ff;
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/Components/StudentProfileSummaryCard.razor.rz.scp.css */
.profile-card[b-an8f3ekk14] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.profile-card__cover[b-an8f3ekk14] {
    height: 130px;
    background: #D6E4FF;
    border-radius: 12px 12px 0 0;
}

.profile-card__body[b-an8f3ekk14] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 40px 24px;
    flex-wrap: wrap;
}

.profile-card__avatar-wrap[b-an8f3ekk14] {
    margin-top: -40px;
    flex-shrink: 0;
}

.profile-card__avatar-wrap[b-an8f3ekk14]  .profile-avatar {
    border: 4px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.profile-card__info[b-an8f3ekk14] {
    flex: 1;
    min-width: 240px;
    padding-top: 12px;
}

.profile-card__name-row[b-an8f3ekk14] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.profile-card__name[b-an8f3ekk14] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #111827;
}

.profile-mode-badge[b-an8f3ekk14] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 12px;
    border: 1px solid #52C41A;
    background: #F6FFED;
    color: #389E0D;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.profile-card__about[b-an8f3ekk14] {
    margin: 0 0 20px;
    font-size: 14px;
    color: #4B5563;
    line-height: 1.6;
    max-width: 720px;
}

.profile-meta-grid[b-an8f3ekk14] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.profile-meta-row[b-an8f3ekk14] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.profile-meta-item__label[b-an8f3ekk14] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 6px;
}

.profile-meta-item__label[b-an8f3ekk14]  .anticon {
    font-size: 16px;
    color: var(--color-primary);
}

.profile-meta-item__value[b-an8f3ekk14] {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
}

.profile-meta-tags[b-an8f3ekk14] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.profile-meta-pill[b-an8f3ekk14] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 12px;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    font-size: 12px;
    color: #4B5563;
    line-height: 20px;
}

@media (max-width: 1024px) {
    .profile-card__body[b-an8f3ekk14] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .profile-meta-row[b-an8f3ekk14] {
        grid-template-columns: 1fr;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentApplicationChat.razor.rz.scp.css */
.application-chat-page[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: fadeIn-b-7eny6l4kw3 0.25s ease-out;
}

.chat-skeleton[b-7eny6l4kw3] {
    display: grid;
    gap: 16px;
    padding: 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-page-header[b-7eny6l4kw3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-page-title[b-7eny6l4kw3] {
    min-width: 0;
}

.chat-company-line[b-7eny6l4kw3] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.chat-company-line h1[b-7eny6l4kw3] {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.chat-company-line p[b-7eny6l4kw3] {
    margin: 2px 0 0;
    max-width: 100%;
    overflow: hidden;
    color: #6B7280;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-page-actions[b-7eny6l4kw3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

[b-7eny6l4kw3] .chat-back-btn {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    color: #111827;
    font-weight: 700;
}

[b-7eny6l4kw3] .chat-back-btn:hover {
    background: #F3F4F6;
    color: #0D9488;
}

[b-7eny6l4kw3] .chat-status-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-inline-end: 0;
    padding: 1px 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
}

.chat-info-mobile[b-7eny6l4kw3] {
    display: inline-flex;
}

[b-7eny6l4kw3] .chat-info-mobile {
    height: 34px;
    padding-inline: 16px;
    border-radius: 8px;
}

.chat-layout[b-7eny6l4kw3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: stretch;
}

.chat-main-card[b-7eny6l4kw3],
.application-card[b-7eny6l4kw3] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.chat-main-card[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 620px;
    overflow: hidden;
}

.chat-main-head[b-7eny6l4kw3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #F3F4F6;
}

.chat-main-kicker[b-7eny6l4kw3],
.side-kicker[b-7eny6l4kw3] {
    color: #8C8C8C;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.chat-main-head h2[b-7eny6l4kw3],
.application-card__head h3[b-7eny6l4kw3] {
    margin: 2px 0 0;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.chat-updated[b-7eny6l4kw3] {
    flex-shrink: 0;
    color: #8C8C8C;
    font-size: 12px;
    line-height: 20px;
}

.chat-messages[b-7eny6l4kw3] {
    flex: 1;
    min-height: 360px;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #F7F9FC;
}

.chat-center[b-7eny6l4kw3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.load-more-tip[b-7eny6l4kw3] {
    align-self: center;
    padding: 6px 12px;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    background: #fff;
    color: #8C8C8C;
    font-size: 12px;
}

.msg[b-7eny6l4kw3] {
    display: flex;
}

.msg--out[b-7eny6l4kw3] {
    justify-content: flex-end;
}

.msg--in[b-7eny6l4kw3] {
    justify-content: flex-start;
}

.msg-bubble[b-7eny6l4kw3] {
    max-width: min(68%, 560px);
    padding: 10px 14px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
}

.msg-bubble--out[b-7eny6l4kw3] {
    background: #0D9488;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.msg-bubble--in[b-7eny6l4kw3] {
    background: #fff;
    color: #111827;
    border: 1px solid #E5E7EB;
    border-bottom-left-radius: 4px;
}

.msg-footer[b-7eny6l4kw3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 4px;
}

.msg-time[b-7eny6l4kw3] {
    font-size: 11px;
    line-height: 16px;
    opacity: 0.68;
}

[b-7eny6l4kw3] .msg-read {
    font-size: 12px;
    opacity: 0.75;
}

.chat-empty[b-7eny6l4kw3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6B7280;
    text-align: center;
}

.chat-empty span[b-7eny6l4kw3] {
    max-width: 320px;
    font-size: 14px;
    line-height: 22px;
}

.chat-input[b-7eny6l4kw3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    padding: 14px 20px;
    border-top: 1px solid #E5E7EB;
    background: #fff;
}

[b-7eny6l4kw3] .chat-textarea {
    border-radius: 8px;
    resize: none;
}

[b-7eny6l4kw3] .chat-send-btn {
    height: 40px;
    border-radius: 8px;
}

.application-side[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.application-card[b-7eny6l4kw3] {
    padding: 20px;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
    transition: none !important;
}

.application-side .application-card:hover[b-7eny6l4kw3] {
    border-color: #E5E7EB !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
}

.application-card--compact[b-7eny6l4kw3] {
    padding: 16px 20px;
}

.application-card--compact .side-kicker[b-7eny6l4kw3] {
    margin-bottom: 14px;
}

.application-card__head[b-7eny6l4kw3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.company-summary[b-7eny6l4kw3] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 12px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #F9FAFB;
    text-align: left;
    cursor: pointer;
}

.company-summary span[b-7eny6l4kw3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.company-summary strong[b-7eny6l4kw3],
.company-summary small[b-7eny6l4kw3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-summary strong[b-7eny6l4kw3] {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.company-summary small[b-7eny6l4kw3] {
    color: #8C8C8C;
    font-size: 12px;
    line-height: 18px;
}

.side-details[b-7eny6l4kw3],
.drawer-details[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-detail[b-7eny6l4kw3],
.drawer-detail[b-7eny6l4kw3] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    color: #374151;
    font-size: 13px;
    line-height: 20px;
}

.side-detail span[b-7eny6l4kw3],
.drawer-detail span[b-7eny6l4kw3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-7eny6l4kw3] .side-detail .anticon,
[b-7eny6l4kw3] .drawer-detail .anticon,
.company-summary[b-7eny6l4kw3]  .anticon {
    color: #8C8C8C;
    font-size: 15px;
}

.side-actions[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #F3F4F6;
}

[b-7eny6l4kw3] .side-actions .ant-btn,
[b-7eny6l4kw3] .drawer-actions .ant-btn {
    border-radius: 8px;
}

[b-7eny6l4kw3] .cancel-application-btn {
    border-radius: 8px;
}

.drawer-content[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.drawer-section[b-7eny6l4kw3] {
    padding-top: 14px;
    border-top: 1px solid #F3F4F6;
}

.drawer-section:first-child[b-7eny6l4kw3] {
    padding-top: 0;
    border-top: 0;
}

.drawer-label[b-7eny6l4kw3] {
    margin-bottom: 8px;
    color: #8C8C8C;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.drawer-company[b-7eny6l4kw3] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.drawer-actions[b-7eny6l4kw3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid #E5E7EB;
}

.chat-messages[b-7eny6l4kw3]::-webkit-scrollbar {
    width: 6px;
}

.chat-messages[b-7eny6l4kw3]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages[b-7eny6l4kw3]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 999px;
}

@keyframes fadeIn-b-7eny6l4kw3 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 1200px) {
    .chat-layout[b-7eny6l4kw3] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 1024px) {
    .chat-page-header[b-7eny6l4kw3] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chat-page-actions[b-7eny6l4kw3] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .chat-layout[b-7eny6l4kw3] {
        grid-template-columns: 1fr;
    }

    .application-side[b-7eny6l4kw3] {
        display: none;
    }

    .chat-main-card[b-7eny6l4kw3] {
        min-height: calc(100vh - 320px);
    }
}

@media (max-width: 640px) {
    .chat-page-header[b-7eny6l4kw3] {
        padding: 14px;
        gap: 12px;
    }

    .chat-page-header[b-7eny6l4kw3]  .ant-btn {
        padding-inline: 8px;
    }

    .chat-company-line h1[b-7eny6l4kw3] {
        font-size: 16px;
        line-height: 24px;
    }

    .chat-company-line p[b-7eny6l4kw3] {
        font-size: 12px;
        line-height: 18px;
    }

    .chat-main-head[b-7eny6l4kw3] {
        padding: 14px;
        flex-direction: column;
        gap: 6px;
    }

    .chat-messages[b-7eny6l4kw3] {
        min-height: 320px;
        padding: 14px;
    }

    .msg-bubble[b-7eny6l4kw3] {
        max-width: 86%;
    }

    .chat-input[b-7eny6l4kw3] {
        grid-template-columns: 1fr;
        padding: 12px 14px;
    }

    [b-7eny6l4kw3] .chat-send-btn {
        width: 100%;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentApplications.razor.rz.scp.css */
.student-applications-page[b-wub7ga8xqa] {
    animation: fadeIn-b-wub7ga8xqa 0.3s ease-out;
}

@keyframes fadeIn-b-wub7ga8xqa {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentCompanyChats.razor.rz.scp.css */
.student-chats-page[b-efdpabgsii] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.student-chats-header[b-efdpabgsii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.student-chats-header h1[b-efdpabgsii] {
    margin: 0;
    color: #111827;
    font-size: 24px;
    font-weight: 700;
}

.student-chats-header p[b-efdpabgsii] {
    margin: 4px 0 0;
    color: #6B7280;
    font-size: 14px;
}

.student-chats-panel[b-efdpabgsii],
.student-chats-list[b-efdpabgsii],
.student-chats-empty[b-efdpabgsii] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
}

.student-chats-panel[b-efdpabgsii] {
    padding: 20px;
}

.student-chats-list[b-efdpabgsii] {
    overflow: hidden;
}

.chat-row[b-efdpabgsii] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid #F3F4F6;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease;
}

.chat-row:last-child[b-efdpabgsii] {
    border-bottom: 0;
}

.chat-row:hover[b-efdpabgsii] {
    background: #F9FAFB;
}

.chat-row__avatar[b-efdpabgsii] {
    display: flex;
}

.chat-row__body[b-efdpabgsii] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-row__top[b-efdpabgsii],
.chat-row__bottom[b-efdpabgsii] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.chat-row__top strong[b-efdpabgsii] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111827;
    font-size: 15px;
}

.chat-row__time[b-efdpabgsii] {
    margin-left: auto;
    flex-shrink: 0;
    color: #9CA3AF;
    font-size: 12px;
}

.chat-row__posting[b-efdpabgsii],
.chat-row__preview[b-efdpabgsii] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-row__posting[b-efdpabgsii] {
    color: #374151;
    font-size: 13px;
}

.chat-row__preview[b-efdpabgsii] {
    color: #6B7280;
    font-size: 13px;
}

.chat-row__badge[b-efdpabgsii] {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0D9488;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.student-chats-empty[b-efdpabgsii] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.student-chats-empty h2[b-efdpabgsii] {
    margin: 0;
    color: #111827;
    font-size: 20px;
    font-weight: 700;
}

.student-chats-empty p[b-efdpabgsii] {
    margin: 0 0 8px;
    max-width: 420px;
    color: #6B7280;
    font-size: 14px;
}

[b-efdpabgsii] .student-chats-empty .anticon {
    font-size: 42px;
    color: #D1D5DB;
}

@media (max-width: 640px) {
    .student-chats-header[b-efdpabgsii] {
        align-items: flex-start;
        flex-direction: column;
    }

    .chat-row[b-efdpabgsii] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chat-row__badge[b-efdpabgsii] {
        grid-column: 2;
        justify-self: start;
    }

    .chat-row__bottom[b-efdpabgsii] {
        flex-wrap: wrap;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentDashboard.razor.rz.scp.css */
.dashboard-panel[b-y570kbli9r] {
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 40px 0;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.dashboard-panel[b-y570kbli9r]  .completion-section,
.dashboard-panel[b-y570kbli9r]  .metrics-section,
.dashboard-panel[b-y570kbli9r]  .rec-section,
.dashboard-panel[b-y570kbli9r]  .applications-section,
.dashboard-panel[b-y570kbli9r]  .practice-progress-section,
.dashboard-panel[b-y570kbli9r]  .practice-documents-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 40px;
    border: none;
    border-radius: 0;
    background: transparent;
    margin: 0;
}

.dashboard-panel[b-y570kbli9r]  .completion-section__head,
.dashboard-panel[b-y570kbli9r]  .practice-progress-section__head {
    padding: 0;
    min-height: 52px;
    align-items: center;
}

.dashboard-panel[b-y570kbli9r]  .practice-documents-section__title {
    padding: 0;
    min-height: 52px;
    display: flex;
    align-items: center;
}

.dashboard-panel[b-y570kbli9r]  .metrics-section__title {
    padding: 0;
    min-height: 52px;
    display: flex;
    align-items: center;
}

.dashboard-panel[b-y570kbli9r]  .rec-section__head {
    padding: 0;
    min-height: 52px;
    overflow: visible;
}

.dashboard-panel[b-y570kbli9r]  .rec-tab.active {
    color: #10239E;
    font-weight: 600;
}

.dashboard-panel[b-y570kbli9r]  .rec-tab__underline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #10239E;
    border-radius: 1px;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .dashboard-panel[b-y570kbli9r]  .completion-section,
    .dashboard-panel[b-y570kbli9r]  .metrics-section,
    .dashboard-panel[b-y570kbli9r]  .rec-section,
    .dashboard-panel[b-y570kbli9r]  .applications-section,
    .dashboard-panel[b-y570kbli9r]  .practice-progress-section,
    .dashboard-panel[b-y570kbli9r]  .practice-documents-section {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentFavorites.razor.rz.scp.css */
@keyframes fadeIn-b-uwngubk4c0 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-uwngubk4c0 {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpSmall-b-uwngubk4c0 {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.page-wrapper[b-uwngubk4c0] {
    width: min(100%, 1440px);
    margin: 0 auto;
    padding-bottom: 88px;
    animation: fadeIn-b-uwngubk4c0 0.3s ease-out;
}

.section-header[b-uwngubk4c0] {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1A;
    animation: slideUp-b-uwngubk4c0 0.5s ease-out both;
}

.results-toolbar[b-uwngubk4c0] {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    animation: slideUpSmall-b-uwngubk4c0 0.4s ease-out 0.2s both;
}

.results-count[b-uwngubk4c0] {
    color: #6B7280;
    font-size: 14px;
}

.results-list[b-uwngubk4c0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.skeleton-list[b-uwngubk4c0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.empty-state[b-uwngubk4c0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 64px 16px;
    text-align: center;
    animation: fadeIn-b-uwngubk4c0 0.5s ease-out 0.2s both;
}

[b-uwngubk4c0] .empty-state-icon {
    font-size: 48px;
    color: #D1D5DB;
}

.empty-state-text[b-uwngubk4c0] {
    color: #6B7280;
    font-size: 16px;
}

.empty-state-hint[b-uwngubk4c0] {
    color: #9CA3AF;
    font-size: 14px;
    max-width: 320px;
}

.empty-state[b-uwngubk4c0]  .ant-btn {
    margin-top: 8px;
    border-radius: 12px;
}

@media (max-width: 992px) {
    .section-header[b-uwngubk4c0] {
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .section-header[b-uwngubk4c0] {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 20px;
        margin-bottom: 24px;
    }

    .results-toolbar[b-uwngubk4c0] {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-uwngubk4c0], [b-uwngubk4c0] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentPractice.razor.rz.scp.css */
/* === PAGE === */
.practice-page[b-i94oku9z8o] {
    padding: 24px;
    min-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    animation: fadeIn-b-i94oku9z8o 0.3s ease-out;
}

/* === SKELETON === */
.skeleton-row[b-i94oku9z8o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

/* === EMPTY / ERROR === */
.empty-state[b-i94oku9z8o],
.error-state[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 24px;
    animation: slideUp-b-i94oku9z8o 0.4s ease-out;
}

.empty-state-icon-wrap[b-i94oku9z8o] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #F0FDFA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.empty-state-icon-wrap[b-i94oku9z8o]  .anticon {
    font-size: 32px;
    color: #0D9488;
}

.error-state-icon[b-i94oku9z8o] {
    font-size: 44px;
    color: #EF4444;
    margin-bottom: 16px;
}

.empty-state-title[b-i94oku9z8o],
.error-state-title[b-i94oku9z8o] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

.empty-state-text[b-i94oku9z8o],
.error-state-text[b-i94oku9z8o] {
    font-size: 14px;
    color: #6B7280;
    max-width: 400px;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* === PAGE HEADER === */
.page-header[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    animation: slideUp-b-i94oku9z8o 0.3s ease-out;
}

.page-title[b-i94oku9z8o] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.page-header-actions[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* === POSTING BAR === */
.posting-bar[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 16px;
    animation: slideUp-b-i94oku9z8o 0.32s ease-out;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.posting-bar:hover[b-i94oku9z8o] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.posting-bar-left[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.company-logo[b-i94oku9z8o] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.company-logo-placeholder[b-i94oku9z8o] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #F0FDFA;
    color: #0D9488;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    flex-shrink: 0;
}

.posting-bar-info[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.posting-title[b-i94oku9z8o] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s;
}

.posting-title:hover[b-i94oku9z8o] {
    color: #0D9488;
}

.company-name-link[b-i94oku9z8o] {
    font-size: 13px;
    color: #6B7280;
    text-decoration: none;
    transition: color 0.2s;
}

.company-name-link:hover[b-i94oku9z8o] {
    color: #0D9488;
}

.posting-bar-tags[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* === REVIEW BAR === */
.review-bar[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #F0FDFA;
    border: 1px solid #CCFBF1;
    border-radius: 10px;
    padding: 12px 20px;
    margin-bottom: 16px;
    font-size: 13px;
    color: #374151;
    animation: slideUp-b-i94oku9z8o 0.34s ease-out;
}

.review-bar[b-i94oku9z8o]  .anticon {
    font-size: 15px;
    color: #0D9488;
}

.review-link[b-i94oku9z8o] {
    font-weight: 600;
    color: #0D9488;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s;
}

.review-link:hover[b-i94oku9z8o] {
    color: #0F766E;
    text-decoration: underline;
}

.info-tag[b-i94oku9z8o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #6B7280;
    background: #F3F4F6;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.info-tag[b-i94oku9z8o]  .anticon {
    font-size: 13px;
    color: #9CA3AF;
}

/* === SUMMARY ROW === */
.summary-row[b-i94oku9z8o] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 16px;
    margin-bottom: 20px;
    animation: slideUp-b-i94oku9z8o 0.35s ease-out;
}

.summary-card[b-i94oku9z8o] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 16px 20px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.summary-card:hover[b-i94oku9z8o] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.summary-label[b-i94oku9z8o] {
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.summary-value[b-i94oku9z8o] {
    font-size: 15px;
    font-weight: 500;
    color: #111827;
}

.summary-period[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.period-sep[b-i94oku9z8o] {
    color: #9CA3AF;
}

.summary-card-progress[b-i94oku9z8o] {
    min-width: 200px;
}

.progress-value[b-i94oku9z8o] {
    font-size: 14px;
    font-weight: 700;
    color: #0D9488;
}

.progress-track[b-i94oku9z8o] {
    height: 8px;
    background: #F3F4F6;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4px;
}

.progress-fill[b-i94oku9z8o] {
    height: 100%;
    background: linear-gradient(90deg, #0D9488, #14B8A6);
    border-radius: 4px;
    transition: width 0.6s ease-out;
}

/* === STATUS BADGE === */
.status-badge[b-i94oku9z8o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 600;
}

.status-active[b-i94oku9z8o] {
    background: #D1FAE5;
    color: #065F46;
}

.status-active .status-dot[b-i94oku9z8o] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    animation: pulse-b-i94oku9z8o 2s infinite;
}

@keyframes pulse-b-i94oku9z8o {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.status-completed[b-i94oku9z8o] {
    background: #DBEAFE;
    color: #1D4ED8;
}

.status-canceled[b-i94oku9z8o] {
    background: #FEE2E2;
    color: #991B1B;
}

.status-badge[b-i94oku9z8o]  .anticon {
    font-size: 13px;
}

/* === CONTENT GRID === */
.content-grid[b-i94oku9z8o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    flex: 1;
    animation: slideUp-b-i94oku9z8o 0.4s ease-out;
}

.content-left[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content-right[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* === SECTION CARD === */
.section-card[b-i94oku9z8o] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.section-card:hover[b-i94oku9z8o] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-color: #D1D5DB;
}

.section-card-fill[b-i94oku9z8o] {
    flex: 1;
}

.section-header[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    border-bottom: 1px solid #F3F4F6;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.section-header[b-i94oku9z8o]  .anticon {
    font-size: 16px;
    color: #0D9488;
}

.section-count[b-i94oku9z8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    background: #F0FDFA;
    color: #0D9488;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
}

.section-body[b-i94oku9z8o] {
    padding: 16px 20px;
}

/* === MENTOR === */
.mentor-name[b-i94oku9z8o] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 10px;
}

.contact-list[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.contact-link[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6B7280;
    text-decoration: none;
    transition: color 0.2s;
}

.contact-link:hover[b-i94oku9z8o] {
    color: #0D9488;
}

.contact-link[b-i94oku9z8o]  .anticon {
    font-size: 14px;
}

.info-empty[b-i94oku9z8o] {
    font-size: 13px;
    color: #9CA3AF;
    font-style: italic;
}

.skills-note[b-i94oku9z8o] {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* === FORM === */
.form-actions[b-i94oku9z8o] {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

/* === DOCUMENTS === */
.docs-empty[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 0;
    justify-content: center;
    color: #9CA3AF;
    font-size: 14px;
}

.docs-empty-icon[b-i94oku9z8o] {
    font-size: 20px;
}

.docs-list[b-i94oku9z8o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.doc-item[b-i94oku9z8o] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    transition: background 0.15s;
}

.doc-item:hover[b-i94oku9z8o] {
    background: #F9FAFB;
}

.doc-icon[b-i94oku9z8o] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.doc-icon[b-i94oku9z8o]  .anticon {
    font-size: 16px;
    color: #6B7280;
}

.doc-name[b-i94oku9z8o] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    min-width: 0;
}

.doc-status[b-i94oku9z8o] {
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
    white-space: nowrap;
}

.doc-status-requested[b-i94oku9z8o] {
    background: #DBEAFE;
    color: #1D4ED8;
}

.doc-status-progress[b-i94oku9z8o] {
    background: #FEF3C7;
    color: #92400E;
}

.doc-status-provided[b-i94oku9z8o] {
    background: #D1FAE5;
    color: #065F46;
}

.doc-status-corrections[b-i94oku9z8o] {
    background: #FEE2E2;
    color: #991B1B;
}

.doc-request[b-i94oku9z8o] {
    border-top: 1px solid #F3F4F6;
    padding-top: 16px;
    margin-top: 12px;
}

/* === BUTTONS === */
.btn[b-i94oku9z8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn:disabled[b-i94oku9z8o] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-i94oku9z8o] {
    background: #0D9488;
    color: #fff;
}

.btn-primary:hover:not(:disabled)[b-i94oku9z8o] {
    background: #0F766E;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.25);
}

.btn-secondary[b-i94oku9z8o] {
    background: #F3F4F6;
    color: #374151;
}

.btn-secondary:hover:not(:disabled)[b-i94oku9z8o] {
    background: #E5E7EB;
}

.btn-ghost[b-i94oku9z8o] {
    background: transparent;
    color: #6B7280;
}

.btn-ghost:hover:not(:disabled)[b-i94oku9z8o] {
    background: #F3F4F6;
    color: #374151;
}

.btn-block[b-i94oku9z8o] {
    width: 100%;
}

/* === ANIMATIONS === */
@keyframes fadeIn-b-i94oku9z8o {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-i94oku9z8o {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    *[b-i94oku9z8o], *[b-i94oku9z8o]::before, *[b-i94oku9z8o]::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* === MOBILE === */
@media (max-width: 768px) {
    .practice-page[b-i94oku9z8o] {
        padding: 16px 12px;
        min-height: calc(100vh - 80px);
    }

    .page-header[b-i94oku9z8o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-header-actions[b-i94oku9z8o] {
        width: 100%;
    }

    .page-header-actions[b-i94oku9z8o]  .ant-select {
        flex: 1;
    }

    .page-title[b-i94oku9z8o] {
        font-size: 20px;
    }

    .posting-bar[b-i94oku9z8o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .posting-bar-tags[b-i94oku9z8o] {
        width: 100%;
    }

    .review-bar[b-i94oku9z8o] {
        padding: 10px 16px;
        font-size: 12px;
    }

    .summary-row[b-i94oku9z8o] {
        grid-template-columns: 1fr;
    }

    .content-grid[b-i94oku9z8o] {
        grid-template-columns: 1fr;
    }

    .section-body[b-i94oku9z8o] {
        padding: 14px 16px;
    }

    .section-header[b-i94oku9z8o] {
        padding: 12px 16px;
    }

    .form-actions[b-i94oku9z8o] {
        flex-direction: column;
    }

    .form-actions .btn[b-i94oku9z8o] {
        width: 100%;
    }

    .empty-state[b-i94oku9z8o],
    .error-state[b-i94oku9z8o] {
        padding: 48px 16px;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentProfile.razor.rz.scp.css */
/* ===== Loading skeleton ===== */
.skeleton-profile[b-9cofndv55l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.skeleton-cover[b-9cofndv55l] {
    height: 120px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--color-primary) 0%, #99F6E4 100%);
}

.skeleton-header[b-9cofndv55l] {
    padding: 16px 24px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    margin-top: -40px;
    margin-left: 16px;
    margin-right: 16px;
}

.skeleton-row[b-9cofndv55l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 768px) {
    .skeleton-row[b-9cofndv55l] {
        grid-template-columns: 1fr;
    }
}

/* ===== Animations ===== */
@keyframes fadeSlideUp-b-9cofndv55l {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn-b-9cofndv55l {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideInLeft-b-9cofndv55l {
    from { opacity: 0; transform: translateX(-16px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes scaleIn-b-9cofndv55l {
    from { opacity: 0; transform: scale(0.8); }
    to   { opacity: 1; transform: scale(1); }
}

@keyframes pulse-b-9cofndv55l {
    0%, 100% { box-shadow: 0 0 0 0 rgba(13, 148, 136, 0.4); }
    50%      { box-shadow: 0 0 0 6px rgba(13, 148, 136, 0); }
}

/* ===== Profile header ===== */
.profile-header[b-9cofndv55l] {
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    overflow: hidden;
    animation: fadeSlideUp-b-9cofndv55l 0.4s ease-out;
}

.profile-cover[b-9cofndv55l] {
    height: 120px;
    background: linear-gradient(135deg, var(--color-primary) 0%, #99F6E4 100%);
}

.profile-header-body[b-9cofndv55l] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 24px 24px;
    flex-wrap: wrap;
}

.profile-avatar-area[b-9cofndv55l] {
    margin-top: -40px;
    flex-shrink: 0;
    animation: scaleIn-b-9cofndv55l 0.4s ease-out 0.2s both;
}

[b-9cofndv55l] .profile-avatar {
    border: 4px solid #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[b-9cofndv55l] .profile-avatar:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.profile-info[b-9cofndv55l] {
    flex: 1;
    min-width: 0;
    padding-top: 12px;
    animation: slideInLeft-b-9cofndv55l 0.5s ease-out 0.25s both;
}

.profile-name-row[b-9cofndv55l] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.profile-name[b-9cofndv55l] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.3;
}

.profile-meta-line[b-9cofndv55l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 14px;
    color: #6B7280;
}

[b-9cofndv55l] .profile-meta-line .anticon {
    font-size: 14px;
    color: var(--color-primary);
}

.profile-about-short[b-9cofndv55l] {
    margin: 8px 0 0;
    font-size: 14px;
    color: #4B5563;
    line-height: 1.5;
}

.profile-actions[b-9cofndv55l] {
    display: flex;
    gap: 8px;
    padding-top: 12px;
    flex-shrink: 0;
}

/* ===== Content grid with named areas ===== */
.profile-content[b-9cofndv55l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 260px 400px auto;
    grid-template-areas:
        "about      about"
        "skills     avail"
        "prefs      career"
        "portfolio  portfolio";
    gap: 16px;
    margin-top: 16px;
}

.grid-about[b-9cofndv55l]     { grid-area: about; }
.grid-skills[b-9cofndv55l]    { grid-area: skills; }
.grid-career[b-9cofndv55l]    { grid-area: career; }
.grid-prefs[b-9cofndv55l]     { grid-area: prefs; }
.grid-avail[b-9cofndv55l]     { grid-area: avail; }
.grid-portfolio[b-9cofndv55l] { grid-area: portfolio; }

/* Cards fill their grid cell */
.grid-about[b-9cofndv55l],
.grid-skills[b-9cofndv55l],
.grid-career[b-9cofndv55l],
.grid-prefs[b-9cofndv55l],
.grid-avail[b-9cofndv55l],
.grid-portfolio[b-9cofndv55l] {
    min-width: 0;
}

[b-9cofndv55l] .grid-skills .ant-card,
[b-9cofndv55l] .grid-avail .ant-card,
[b-9cofndv55l] .grid-prefs .ant-card,
[b-9cofndv55l] .grid-career .ant-card {
    height: 100%;
}

[b-9cofndv55l] .grid-skills .ant-card-body,
[b-9cofndv55l] .grid-avail .ant-card-body,
[b-9cofndv55l] .grid-prefs .ant-card-body,
[b-9cofndv55l] .grid-career .ant-card-body {
    overflow-y: auto;
}

/* ===== Cards: hover + entrance ===== */
[b-9cofndv55l] .profile-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    animation: fadeSlideUp-b-9cofndv55l 0.4s ease-out both;
}

[b-9cofndv55l] .profile-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Staggered entrance per grid area (matches visual row order) */
.grid-about[b-9cofndv55l]  .profile-card     { animation-delay: 0.05s; }
.grid-skills[b-9cofndv55l]  .profile-card    { animation-delay: 0.12s; }
.grid-avail[b-9cofndv55l]  .profile-card     { animation-delay: 0.15s; }
.grid-prefs[b-9cofndv55l]  .profile-card     { animation-delay: 0.22s; }
.grid-career[b-9cofndv55l]  .profile-card    { animation-delay: 0.25s; }
.grid-portfolio[b-9cofndv55l]  .profile-card { animation-delay: 0.32s; }

/* ===== Card titles with icons ===== */
.card-title-row[b-9cofndv55l] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F3F4F6;
}

[b-9cofndv55l] .card-title-row .anticon {
    font-size: 18px;
    color: var(--color-primary);
    transition: transform 0.2s ease;
}

[b-9cofndv55l] .profile-card:hover .card-title-row .anticon {
    transform: scale(1.15);
}

.card-title-text[b-9cofndv55l] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

/* ===== Empty state hint ===== */
.empty-hint[b-9cofndv55l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 16px;
    text-align: center;
    font-size: 14px;
    color: #9CA3AF;
}

[b-9cofndv55l] .empty-hint .anticon {
    font-size: 32px;
    color: #D1D5DB;
}

/* ===== About ===== */
.about-full-text[b-9cofndv55l] {
    margin: 0;
    font-size: 14px;
    color: #374151;
    line-height: 1.7;
    white-space: pre-line;
    animation: fadeIn-b-9cofndv55l 0.6s ease-out 0.2s both;
}

/* ===== Skills sections ===== */
.skills-section[b-9cofndv55l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skills-section + .skills-section[b-9cofndv55l] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #F3F4F6;
}

/* ===== Career timeline ===== */
[b-9cofndv55l] .career-timeline {
    padding-top: 4px;
}

[b-9cofndv55l] .career-timeline .ant-timeline-item-content {
    transition: transform 0.2s ease;
    padding: 8px 12px;
    border-radius: 8px;
    margin-left: 18px;
    transform-origin: left center;
}

[b-9cofndv55l] .career-timeline .ant-timeline-item-content:hover {
    transform: scale(1.02);
}

/* Pulsing dot for current timeline items */
[b-9cofndv55l] .career-timeline .ant-timeline-item-head-blue {
    animation: pulse-b-9cofndv55l 2s ease-in-out infinite;
}

.timeline-item-header[b-9cofndv55l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.timeline-item-subtitle[b-9cofndv55l] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    flex-wrap: wrap;
}

/* ===== Info list (availability, preferences) ===== */
.info-list[b-9cofndv55l] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-item[b-9cofndv55l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ===== Tags ===== */
.tag-list[b-9cofndv55l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

[b-9cofndv55l] .rounded-tag {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: default;
}

[b-9cofndv55l] .rounded-tag-lg {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: default;
}

[b-9cofndv55l] .rounded-tag:hover,
[b-9cofndv55l] .rounded-tag-lg:hover {
    transform: translateY(-1px) scale(1.04);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* ===== Portfolio grid (full width) ===== */
.portfolio-grid[b-9cofndv55l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

[b-9cofndv55l] .portfolio-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

[b-9cofndv55l] .portfolio-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    border-color: var(--color-primary);
}

.portfolio-role[b-9cofndv55l] {
    font-size: 12px;
    color: var(--color-primary);
    font-weight: 500;
    margin-top: 2px;
}

.portfolio-desc[b-9cofndv55l] {
    margin: 6px 0 0;
    font-size: 13px;
    color: #6B7280;
    line-height: 1.5;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .profile-cover[b-9cofndv55l] {
        height: 80px;
    }

    .profile-header-body[b-9cofndv55l] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 16px 20px;
    }

    .profile-avatar-area[b-9cofndv55l] {
        margin-top: -36px;
    }

    .profile-info[b-9cofndv55l] {
        padding-top: 0;
    }

    .profile-name-row[b-9cofndv55l] {
        justify-content: center;
    }

    .profile-meta-line[b-9cofndv55l] {
        justify-content: center;
    }

    .profile-about-short[b-9cofndv55l] {
        text-align: center;
    }

    .profile-actions[b-9cofndv55l] {
        justify-content: center;
        padding-top: 8px;
    }

    .profile-content[b-9cofndv55l] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "about"
            "skills"
            "prefs"
            "avail"
            "career"
            "portfolio";
    }

    .portfolio-grid[b-9cofndv55l] {
        grid-template-columns: 1fr;
    }

    .profile-info[b-9cofndv55l] {
        animation-name: fadeIn-b-9cofndv55l;
    }

    /* Disable hover effects on touch */
    [b-9cofndv55l] .profile-card:hover {
        transform: none;
        box-shadow: none;
    }

    [b-9cofndv55l] .portfolio-item:hover {
        transform: none;
        box-shadow: none;
        border-color: #E5E7EB;
    }

    [b-9cofndv55l] .career-timeline .ant-timeline-item-content:hover {
        transform: none;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .profile-content[b-9cofndv55l] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 260px 400px auto;
        grid-template-areas:
            "about      about"
            "skills     avail"
            "prefs      career"
            "portfolio  portfolio";
    }

    .portfolio-grid[b-9cofndv55l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *[b-9cofndv55l], [b-9cofndv55l] * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentProfileLayout.razor.rz.scp.css */
.dashboard-page[b-mpq7m3mde2] {
    box-sizing: border-box;
    width: 100%;
    background: #edf0f4;
}

.dashboard-page__title-band[b-mpq7m3mde2] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    min-height: 104px;
    margin: 0 auto;
    padding: 0 40px;
    background: #fff;
    border-radius: 0 0 18px 18px;
    overflow: hidden;
}

.dashboard[b-mpq7m3mde2] {
    box-sizing: border-box;
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: 32px 0 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: fadeIn-b-mpq7m3mde2 0.3s ease-out;
}

.dashboard-layout[b-mpq7m3mde2] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.sidebar[b-mpq7m3mde2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-cta[b-mpq7m3mde2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px;
    min-height: 72px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s;
}

.sidebar-cta:hover[b-mpq7m3mde2] {
    border-color: var(--color-primary-border);
    color: var(--color-primary);
}

.sidebar-cta[b-mpq7m3mde2]  .anticon {
    color: #9CA3AF;
}

.main-content[b-mpq7m3mde2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.error-state[b-mpq7m3mde2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 24px;
    flex: 1;
    justify-content: center;
}

.error-icon[b-mpq7m3mde2] { font-size: 44px; color: #F59E0B; margin-bottom: 16px; }
.error-title[b-mpq7m3mde2] { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 6px; }
.error-text[b-mpq7m3mde2] { font-size: 14px; color: #6B7280; }

.loading-layout[b-mpq7m3mde2] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
}

@keyframes fadeIn-b-mpq7m3mde2 { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    *[b-mpq7m3mde2], *[b-mpq7m3mde2]::before, *[b-mpq7m3mde2]::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

@media (max-width: 1024px) {
    .dashboard-page__title-band[b-mpq7m3mde2] {
        border-radius: 0 0 14px 14px;
        padding: 0 24px;
    }

    .dashboard[b-mpq7m3mde2] { padding: 16px 0 32px; }
    .dashboard-layout[b-mpq7m3mde2],
    .loading-layout[b-mpq7m3mde2] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .dashboard[b-mpq7m3mde2] { padding: 12px 16px 24px; }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentRecommendations.razor.rz.scp.css */
.student-recommendations-page[b-c3el0gsq6c] {
    animation: fadeIn-b-c3el0gsq6c 0.3s ease-out;
}

@keyframes fadeIn-b-c3el0gsq6c {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* _content/NationalTalentEcosystemMVP/Pages/StudentPages/StudentReviewCreate.razor.rz.scp.css */
.review-page[b-ftrzmlcrr8] {
    padding: 32px 16px;
    min-height: calc(100vh - 120px);
    display: flex;
    justify-content: center;
    animation: fadeIn-b-ftrzmlcrr8 0.3s ease-out;
}

.review-container[b-ftrzmlcrr8] {
    width: 100%;
    max-width: 640px;
}

/* === HEADER === */
.review-header[b-ftrzmlcrr8] {
    margin-bottom: 28px;
    animation: slideUp-b-ftrzmlcrr8 0.3s ease-out;
}

.review-title[b-ftrzmlcrr8] {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.review-subtitle[b-ftrzmlcrr8] {
    font-size: 13px;
    color: #6B7280;
    margin-top: 2px;
}

/* === RATINGS === */
.ratings-section[b-ftrzmlcrr8] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 20px;
    animation: slideUp-b-ftrzmlcrr8 0.35s ease-out;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.ratings-section:hover[b-ftrzmlcrr8] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.section-label[b-ftrzmlcrr8] {
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}

.ratings-grid[b-ftrzmlcrr8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rating-item[b-ftrzmlcrr8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rating-label[b-ftrzmlcrr8] {
    font-size: 14px;
    color: #374151;
}

.ratings-section[b-ftrzmlcrr8]  .ant-rate {
    font-size: 20px;
    color: #0D9488;
}

.ratings-section[b-ftrzmlcrr8]  .ant-rate-star-full .anticon,
.ratings-section[b-ftrzmlcrr8]  .ant-rate-star-active .anticon,
.ratings-section[b-ftrzmlcrr8]  .ant-rate-star:hover .anticon,
.ratings-section[b-ftrzmlcrr8]  .ant-rate:not(.ant-rate-disabled) .ant-rate-star:hover .anticon,
.ratings-section[b-ftrzmlcrr8]  .ant-rate .ant-rate-star-full .anticon svg,
.ratings-section[b-ftrzmlcrr8]  .ant-rate .ant-rate-star-active .anticon svg {
    color: #0D9488;
}

.ratings-section[b-ftrzmlcrr8]  .ant-rate-star > div .anticon {
    color: #CBD5E1;
}

.company-link[b-ftrzmlcrr8] {
    color: #0D9488;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.company-link:hover[b-ftrzmlcrr8] {
    color: #0F766E;
    text-decoration: underline;
}

/* === FORM === */
.recommend-row[b-ftrzmlcrr8] {
    margin-bottom: 20px;
}

.recommend-row[b-ftrzmlcrr8]  .ant-checkbox-wrapper {
    font-size: 14px;
    color: #374151;
}

.form-actions[b-ftrzmlcrr8] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    animation: slideUp-b-ftrzmlcrr8 0.4s ease-out;
}

.form-actions[b-ftrzmlcrr8]  .ant-btn {
    border-radius: 20px;
    padding: 0 24px;
}

.form-actions[b-ftrzmlcrr8]  .ant-btn-primary {
    background: #0D9488;
    border-color: #0D9488;
}

.form-actions[b-ftrzmlcrr8]  .ant-btn-primary:hover {
    background: #0F766E;
    border-color: #0F766E;
}

/* === ANIMATIONS === */
@keyframes fadeIn-b-ftrzmlcrr8 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-ftrzmlcrr8 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    *[b-ftrzmlcrr8], *[b-ftrzmlcrr8]::before, *[b-ftrzmlcrr8]::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* === MOBILE === */
@media (max-width: 768px) {
    .review-page[b-ftrzmlcrr8] {
        padding: 16px 12px;
        min-height: calc(100vh - 80px);
    }

    .review-title[b-ftrzmlcrr8] {
        font-size: 18px;
    }

    .ratings-section[b-ftrzmlcrr8] {
        padding: 16px;
    }

    .rating-item[b-ftrzmlcrr8] {
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    .rating-label[b-ftrzmlcrr8] {
        font-size: 13px;
    }

    .form-actions[b-ftrzmlcrr8] {
        flex-direction: column;
    }

    .form-actions[b-ftrzmlcrr8]  .ant-btn {
        width: 100%;
    }
}