/* Uses Huddies controls/tokens; scoped to the supervised task and settings components. */
.supervised-work{flex-shrink:0;display:flex;flex-wrap:wrap;gap:12px;padding:20px;border:1px solid #c9d9d6;border-radius:16px;background:#fff;max-width:760px;box-sizing:border-box;overflow-wrap:anywhere}
.supervised-work>h3,.supervised-work>p,.supervised-work>label,.supervised-work>ul,.supervised-work>ol,.supervised-work>strong{flex-basis:100%;margin:0}
.supervised-work label{display:flex;flex-direction:column;gap:6px}
.supervised-work textarea{min-height:85px;resize:vertical}
.supervised-work textarea,.supervised-work select{width:100%;box-sizing:border-box}
.supervised-work button{white-space:normal;min-height:42px}
.supervised-work p{white-space:pre-wrap}
.supervised-work a{color:#08746c}

.supervised-work ul,.supervised-work ol{padding-inline-start:22px}
.supervised-work[hidden]{display:none}
.supervised-work>fieldset{flex-basis:100%;min-width:0;border:0;padding:0;margin:0}
.supervised-work input[type=search]{width:100%;box-sizing:border-box;padding:10px}
.supervised-work label:has(>input[type=checkbox]){flex-direction:row;align-items:center}
.supervised-work input[type=checkbox]{flex:none;width:18px;height:18px}
.supervised-work-customers{max-height:240px;overflow:auto;display:grid;gap:10px;margin-block:12px}

.supervised-work [data-work-setting=mode]{font:inherit;min-height:48px;padding:10px;border:1px solid var(--teal);border-radius:8px;background:var(--surface);color:var(--ink)}
.supervised-work [data-work-setting=saved-status]{padding:12px;background:var(--teal-wash);border-radius:8px}
.supervised-work [data-work-setting=stop]{border-color:#9c3e32;color:#812f26;background:#fff7f5}
.supervised-work [data-work-setting]:disabled{opacity:.55;cursor:not-allowed}