/* Αιτήσεις προγραμμάτων */
.fp-title { margin: .25rem 0 1rem; }
.fp-intro { margin-bottom: 1rem; }
.fp-when { font-weight: 600; }
.fp-when .fx-icon { vertical-align: -3px; color: var(--c-primary, #196f8f); }
.fp-closed { margin-top: 2rem; }
.fp-closed > summary { cursor: pointer; font-weight: 600; margin-bottom: 1rem; }
.fp-ticket { display: block; padding: 1.25rem; }
.fp-outcome { margin: 1rem 0 0; padding-left: 1.2rem; font-weight: 600; }
.fp-actions { display: flex; gap: 1rem; align-items: center; margin-top: 1rem; }
.fp-tabs { display: flex; gap: .25rem; border-bottom: 2px solid var(--c-border, #dde3ea); margin: 0 0 1.5rem; }
.fp-tab { padding: .6rem 1rem; font-weight: 600; text-decoration: none; color: var(--c-muted, #556274); border-bottom: 3px solid transparent; margin-bottom: -2px; }
.fp-tab.is-active { color: var(--c-primary, #196f8f); border-bottom-color: var(--c-primary, #196f8f); }
.fp-review { margin-top: 1.5rem; }
@media print {
	.site-header, .site-footer, .fx-userbar, .fp-actions, nav, .fx-notice { display: none !important; }
	.fp-ticket { border: 0; padding: 0; box-shadow: none; }
}

/* «Βάλτε χρώμα»: κεφαλίδα με logo και τίτλο (όπως η .topbar του opengov), χρώματα από τις ρυθμίσεις (--vx-primary, --vx-dark). */
.vx-head { display: flex; align-items: center; gap: 18px; padding: 16px 22px; margin: 0 0 1.5rem; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--vx-primary, #2f7d32) 14%, transparent); background: linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--vx-primary, #2f7d32) 7%, #fff) 100%); box-shadow: 0 12px 28px rgba(17, 38, 19, .06); }
.vx-head__logo { width: 72px; height: 72px; object-fit: contain; border-radius: 14px; flex: none; }
.vx-head__title { margin: 0; color: var(--vx-dark, #1f5b24); font-size: clamp(1.4rem, 2vw, 2rem); }
.vx-preview { display: block; max-height: 72px; max-width: 160px; object-fit: contain; margin: .25rem 0; border: 1px solid var(--c-border, #dce3ea); border-radius: 8px; background: #fff; padding: 4px; }
.vx-preview--favicon { max-height: 32px; }
.fx-field input[type="color"] { width: 4rem; height: 2.5rem; padding: 2px; }
@media (max-width: 600px) { .vx-head { padding: 12px 14px; gap: 12px; } .vx-head__logo { width: 52px; height: 52px; } }
/* Δοκιμαστικές αιτήσεις (ρόλος «Αιτήσεις προγραμμάτων – Δοκιμαστής») */
.fx-notice--warning { border-left-color: #b54708; background: #fffaeb; color: #1d2733; }