/* /projects/ — список проектов и форма */

.proj-root { padding: 1rem 0; }
.proj-head { margin-bottom: 1.25rem; }
.proj-title { font-size: 1.6rem; font-weight: 700; margin: 0 0 .35rem; display: flex; align-items: center; gap: .55rem; }
.proj-title i { color: var(--neon-primary); }
.proj-sub { font-size: .92rem; line-height: 1.45; max-width: 760px; }

.proj-list-head {
    display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
    margin-bottom: 1.25rem;
}
.proj-list-tabs { margin-left: auto; display: flex; gap: .25rem; }
.proj-list-tabs a {
    color: var(--text-secondary);
    text-decoration: none;
    padding: .35rem .85rem;
    border-radius: 999px;
    transition: var(--transition);
    font-size: .88rem;
}
.proj-list-tabs a:hover { background: var(--bg-card-hover); color: var(--text-primary); }
.proj-list-tabs a.is-active { background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); }

.proj-grid-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}
.proj-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 1.1rem 1.25rem;
    display: flex; flex-direction: column; gap: .85rem;
    transition: var(--transition);
}
.proj-card:hover { border-color: var(--neon-primary); }
.proj-card.is-active { border-color: var(--neon-primary); box-shadow: 0 0 0 1px var(--neon-primary); }
.proj-card.is-archived { opacity: .65; }

.proj-card-name {
    font-weight: 600;
    font-size: 1.05rem;
    display: flex; align-items: center; gap: .45rem; flex-wrap: wrap;
}
.proj-card-name i { color: var(--neon-primary); }
.proj-card-org { margin-top: .15rem; }

.proj-badge {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .12rem .45rem;
    border-radius: 999px;
    font-weight: 600;
}
.proj-badge-default { background: rgba(124, 77, 255, .15); color: #a78bfa; }
.proj-badge-arch    { background: rgba(148, 163, 184, .18); color: #94a3b8; }
.proj-badge-active  { background: rgba(0, 230, 118, .15); color: var(--neon-accent); }

.proj-card-actions {
    display: flex; flex-wrap: wrap; gap: .4rem;
    margin-top: auto;
}

/* Форма */
.proj-form-wrap { max-width: 920px; }
.proj-back { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: .85rem; text-decoration: none; }
.proj-back:hover { color: var(--text-primary); }
.proj-form-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
}
.proj-form-card h5 { margin: 0 0 .25rem; }
.proj-form-card p.text-muted { margin-bottom: 1rem; }

.proj-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem 1.1rem;
}
.proj-field { display: flex; flex-direction: column; gap: .3rem; }
.proj-field label { font-size: .82rem; color: var(--text-secondary); }
.proj-field--full { grid-column: 1 / -1; }
@media (max-width: 700px) { .proj-grid { grid-template-columns: 1fr; } }

.proj-form-actions {
    display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;
    margin-top: 1rem;
}