/* Type a code screen (route /diagnose) only. Prefix .v-dx- */
/* the entry block (field, message, suggestions, Diagnose) owns its own rhythm instead of the old negative margins */
.v-dx-entry { display: flex; flex-direction: column; gap: 14px; margin-top: 4px; }
.v-dx-entry .v-suggest, .v-dx-entry .v-cta { margin-top: 0; }
.v-dx-entry .v-cta { gap: 14px; margin-top: 6px; }
.v-dx-cta[hidden], .v-dx-sugg[hidden] { display: none; }
.v-dx-field { min-height: 72px; padding: 12px 20px; border-radius: 24px; }
.v-dx-field input, .v-dx-field input[type="text"] { font-size: 22px; }
.v-dx-sugg .v-row.v-dx-hi { opacity: 0.6; }

/* common codes: a quiet label over one row of chips */
.v-dx-common { display: flex; flex-direction: column; gap: 14px; }
.v-dx-label { font: 500 15px/1.3 var(--v-font); color: var(--v-text-2); letter-spacing: 0; }
.v-dx-chip { height: 44px; padding: 0 18px; font: 500 15px/1 var(--v-mono); letter-spacing: 0.01em; transition: background 0.2s, color 0.2s, transform 0.15s; }
.v-dx-chip:active { transform: scale(0.96); }

/* the two quiet links at the bottom */
.v-dx-links { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-top: 4px; }
.v-dx-links .v-link { padding: 4px 0; }

/* symptoms sheet */
.v-dx-sheet-done { padding-top: 12px; }