.assessment-collaboration-host{margin:10px 0 16px}
.assessment-collaboration-bar,.assessment-collaboration-static{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:16px;align-items:center;padding:13px 16px;border:1px solid #c9d8f5;border-radius:15px;background:linear-gradient(120deg,#f3f7ff,#fff);box-shadow:0 6px 18px rgba(17,50,110,.05)}
.assessment-collaboration-static{grid-template-columns:auto 1fr;color:#52617a}
.assessment-collaboration-static strong{color:#173b86}
.assessment-collaboration-heading{display:grid;gap:2px}
.assessment-collaboration-heading>span{color:#174fc8;font-size:9px;font-weight:900;letter-spacing:.16em}
.assessment-collaboration-heading>strong{font-size:13px}
.assessment-collaboration-heading>small{max-width:720px;color:#66738a;line-height:1.45}
.assessment-collaboration-people{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.assessment-collaboration-people>span{display:grid;grid-template-columns:25px auto;column-gap:6px;align-items:center;padding:5px 8px;border:1px solid #d7e0ef;border-radius:999px;background:#fff}
.assessment-collaboration-people i{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173b86;color:#fff;font-size:10px;font-style:normal}
.assessment-collaboration-people b,.assessment-collaboration-people small{line-height:1.2;font-size:10px}
.assessment-collaboration-people small,.assessment-collaboration-people em{color:#718096;font-style:normal}
.assessment-collaboration-people>span.self{border-color:#62a987;background:#effaf5}
.assessment-collaboration-people>span.self i{background:#16805f}
.assessment-collaboration-actions{display:flex;gap:7px}
.assessment-collaboration-actions button{padding:8px 10px;font-size:10px}

.assessment-collaboration-scope{position:relative}
.assessment-collaboration-scope-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;padding:9px 11px;border:1px solid #cbd9ef;border-radius:11px;background:#f5f8fe;color:#31517d}
.assessment-collaboration-scope-toolbar>div{display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:baseline}
.assessment-collaboration-scope-toolbar small{grid-column:1;color:#52709d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.assessment-collaboration-scope-toolbar strong{grid-row:2;font-size:12px;color:#193f7c}
.assessment-collaboration-scope-toolbar span{grid-row:2;color:#6a7890;font-size:10px}
.assessment-collaboration-scope-toolbar button{flex:0 0 auto;padding:7px 10px;font-size:10px}
.assessment-collaboration-scope:not(.assessment-collaboration-scope-readonly)>.assessment-collaboration-scope-toolbar{border-color:#8bc9ae;background:#edf9f3}
.assessment-collaboration-scope:not(.assessment-collaboration-scope-readonly)>.assessment-collaboration-scope-toolbar small,.assessment-collaboration-scope:not(.assessment-collaboration-scope-readonly)>.assessment-collaboration-scope-toolbar strong{color:#126a50}
.assessment-collaboration-scope-blocked>.assessment-collaboration-scope-toolbar{border-color:#e2b95b;background:#fff7dd}
.assessment-collaboration-scope-blocked>.assessment-collaboration-scope-toolbar small,.assessment-collaboration-scope-blocked>.assessment-collaboration-scope-toolbar strong{color:#76520e}
.assessment-collaboration-scope-readonly input:disabled,.assessment-collaboration-scope-readonly textarea:disabled,.assessment-collaboration-scope-readonly select:disabled{opacity:1;color:#657086;background:#f4f6f9}
.assessment-collaboration-scope-readonly [data-collaboration-locked="1"]{cursor:not-allowed}

.assessment-collaboration-parallel-badge{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px;padding:8px 11px;border:1px solid #9dd7cf;border-radius:10px;background:#effbf9;color:#126d64}
.assessment-collaboration-parallel-badge strong{font-size:10px;letter-spacing:.04em}
.assessment-collaboration-parallel-badge span{font-size:10px;color:#4b756f}
.assessment-collaboration-parallel-inline{align-self:center;padding:5px 8px;border:1px solid #9dd7cf;border-radius:999px;background:#effbf9;color:#126d64;font-size:9px;font-weight:800;white-space:nowrap}

@media(max-width:900px){
  .assessment-collaboration-bar,.assessment-collaboration-static{grid-template-columns:1fr}
  .assessment-collaboration-people{justify-content:flex-start}
  .assessment-collaboration-actions{flex-wrap:wrap}
  .assessment-collaboration-scope-toolbar,.assessment-collaboration-parallel-badge{align-items:flex-start;flex-direction:column}
  .assessment-collaboration-scope-toolbar>div{grid-template-columns:1fr}
  .assessment-collaboration-scope-toolbar small,.assessment-collaboration-scope-toolbar strong,.assessment-collaboration-scope-toolbar span{grid-column:1;grid-row:auto}
}