/* Admin Projects overview page */
.ap-header { margin-bottom: var(--space-5); }
.ap-header h1 { margin: 0 0 var(--space-1); }

.ap-company {
    margin-bottom: var(--space-6);
}
.ap-company-d1 { margin-left: var(--space-4); }
.ap-company-d2 { margin-left: var(--space-6); }

.ap-company-name {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 1.15rem;
    margin: 0 0 var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid rgb(var(--color-surface-hover));
}
.ap-company-count {
    font-size: 0.8rem;
    color: rgb(var(--color-text-muted));
    background: rgb(var(--color-surface-hover));
    border-radius: 999px;
    padding: 0 var(--space-2);
}

.ap-projects {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: var(--space-3);
}

.ap-project {
    border: 1px solid rgb(var(--color-surface-hover));
    border-radius: var(--radius-md);
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
.ap-project-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.ap-project-name {
    font-weight: 600;
    color: rgb(var(--color-text-body));
    text-decoration: none;
}
.ap-project-name:hover { color: rgb(var(--color-primary)); text-decoration: underline; }
.ap-type {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: rgb(var(--color-text-muted));
    border: 1px solid rgb(var(--color-surface-hover));
    border-radius: 999px;
    padding: 0 var(--space-2);
}
.ap-status {
    font-size: 0.72rem;
    color: rgb(var(--color-text-muted));
}
.ap-desc {
    margin: 0;
    font-size: 0.85rem;
    color: rgb(var(--color-text-muted));
    line-height: 1.4;
}

.ap-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}
.ap-chips-babok { opacity: 0.92; }
.ap-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: rgb(var(--color-text-body));
    background: rgb(var(--color-surface-hover));
    border-radius: var(--radius-sm, 6px);
    padding: 1px var(--space-2);
}
.ap-chip-muted { opacity: 0.7; }
.ap-chip-n { font-weight: 700; }

/* Pin button + pinned section */
.ap-pin {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    filter: grayscale(1);
    opacity: 0.45;
    transition: opacity 0.12s, filter 0.12s, transform 0.12s;
}
.ap-pin:hover { opacity: 0.9; transform: scale(1.15); }
.ap-pin.pinned { filter: none; opacity: 1; }
.ap-pinned .ap-company-name { border-bottom-color: rgb(var(--color-primary)); }