/* 2.3: deeper teal surfaces and clearer form hierarchy */
:root{--bg:#edf3f1;--line:#ccddd7}
dialog{background:#e1ebe7;border:1px solid #9ebbb0;box-shadow:0 28px 90px #163e3655;border-radius:22px}
dialog::backdrop{background:#173d356b;backdrop-filter:blur(3px)}
dialog .dialog-header{background:#244e45;color:#f2faf7;margin-bottom:22px;border-bottom:1px solid #42685e;padding:14px 16px;border-radius:12px;gap:12px}
dialog .dialog-header h2{color:inherit}
dialog .field>span{color:#294e44;font-weight:650}
dialog input,dialog select,dialog textarea{background:#f2f6f3;border-color:#b9cdc4}
dialog .form-footer{border-color:#b6ccc2}
dialog .toggle{padding:12px 14px;background:#cfdfd7;border-radius:10px;margin-bottom:10px;color:#294b41}
#user-dialog{width:min(760px,calc(100vw - 28px));max-width:760px}
.dialog-intro{display:flex;gap:14px;align-items:center;padding:18px;background:#d0e1d8;border:1px solid #b9cfc2;border-radius:14px;margin-bottom:22px}
.dialog-intro p{margin:3px 0 0;font-size:12px;color:#526b61}
.field-section{font-size:12px;letter-spacing:.5px;color:#3e6255;margin:20px 0 14px;padding-bottom:9px;border-bottom:1px solid #bdd1c7}
#user-dialog .form-grid{column-gap:22px}
details.form-panel[open]{background:#e2ece7;border-color:#bbd0c5}
.form-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;background:#dcebe3;border:1px solid #bdd4c8;border-radius:14px;margin:24px 0 10px;text-align:left}
.form-metadata small{display:block;color:#526d60;margin-bottom:4px}
.form-metadata strong{font-size:13px;color:#244c3e;overflow-wrap:anywhere}
.dynamic-question{margin-top:18px;padding:20px;background:#e9f0eb;border:1px solid #c4d6cb;border-radius:14px;text-align:left}
.dynamic-question .field{margin-top:0;margin-bottom:0}
.dynamic-question .question-note{margin-top:18px}
.choice-question{border:0;margin:0;padding:0;min-width:0}
.choice-question legend{font-size:13px;font-weight:650;color:#274b3d;margin-bottom:14px}
.answer-options{display:flex;flex-wrap:wrap;gap:10px}
.answer-option{display:flex;align-items:center;gap:9px;border:1px solid #b6cdc0;border-radius:10px;padding:12px 15px;background:#f5f8f5;cursor:pointer}
.answer-option input{width:17px;height:17px;accent-color:#0b8372;flex-shrink:0;padding:0}
.answer-option:has(input:checked){background:#bdded0;border-color:#38947a;color:#125641;box-shadow:0 0 0 1px #38947a}
.answer-option span{font-size:12px;overflow-wrap:anywhere}
.question-section{padding:16px 18px;background:#2d5849;color:#f3faf5;border-radius:12px;margin:28px 0 0}
.response-note{background:#d3e3da;padding:14px;border-radius:10px;color:#365649;overflow-wrap:anywhere}
.sidebar nav{overscroll-behavior:contain;scroll-behavior:auto;overflow-anchor:none}
@media(max-width:600px){.form-metadata{grid-template-columns:1fr 1fr;padding:14px}.form-metadata>div:nth-child(2){grid-column:1/-1;grid-row:2}.dynamic-question{padding:16px}.answer-options{gap:8px}.answer-option{padding:11px}.dialog-intro{padding:14px}#user-dialog .form-grid{grid-template-columns:1fr}}