.question-rules { margin-top: 18px; border-top: 1px solid #e4e9e6; padding-top: 14px; }
.question-rules .required-toggle { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #354a40; }
.question-rules input[type=checkbox] { width: 16px; height: 16px; accent-color: #176b4e; }
.question-rules details { margin-top: 12px; }
.question-rules summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #315e49; padding: 8px 0; }
.question-rules label, .rule-label { display: grid; gap: 6px; font-size: 12px; color: #526359; }
.rule-validation { display: flex; flex-wrap: wrap; gap: 12px; }
.rule-validation:empty { display: none; }
.rule-validation label { flex: 1 1 125px; max-width: 220px; }
.rule-block { margin-top: 14px; }
.rule-block > label { max-width: 520px; }
.rule-line { display: grid; grid-template-columns: minmax(110px,1fr) minmax(100px,1fr) minmax(120px,1.4fr) auto; gap: 8px; margin: 8px 0; align-items: center; }
.question-rules select, .question-rules input:not([type=checkbox]) { width: 100%; min-width: 0; border: 1px solid #cedad1; border-radius: 4px; background: white; padding: 9px; font-size: 13px; color: #253a2e; }
.question-rules select:disabled, .question-rules input:disabled { opacity: .65; }
.questionnaire-preview { z-index: 160; }
.questionnaire-preview-panel { width: min(680px, 100%); position: relative; }
.questionnaire-preview-panel h2 { padding-right: 26px; overflow-wrap: anywhere; }
.preview-step { color: #176b4e; font-size: 13px; margin: 22px 0 12px; }
.preview-answer h3 { font-size: 19px; line-height: 1.5; overflow-wrap: anywhere; }
.required-star, .questionnaire-preview-panel .preview-error { color: #ac3138; }
.preview-options { display: grid; gap: 10px; margin-top: 20px; }
.preview-options label { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid #dae3dd; border-radius: 5px; cursor: pointer; font-size: 14px; }
.preview-options label:has(input:checked) { border-color: #176b4e; background: #f0f8f3; }
.preview-options input { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #176b4e; }
.preview-options span { overflow-wrap: anywhere; }
.preview-text { width: 100%; resize: vertical; }
.preview-issues { padding-left: 22px; color: #a3353b; line-height: 1.8; font-size: 14px; }
.preview-path { padding-left: 22px; }
.questionnaire-preview .preview-path li { display: list-item; padding: 10px 0; font-size: 14px; }
.questionnaire-preview .preview-path span { display: block; width: auto; height: auto; padding: 0; background: none; border-radius: 0; color: #65766b; margin: 6px 0 0; overflow-wrap: anywhere; }
.questionnaire-preview .preview-constraints { color: #627369; font-size: 12px; margin: 0 0 14px; }
@media (max-width: 700px) {
  #workspace[data-console="customer"] .header-actions { margin-left: 0; padding-left: 46px; box-sizing: border-box; }
  .rule-line { grid-template-columns: 1fr 1fr; }
  .questionnaire-preview-panel { padding: 24px 18px; }
  .preview-answer h3 { font-size: 17px; }
}