/* ============================================================
   EmpleosTech — Company Source Badge System
   Distinguishes registered companies from external/scraped sources
   Follows et-* naming convention from candidate-experience.css
   ============================================================ */

/* -----------------------------------------------
   Source Badge Base
   ----------------------------------------------- */
.et-source-badge {
    transition: opacity 0.15s ease;
    cursor: default;
    border: 1px solid transparent;
}

/* -----------------------------------------------
   Registered Company Badge (green / trust)
   ----------------------------------------------- */
.et-source-badge--registered {
    color: #0d7c3d;
    background-color: #e6f7ed;
    border-color: #b7ebc9;
}

.et-source-badge--registered svg {
    color: #0d7c3d;
}

/* -----------------------------------------------
   Partner / External Source Badge (blue-gray / neutral)
   ----------------------------------------------- */
.et-source-badge--partner {
    color: #3b5998;
    background-color: #eef2f9;
    border-color: #c9d5ea;
}

.et-source-badge--partner svg {
    color: #3b5998;
}

/* -----------------------------------------------
   Multi-Source Banner (full)
   ----------------------------------------------- */
.et-multi-source-banner {
    background: linear-gradient(135deg, #eef2f9 0%, #e6f7ed 100%);
    border: 1px solid #d0ddf0;
}

.et-multi-source-banner__icon > div {
    background-color: #fff;
    border: 1px solid #c9d5ea;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.et-multi-source-banner__icon svg {
    color: #3b5998;
}

.et-multi-source-banner h6 {
    color: #1a1d21;
}

.et-multi-source-banner p {
    color: #474c54;
}

/* -----------------------------------------------
   Multi-Source Inline (compact)
   ----------------------------------------------- */
.et-multi-source-inline {
    background-color: #f0f4fa;
    border: 1px solid #d0ddf0;
    color: #3b5998;
}

.et-multi-source-inline svg {
    color: #3b5998;
}

/* -----------------------------------------------
   Partner Company Profile — Enhanced Header
   ----------------------------------------------- */
.et-partner-profile-header {
    position: relative;
}

.et-partner-profile-header .et-source-badge {
    margin-top: 6px;
}

/* Info grid for partner company sidebar */
.et-partner-info-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.et-partner-info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.et-partner-info-item__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f2f4;
    color: #474c54;
}

.et-partner-info-item__label {
    font-size: 12px;
    color: #767f8c;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.et-partner-info-item__value {
    font-size: 14px;
    color: #18191c;
    font-weight: 500;
}

/* -----------------------------------------------
   Diversity Stats Row (partner company profile)
   ----------------------------------------------- */
.et-diversity-stats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.et-diversity-stat {
    flex: 1;
    min-width: 100px;
    text-align: center;
    padding: 12px 8px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.et-diversity-stat__value {
    font-size: 20px;
    font-weight: 700;
    color: #18191c;
    line-height: 1.2;
}

.et-diversity-stat__label {
    font-size: 11px;
    color: #767f8c;
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* -----------------------------------------------
   Job Card — Source indicator dot
   ----------------------------------------------- */
.et-job-card-source {
    position: absolute;
    top: 12px;
    right: 12px;
}

/* -----------------------------------------------
   Registered badge on employer details
   ----------------------------------------------- */
.et-registered-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
}