/* split from former app.css: projects */

.project-panel__mobile-tags {
    display: none;
}

.project-form-shell {
    border-radius: 16px;
}

.project-form-shell .surface__header {
    padding: 14px 16px 10px;
}

.project-form-body {
    padding: 0 16px 16px;
}

.project-form-grid {
    gap: 14px;
}

.project-form-grid .field {
    gap: 6px;
}

.project-form-grid .field label {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--text-faint);
}

.project-form-grid .input,
.project-form-grid .select {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 10px;
}

.project-form-grid .textarea {
    min-height: 108px;
    padding: 10px 12px;
    border-radius: 10px;
}

@media (max-width: 640px) {
    .project-panel__mobile-tags {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        margin-top: 12px;
    }

    .project-panel__mobile-tags .meta-pill,
    .project-panel__mobile-tags .badge {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
        padding: 5px 6px;
        font-size: 0.72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}