.qmw{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:20px;align-items:start;margin-block:20px}.qmw fieldset{border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin-block:12px}.qmw label{display:block;margin-block:8px}.qmw input,.qmw textarea,.qmw select{max-width:100%}.qmw-preview{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto;background:#edf2f7;border:1px solid #cbd5e1;border-radius:12px;padding:12px}.qmw-preview svg{display:block;width:100%;height:auto;box-shadow:0 2px 8px #0002;margin:12px 0}.qmw-controls{max-height:calc(100dvh - 32px);overflow:auto;padding-right:8px}#qmwDiagram svg{width:100%;touch-action:none;border:1px solid #64748b}.qms-help{display:block;color:#475569;font-size:.9em;margin:4px 0 10px}.qms-help[hidden]{display:none}.qms-attachments{display:flex;gap:8px;flex-wrap:wrap}.qms-viewer{position:fixed;inset:4vh 3vw;z-index:9999;background:white;box-shadow:0 0 0 100vmax #0009;padding:18px;overflow:auto}.qms-viewer iframe{width:100%;height:75vh;border:0}.qms-viewer img{max-width:100%;height:auto}.qms-viewer svg{max-width:100%;height:auto;display:block;margin:auto}@media(max-width:760px){.qmw{display:flex;flex-direction:column}.qmw-preview{order:-1;top:0;max-height:38dvh;width:100%;z-index:3}.qmw-controls{max-height:52dvh;width:100%}}
.qms-shell{display:grid;gap:16px;min-width:0}.qms-shell .toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}.qms-shell label{display:block;margin-block:10px;font-weight:600}.qms-shell input[type=checkbox],#qmsMyDocuments input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0 8px 0 0;vertical-align:middle}.qms-shell button,.hr-shell button,.approval-overview button,.qms-viewer button,.hr-viewer button{font:inherit;font-weight:600;border:1px solid #b8c8da;border-radius:9px;background:#f1f6fc;color:#142b49;padding:9px 13px;cursor:pointer;line-height:1.35}.qms-shell button:hover,.hr-shell button:hover{background:#dceafb}.qms-shell button.btn,.hr-shell button.btn{background:#1464d2;border-color:#1464d2;color:white}.qms-shell button:focus-visible,.hr-shell button:focus-visible{outline:3px solid #3687e8;outline-offset:2px}.qms-shell button:disabled,.hr-shell button:disabled{cursor:wait;opacity:.55}.qms-shell form{display:grid;gap:10px}.qms-shell details{margin-block:12px}.qms-shell summary{cursor:pointer;font-weight:600;padding:7px 0}.qms-shell .qmw label{font-weight:500}.approval-overview .toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hr-shell input[type=checkbox]{width:18px;height:18px;min-height:0}.qms-shell table{display:block;max-width:100%;overflow-x:auto}