/* Project-type picker: përdor tokens/buttons ekzistuese; nuk ndryshon dashboard-in. */
.project-type-modal { width: min(740px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: clamp(22px, 4vw, 36px); overflow-y: auto; color: var(--color-ink); border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-md); }
.project-type-modal::backdrop { background: rgba(21, 23, 36, .56); backdrop-filter: blur(4px); }
body:has(.project-type-modal[open]) { overflow: hidden; }
.project-type-modal__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.project-type-modal__heading h2 { margin: 0 0 12px; font-size: clamp(22px, 3vw, 28px); letter-spacing: -.035em; line-height: 1.2; }
.project-type-modal__heading .icon-button { flex: 0 0 auto; font-size: 24px; }
.project-type-modal #project-type-description { color: var(--color-text); font-size: 14px; line-height: 1.6; }
.project-type-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0 18px; padding: 0; border: 0; }
.project-type-card { position: relative; display: flex; min-width: 0; cursor: pointer; }
.project-type-card input { position: absolute; z-index: 1; top: 20px; right: 20px; width: 19px; height: 19px; margin: 0; accent-color: var(--color-primary); cursor: pointer; }
.project-type-card__content { display: flex; width: 100%; flex-direction: column; padding: 23px; border: 2px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.project-type-card:hover .project-type-card__content { border-color: var(--color-primary); }
.project-type-card input:checked + .project-type-card__content { border-color: var(--color-primary); background: var(--color-primary-soft); box-shadow: 0 0 0 1px var(--color-primary); }
.project-type-card input:focus-visible + .project-type-card__content { outline: 3px solid var(--color-primary); outline-offset: 4px; }
.project-type-card__icon { display: grid; width: 54px; height: 54px; margin-bottom: 22px; place-items: center; border: 1px solid var(--color-line); border-radius: 14px; background: var(--color-surface); }
.project-type-card strong { margin-bottom: 10px; font-size: 17px; line-height: 1.35; }
.project-type-card__description { color: var(--color-text); font-size: 13px; line-height: 1.65; }
.project-type-modal__note { margin-bottom: 24px; color: var(--color-text); font-size: 12px; line-height: 1.6; }
.project-type-modal__actions { display: flex; justify-content: flex-end; gap: 12px; padding-top: 20px; border-top: 1px solid var(--color-line); }
.project-type-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.project-type-context { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; color: var(--color-text); font-size: 14px; }
@media (max-width: 560px) {
    .project-type-options { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 18px; }
    .project-type-card__content { padding: 18px; }
    .project-type-card__icon { width: 44px; height: 44px; margin-bottom: 14px; }
    .project-type-card input { top: 18px; right: 18px; }
    .project-type-modal__actions .button { flex: 1; }
}