.people-header{ margin-bottom:22px; }

.people-header h1{
    font-size:29px;
    font-weight:800;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:6px;
}

.people-header h1 i{ color:var(--primary); }

.people-header p{
    color:var(--ink-soft);
    font-size:14px;
}



/* SEARCH BAR */

.people-search-form{
    display:flex;
    gap:12px;
    margin-bottom:18px;
    flex-wrap:wrap;
}

.people-search-input{
    flex:1;
    min-width:260px;
    display:flex;
    align-items:center;
    gap:12px;
    height:52px;
    background:var(--glass-strong);
    backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    border:1px solid var(--glass-border);
    border-radius:16px;
    padding:0 20px;
    box-shadow:var(--shadow-sm);
}

.people-search-input i{ color:var(--ink-faint); }

.people-search-input input{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    font-size:14.5px;
    font-family:inherit;
    color:var(--ink);
}

.people-search-btn{
    height:52px;
    padding:0 26px;
    border:none;
    border-radius:16px;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff;
    font-weight:700;
    font-size:14px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    box-shadow:0 12px 26px var(--primary-glow);
    transition:.2s;
}

.people-search-btn:hover{ transform:translateY(-2px); }

.people-clear-btn{
    height:52px;
    display:flex;
    align-items:center;
    padding:0 18px;
    text-decoration:none;
    color:var(--ink-soft);
    font-weight:600;
    font-size:13.5px;
    transition:.2s;
}

.people-clear-btn:hover{ color:var(--primary); }



/* EXAMPLE / SKILL CHIP ROWS */

.example-query-row,
.skill-quick-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}

.example-label{
    font-size:12.5px;
    font-weight:700;
    color:var(--ink-soft);
    display:flex;
    align-items:center;
    gap:6px;
}

.example-label i{ color:var(--primary); }

.example-chip{
    text-decoration:none;
    background:rgba(255,255,255,.5);
    border:1px solid var(--border);
    color:var(--ink-soft);
    padding:8px 15px;
    border-radius:30px;
    font-size:12.5px;
    font-weight:600;
    transition:.2s;
}

html[data-theme="dark"] .example-chip{
    background:rgba(255,255,255,.05);
}

.example-chip:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

.skill-quick-row .skill-chip{
    text-decoration:none;
    background:var(--primary-soft);
    color:var(--primary);
    padding:7px 14px;
    border-radius:30px;
    font-size:12.5px;
    font-weight:600;
    transition:.2s;
}

.skill-quick-row .skill-chip:hover{
    background:var(--primary);
    color:#fff;
}



/* RESULTS META */

.results-meta{
    margin:20px 0 16px;
}

.results-meta p{
    font-size:13.5px;
    font-weight:600;
    color:var(--ink-soft);
    display:flex;
    align-items:center;
    gap:8px;
}

.results-meta i{ color:var(--primary); }



/* PEOPLE GRID */

.people-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:18px;
}

.person-card-full{
    background:var(--glass-strong);
    backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-sm);
    padding:20px;
    transition:.25s;
}

.person-card-full:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg);
}

.pcf-top{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.pcf-top img{
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
}

.pcf-info{ min-width:0; }

.pcf-info h3{
    font-size:15px;
    font-weight:700;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pcf-info h3 i{
    color:#1d9bf0;
    font-size:12px;
}

.pcf-info p{
    font-size:12px;
    color:var(--ink-soft);
    margin-top:2px;
}

.pcf-tagline{
    font-style:italic;
    color:var(--ink-faint) !important;
    margin-top:3px !important;
}

.pcf-skills{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:14px;
    min-height:26px;
}

.pcf-skills span{
    background:var(--primary-soft);
    color:var(--primary);
    padding:5px 12px;
    border-radius:30px;
    font-size:11.5px;
    font-weight:600;
}

.pcf-no-skill{
    background:transparent !important;
    color:var(--ink-faint) !important;
    padding:0 !important;
}

.pcf-stats{
    display:flex;
    gap:16px;
    padding:12px 0;
    border-top:1px solid var(--border);
    margin-bottom:14px;
}

.pcf-stats span{
    font-size:12px;
    color:var(--ink-soft);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
}

.pcf-stats i{ color:var(--primary); }

.view-profile-btn-full{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    text-decoration:none;
    background:var(--primary);
    color:#fff;
    padding:12px;
    border-radius:12px;
    font-weight:700;
    font-size:13px;
    transition:.2s;
}

.view-profile-btn-full:hover{
    background:var(--primary-dark);
    transform:translateY(-2px);
}



/* EMPTY STATE */

.people-empty-state{
    text-align:center;
    padding:60px 20px;
    background:var(--glass-strong);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
}

.people-empty-state i{
    font-size:36px;
    color:var(--ink-faint);
    margin-bottom:16px;
}

.people-empty-state h3{
    font-size:18px;
    font-weight:700;
    color:var(--ink);
    margin-bottom:8px;
}

.people-empty-state p{
    color:var(--ink-soft);
    font-size:14px;
}



@media(max-width:576px){
    .people-search-form{ flex-direction:column; }
    .people-search-btn,
    .people-clear-btn{ width:100%; justify-content:center; }
}