.published-qa-dialog{color:#282333;background:#fff;border:0;border-radius:14px;box-shadow:0 18px 60px #1f123833;margin:auto;padding:28px;width:min(620px,calc(100% - 32px));max-height:90dvh;overflow:auto;font-size:14px;line-height:1.55}
.published-qa-dialog::backdrop{background:#19122266}
.published-qa-dialog [hidden]{display:none!important}
.qa-dialog-heading{display:flex;align-items:flex-start;gap:24px;justify-content:space-between;margin-bottom:24px}
.qa-dialog-heading h2{font-size:22px;font-weight:650;line-height:1.3;margin:0 0 6px}
.qa-dialog-heading p,.qa-hint{color:#625b6d}
.qa-close{flex:none;border:0;background:none;width:32px;height:32px;border-radius:8px;cursor:pointer}
.qa-close:hover{background:#f1eef7}
.published-qa-toolbar{flex:none;min-width:0;background:#fff;border-bottom:1px solid #e5e0ed;padding:8px 16px;color:#282333;font-size:13px;line-height:1.5}
.published-qa-toolbar [hidden]{display:none!important}
.qa-toolbar-main,.qa-selectors,.qa-selectors label,.qa-actions,.qa-toolbar-feedback{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qa-toolbar-title{font-weight:600;white-space:nowrap}
.qa-selectors label{gap:6px;color:#625b6d}
.qa-selectors select{width:180px;min-width:0;border:1px solid #cbc6d6;border-radius:6px;padding:6px 26px 6px 8px;background-color:#fff;font:inherit;color:#282333}
.qa-selectors label:last-child select{width:120px}
.qa-actions{margin-left:auto;gap:8px}
.qa-actions a,.qa-actions button{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:6px;border:1px solid #cbc6d6;background:#fff;color:#282333;font:inherit;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.qa-actions a:hover,.qa-actions button:hover{background:#f5f2fb}
.qa-actions .qa-text-button{border-color:transparent;color:#5942c7;text-decoration:underline;text-underline-offset:3px}
.qa-actions [aria-disabled=true],.qa-actions button:disabled{opacity:.5;pointer-events:none}
.qa-toolbar-feedback{font-size:12px;min-height:24px}
.qa-toolbar-feedback .qa-status,.qa-toolbar-feedback .qa-hint{margin:4px 0 0}
.qa-manual-copy{margin-top:8px}
.qa-manual-copy label{display:block;font-weight:600}
.qa-manual-copy input{display:block;width:100%;border:1px solid #cbc6d6;border-radius:6px;padding:8px;margin-top:4px;background:#faf9fc;font-size:12px;color:#282333}
.published-qa-dialog :focus-visible,.published-qa-toolbar :focus-visible{outline:3px solid #9d8df1;outline-offset:3px}
.qa-hint{font-size:12px;margin:10px 0 0}
.qa-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.qa-results-heading h3,.qa-run-detail h3{font-size:16px;font-weight:600;margin:0}
.qa-text-button{background:none;border:0;color:#5942c7;padding:6px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qa-run-list,.qa-events{list-style:none;padding:0;margin:12px 0}.qa-run-list li+li{border-top:1px solid #e5e0ed}
.qa-run-list button{width:100%;text-align:left;padding:14px 8px;border:0;background:none;border-radius:6px;cursor:pointer}.qa-run-list button:hover{background:#f5f2fb}
.qa-run-list time{display:block;font-weight:600;font-variant-numeric:tabular-nums}.qa-run-list span{display:block;color:#625b6d;font-size:13px;margin-top:4px}
.qa-empty{padding:22px 0}.qa-empty h3{font-weight:600;font-size:16px;margin:0 0 8px}.qa-empty p{color:#625b6d}
.qa-run-detail{margin-top:16px}.qa-run-detail h4,.qa-section-title{margin:24px 0 12px;font-weight:600}.qa-run-detail dt{font-weight:600;margin-top:16px}.qa-run-detail dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.qa-events li{display:flex;gap:12px;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eeeaf4}.qa-events span{color:#625b6d;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.qa-status{color:#625b6d;margin:12px 0 0}
.published-qa-indicator{position:fixed;z-index:35;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:3px 8px;border:1px solid #e4e2e8;border-radius:4px;background:#f8f8fa;color:#5b5864;font:500 11px/1.4 Inter,sans-serif;text-align:center;pointer-events:none}
@media(max-width:700px){.qa-toolbar-main{gap:8px}.qa-toolbar-title{width:100%}.qa-selectors{width:100%;flex-wrap:nowrap}.qa-selectors label{flex:1;min-width:0;display:block}.qa-selectors select,.qa-selectors label:last-child select{width:100%;margin-top:4px}.qa-actions{margin-left:0;gap:4px}.qa-actions a,.qa-actions button{padding:8px}.published-qa-dialog{padding:22px 18px}.qa-events li{flex-wrap:wrap;gap:4px}.qa-dialog-heading{gap:12px}}
