:root { --dm-orange: #f37021; --dm-gray: #333333; --dm-success: #27ae60; }
body { font-family: Arial, sans-serif; background: #f4f4f4; padding: 20px; color: var(--dm-gray); }

.container { max-width: 850px; margin: auto; background: white; padding: 30px; border-radius: 8px; border-top: 6px solid var(--dm-orange); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
header { text-align: center; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
.service-selector { margin-bottom: 30px; background: #fffcf9; padding: 15px; border-radius: 5px; border: 1px solid #ffe0cc; }
select { width: 100%; padding: 12px; border-radius: 4px; border: 1px solid #ccc; font-size: 16px; text-transform: uppercase; }

.question-card { margin-bottom: 20px; padding: 20px; border: 1px solid #eee; border-left: 5px solid var(--dm-orange); border-radius: 4px; }
label { display: block; font-weight: bold; margin-bottom: 10px; }
textarea { width: 100%; height: 120px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; box-sizing: border-box; font-family: inherit; font-size: 15px; }

.checkbox-group { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.actions { margin-top: 30px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

button { padding: 14px 24px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; transition: 0.3s; }
.btn-save { background: #888; color: white; }
.btn-submit { background: var(--dm-orange); color: white; }
.btn-pdf { background: var(--dm-gray); color: white; display: none; }

/* Κατάσταση επιτυχίας (Πράσινο Button) */
.btn-completed { background-color: var(--dm-success) !important; border: 1px solid #1e8449; }

button:hover { opacity: 0.9; transform: translateY(-1px); }