/* Scoped exclusively to Klusopname; shared Werkuren rules are untouched. */
#surveyRoot{color:#193c55;--s-border:#bacbd6;--s-soft:#f3f7fa}
#surveyRoot *{box-sizing:border-box;min-width:0}
#surveyRoot [hidden]{display:none!important}
#surveyRoot details{border:1px solid var(--s-border);border-radius:8px;background:white;margin:12px 0;overflow:hidden}
#surveyRoot summary{cursor:pointer;padding:14px;font-size:16px;font-weight:750;background:#f3f7fa;overflow-wrap:anywhere}
#surveyRoot summary::marker{color:#23465f}
#surveyRoot .s-body{padding:14px}
#surveyRoot .s-status{font-size:12px;display:block;margin-top:4px;font-weight:600;color:#475a68}
#surveyRoot .s-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#surveyRoot .s-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#surveyRoot label{display:block;font-weight:650;margin:6px 0}
#surveyRoot input:not([type=checkbox]),#surveyRoot select,#surveyRoot textarea{width:100%;max-width:100%;font-size:16px;padding:10px;min-height:44px;margin:4px 0;border:1px solid #9db1c0;border-radius:5px;background:white;color:#173a54}
#surveyRoot textarea{min-height:78px}
#surveyRoot input[type=checkbox]{width:22px!important;min-width:22px!important;height:22px;flex:0 0 22px;margin:0 8px 0 0!important}
#surveyRoot .s-check{display:flex;align-items:center;gap:5px;min-height:44px;padding:7px;border:1px solid var(--s-border);border-radius:5px}
#surveyRoot .s-row{border:1px solid var(--s-border);border-radius:7px;padding:12px;margin:12px 0}
#surveyRoot .s-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#surveyRoot button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
#surveyRoot .s-note{font-size:14px;font-weight:450;line-height:1.5;color:#465c6b}
#surveyRoot .s-result{padding:12px;border-left:4px solid #166391;background:#ecf5fb;line-height:1.55;margin:12px 0;overflow-wrap:anywhere}
#surveyRoot .s-warning{padding:12px;border-left:4px solid #ad570c;background:#fff3e3;line-height:1.5;margin:12px 0}
#surveyRoot .s-save-status{padding:12px;background:#edf5fa;border:1px solid #9db1c0;border-radius:6px;white-space:pre-wrap}
#surveyRoot .s-photo{width:100%;max-height:240px;object-fit:contain;border-radius:5px;background:#eef2f4}
#surveyRoot .s-wide{grid-column:1/-1}
#surveyRoot :focus-visible{outline:3px solid #1077ad;outline-offset:2px}
#surveyRoot .s-tip{border:2px solid #bd610d;background:#fff5e9;padding:14px;border-radius:8px;margin:12px 0}
#surveyRoot .s-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:620px){#surveyRoot .s-grid{grid-template-columns:1fr}#surveyRoot .s-measures{grid-template-columns:repeat(2,minmax(0,1fr))}#surveyRoot .s-actions button{flex:1 1 140px}#surveyRoot summary{font-size:15px;padding:12px}}