.sj-modebar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0;background:var(--panel);padding:10px 14px;border:1px solid var(--line);border-radius:10px}.sj-modebar>div{display:flex;gap:5px;flex-wrap:wrap}.sj-modebar [role=tab]{border:0;background:none;color:var(--muted);padding:10px 15px;font-size:12px;border-radius:7px}.sj-modebar [aria-selected=true]{background:var(--as-soft);color:var(--blue)}.sj-modebar>span{margin-left:auto;font-size:10px;color:var(--muted)}.sj-node-stats{position:absolute;top:-35px;left:0;display:flex;align-items:center;gap:10px;white-space:nowrap;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 9px;min-height:26px;color:var(--muted);font-size:9px;box-shadow:0 2px 6px #14274608;cursor:pointer!important}.sj-node-stats b{font-size:11px;color:var(--text);font-weight:600}.sj-node-stats:hover{border-color:var(--blue)}.as-world:has(.sj-node-stats){margin-top:40px}.sj-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--panel);padding:16px;border:1px solid var(--line);border-radius:10px;margin:0 0 16px}.sj-filters label{display:grid;gap:6px;font-size:10px;color:var(--muted)}.sj-filters select,.sj-section select{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:10px;font-size:12px}.sj-filters>span{margin-left:auto;color:var(--muted);font-size:10px}.sj-section{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px;margin-top:20px}.sj-section>header{display:flex;justify-content:space-between;gap:20px;align-items:center}.sj-section h2{font-size:19px;margin:0 0 8px;letter-spacing:-.4px}.sj-section p{line-height:1.8;color:var(--muted);font-size:12px}.sj-section label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.sj-lab-tools{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:20px 0}.sj-lab-tools label{flex:1;min-width:220px}.sj-lab-status{display:flex;flex-wrap:wrap;gap:18px;padding:15px;background:var(--panel-soft);border-radius:8px;font-size:11px}.sj-lab-status>span{color:var(--muted)}.sj-detail-metrics{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;margin-bottom:18px;border-bottom:1px solid var(--line)}.sj-detail-metrics>div{display:grid;gap:7px;min-width:95px}.sj-detail-metrics strong{font-size:23px;font-weight:600}.sj-detail-metrics small{font-size:10px;color:var(--muted)}.sj-detail-row{display:grid;width:100%;text-align:left;gap:7px;padding:14px;border:0;border-bottom:1px solid var(--line);color:var(--text);background:var(--panel);font-size:12px}.sj-detail-row span,.sj-detail-row small{font-size:10px;color:var(--muted)}.sj-detail-row:hover{background:var(--panel-soft)}.sj-detail-row[hidden]{display:none!important}.sj-preview-actions{display:grid;gap:8px;margin-bottom:20px}.sj-phone-panel{position:absolute;right:0;top:0;bottom:0;max-width:calc(100% - 20px);z-index:5;overflow:auto;background:var(--panel);border-left:1px solid var(--line);box-shadow:-8px 0 25px #1427460d;padding:16px;cursor:default}.sj-phone-panel>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;font-size:12px}.sj-width{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:14px}.sj-width input{width:100%;accent-color:var(--blue)}.sj-phone{border:7px solid #26313a;border-radius:30px;background:#efeae2;overflow:hidden;box-shadow:0 12px 24px #14274618;color:#18272a;margin-bottom:18px}.sj-device-status{display:flex;justify-content:space-between;font-size:9px;padding:10px 16px;background:#fafafa;color:#27353b}.sj-phone-contact{display:flex;gap:12px;align-items:center;padding:12px;background:#f8f9f8;border-bottom:1px solid #dfe4e3}.sj-phone-contact strong{display:block;font-size:11px}.sj-phone-contact small{display:block;font-size:9px;color:#677879;margin-top:4px}.sj-chat{padding:14px 10px;max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:230px;background-image:radial-gradient(#d4d0c4 1px,transparent 1px);background-size:18px 18px}.sj-bubble{max-width:94%;background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 3px #00000010;cursor:pointer;border:2px solid transparent}.sj-bubble.outgoing{align-self:flex-end;background:#d9f5c7}.sj-bubble.incoming{align-self:flex-start}.sj-bubble.system{align-self:center;background:#fff9dd;max-width:100%;color:#647071;font-size:9px;cursor:default}.sj-bubble p{font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sj-bubble.system p{font-size:9px}.sj-bubble time{display:block;text-align:right;font-size:8px;color:#718077;margin-top:7px}.sj-bubble.selected{border-color:#5588d6}.sj-bubble.blocked{background:#fff0ec;border-color:#d0a3a0}.sj-channel-warning{display:block;font-size:9px;color:#984642;line-height:1.5;margin-top:8px}.sj-response-buttons{display:grid;gap:5px;margin-top:10px}.sj-response-buttons button{border:1px solid #abcba5;background:#fff;color:#337367;font-size:10px;border-radius:5px;padding:8px;cursor:pointer}.sj-media{min-height:80px;display:grid;align-content:center;justify-items:center;background:#d0dfe6;border-radius:7px;margin-bottom:10px;font-size:11px;gap:8px}.sj-media small{font-size:8px;color:#506572}.sj-document{padding:10px;border:1px solid #b9d0b0;border-radius:6px;background:#e8f6df;margin-bottom:8px;font-size:10px;overflow-wrap:anywhere}.sj-compose{background:#f8f9f8;padding:12px;font-size:10px;display:flex;justify-content:space-between;color:#8d9796}.sj-phone-replies{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sj-email{border-radius:10px;border:1px solid var(--line);background:white}.sj-email .sj-chat{background:#fff}.sj-email .sj-bubble{max-width:100%;background:white;border-bottom:1px solid #ddd;box-shadow:none}.sj-analysis-table{overflow:auto}.sj-analysis-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.sj-analysis-table th{font-size:10px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.sj-analysis-table td{padding:12px;border-bottom:1px solid var(--line)}.sj-diagnosis{padding:20px;background:var(--panel-soft);border:1px solid var(--line);border-radius:9px;margin-top:20px;line-height:1.8;font-size:13px}.sj-diagnosis small{display:block;color:var(--muted);font-size:10px;margin:10px 0}.sj-diagnosis .btn{margin-right:8px}.sj-inspect-steps{padding-left:24px}.sj-inspect-steps li{padding:8px 0}.sj-inspect-steps button{border:0;background:none;text-align:left;color:var(--text);font-size:12px}.sj-inspect-steps small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:6px}@media(max-width:1100px){.sj-modebar>span{margin-left:0}.sj-modebar{gap:10px}.sj-phone-panel{width:300px!important}.sj-section{padding:18px}.sj-section>header{align-items:flex-start;flex-direction:column}.sj-filters>span{margin-left:0}.sj-modebar [role=tab]{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.sj-phone-panel *{scroll-behavior:auto!important}}
.sj-lab{margin:0 0 16px;padding:16px}.sj-lab h2{font-size:15px}.sj-lab>header p{margin:4px 0;font-size:10px}.sj-lab-tools{margin:12px 0;gap:8px}.sj-lab .as-eyebrow{font-size:9px}.sj-lab-status{padding:10px}.sj-lab>p{margin:8px 0 0;font-size:11px}.as-dialog form input[type=checkbox]{width:16px;accent-color:var(--blue)}
@media(max-width:1100px){.sj-width{display:none}}