#collaboration-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid #c6d6ef;border-radius:16px;color:#182c4b}
#collaboration-dialog::backdrop{background:#12233b66}
#collaboration-dialog label{display:grid;gap:6px;margin:14px 0 10px}
#collaboration-dialog input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #bacce7;border-radius:6px}
#collaboration-dialog button{min-height:38px;white-space:normal}
#collaboration-dialog p{line-height:1.5;overflow-wrap:anywhere}
#collaboration-dialog hr{border:0;border-top:1px solid #dce5f2;margin:20px 0}
#collaboration-banner{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#ffb45c;color:#432300;border-bottom:2px solid #cf6500;font-size:12px;min-height:48px}
#collaboration-banner[hidden]{display:none}
#collaboration-banner button{flex:none;min-height:34px;padding:6px 10px;background:#fff8ed;border:1px solid #a64d00;color:#542700;font-weight:600;white-space:normal}
#collaboration-banner button:hover:not(:disabled){background:#fff;border-color:#713100}
#collaboration-banner button:focus-visible{outline:3px solid #542700;outline-offset:2px}
#collaboration-banner button:disabled{opacity:.55}
#collaboration-banner .collaboration-banner-message{display:grid;gap:3px;flex:1 1 210px}
#collaboration-banner .collaboration-banner-message strong{font-size:13px}
#collaboration-banner .collaboration-banner-actions{display:flex;flex-wrap:wrap;gap:6px}
#collaboration-banner-feedback{flex-basis:100%;font-weight:600}
#collaboration-banner-end{border-width:2px!important}
#collaboration-code{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;background:#f0f5fd;border-radius:8px}
#collaboration-code[hidden]{display:none}
#collaboration-code input{flex:1 1 150px;min-width:0;width:150px;font:700 22px monospace;letter-spacing:2px;user-select:all}
#collaboration-code button{flex:none;min-height:44px;background:#fff;border:1px solid #bacce7;border-radius:6px;padding:8px 14px;color:#182c4b;font-weight:600}
#collaboration-code .collaboration-code-hint{flex-basis:100%;font-size:12px;font-weight:400}
.collaboration-readonly #part-grid,.collaboration-readonly #student-actions{opacity:.6}
#collaboration-approval{padding:12px;background:#fff6df;border:1px solid #e9cd7c;border-radius:8px}
@media(max-width:600px){#collaboration-banner{align-items:flex-start;flex-wrap:wrap}#collaboration-dialog{padding:14px}}