.hsm-proctor-card{margin-block:16px;padding:16px;border:1px solid #b7cadc;border-radius:18px;background:linear-gradient(125deg,#eef6fb,#f6f5fb);color:#20354d;min-inline-size:0}
.hsm-proctor-card>header,.hsm-proctor-thread>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hsm-proctor-card h4{margin:4px 0;font-size:var(--hsm-font-lg,17px)}.hsm-proctor-card small{font-size:var(--hsm-font-xs,12px);line-height:1.8}.hsm-proctor-card button,.hsm-proctor-question-button{min-height:44px;border:1px solid #b5c7da;border-radius:12px;padding:9px 13px;background:#fff;color:#204f79;font:inherit;font-weight:700;cursor:pointer}.hsm-proctor-card button:disabled{opacity:.5;cursor:default}.hsm-proctor-card button:focus-visible,.hsm-proctor-card :is(select,textarea):focus-visible{outline:3px solid #447baf;outline-offset:2px}
.hsm-proctor-explainer{line-height:1.9;font-size:var(--hsm-font-sm,13px)}.hsm-proctor-presence{background:#e3f1eb;border:1px solid #b7d7ca;padding:12px;border-radius:13px;margin-block:12px}.hsm-proctor-presence>div{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:8px;font-size:var(--hsm-font-xs,12px)}.hsm-proctor-peer{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#f8fffb;border-radius:9px}.hsm-proctor-peer i{width:7px;height:7px;border-radius:50%;background:#18794e}.hsm-proctor-peer small{color:#446454}
.hsm-proctor-actions,.hsm-proctor-raise{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-block:10px}.hsm-proctor-raise label{display:grid;gap:5px;flex:1;min-inline-size:140px;font-size:var(--hsm-font-sm,13px)}.hsm-proctor-raise select{min-height:44px;border:1px solid #b5c7da;background:#fff;border-radius:10px;padding:7px;font:inherit;color:#20354d}.hsm-proctor-raise>button{align-self:end;background:#315b86;color:#fff;border-color:#315b86}
.hsm-proctor-threads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:12px}.hsm-proctor-threads>button{display:flex;flex-direction:column;align-items:start;text-align:start;gap:3px;padding:10px}.hsm-proctor-threads>button>span{font-size:var(--hsm-font-xs,12px);font-weight:500}.hsm-proctor-threads>button[aria-pressed=true]{border:2px solid #315b86;background:#e5eff9}
.hsm-proctor-thread{padding:12px;border:1px solid #bdcbd9;border-radius:15px;background:#f8fafc}.hsm-proctor-thread>header p{margin:0;font-size:var(--hsm-font-xs,12px)}.hsm-proctor-waiting,.hsm-proctor-readonly{padding:12px;background:#fff3d9;border:1px solid #ead09a;border-radius:11px;line-height:1.9;font-size:var(--hsm-font-sm,13px)}
.hsm-proctor-messages{list-style:none;padding:10px 0;margin:8px 0;max-height:330px;overflow:auto;overscroll-behavior:contain}.hsm-proctor-messages li{display:flex;flex-direction:row-reverse;gap:7px;align-items:start;margin-block:10px}.hsm-proctor-messages li.is-own{flex-direction:row}.hsm-proctor-avatar{display:grid;place-items:center;flex:0 0 30px;height:30px;background:#d9e5f1;border-radius:10px;font-weight:700}.hsm-proctor-messages article{max-width:85%;min-width:0;padding:10px 12px;border-radius:13px;background:#e6eef6;border:1px solid #c9d8e6}.hsm-proctor-messages .is-own article{background:#e5f3ed;border-color:#bedbcc}.hsm-proctor-messages article>header{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:var(--hsm-font-xs,11px)}.hsm-proctor-messages p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:var(--hsm-font-base,14px);margin:6px 0 0}
.hsm-proctor-compose{display:flex;align-items:end;gap:8px}.hsm-proctor-compose label{flex:1;min-width:0;font-size:var(--hsm-font-xs,12px);display:grid;gap:5px}.hsm-proctor-compose textarea{box-sizing:border-box;width:100%;min-height:76px;max-height:180px;border:1px solid #b5c7da;border-radius:12px;background:#fff;padding:10px;font:inherit;line-height:1.8;resize:vertical;color:#20354d}.hsm-proctor-compose button{background:#315b86;color:#fff;border-color:#315b86}.hsm-proctor-error{color:#8b302e;line-height:1.8;font-size:var(--hsm-font-sm,13px)}.hsm-proctor-error:empty{display:none}.hsm-proctor-question-button{margin-block-start:10px;font-size:var(--hsm-font-xs,12px);background:#edf4fb}
@media(max-width:480px){.hsm-proctor-card{padding:12px}.hsm-proctor-card>header{gap:8px}.hsm-proctor-card h4{font-size:var(--hsm-font-lg,15px)}.hsm-proctor-card>header>button{font-size:var(--hsm-font-xs,12px);padding-inline:9px}.hsm-proctor-threads{gap:6px}.hsm-proctor-thread{padding:9px}.hsm-proctor-compose{align-items:stretch;flex-direction:column}.hsm-proctor-compose button{align-self:end;min-width:95px}}
.hsm-proctor-card [hidden]{display:none!important}.hsm-proctor-history{font-size:var(--hsm-font-sm,13px);line-height:1.9;padding:10px;border-radius:10px;background:#fff3d9;border:1px solid #ead09a}.hsm-proctor-card [data-proctor-compose-slot]{margin-block-start:12px}.hsm-proctor-thread small,.hsm-proctor-threads button,.hsm-proctor-peer{overflow-wrap:anywhere}
.hsm-proctor-messages article{max-inline-size:min(85%,calc(100% - 40px))}
.hsm-proctor-card>header>div{min-inline-size:0;flex:1}.hsm-proctor-card>header h4{overflow-wrap:anywhere}.hsm-proctor-card>header>button,.hsm-proctor-question-button{max-inline-size:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}