/* real-traffic-audit.css — extras on top of /security-audit.css (same variables and look) */
.rta-drop{border:2px dashed var(--border);border-radius:10px;background:var(--bg3);padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.rta-drop:hover,.rta-drop:focus,.rta-drop.rta-drag{border-color:var(--accent2);background:rgba(124,58,237,.05);outline:none}
.rta-drop-title{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:var(--text)}
.rta-drop-hint{font-size:12px;color:var(--text2);margin-top:6px;line-height:1.5}
.rta-files{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text2);margin-top:10px;word-break:break-all}
.rta-hidden{display:none}
.rta-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.rta-opts label{display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.rta-opts input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text);outline:none}
.rta-opts input:focus{border-color:var(--accent2)}
.rta-opts small{display:block;font-size:11px;color:var(--text3);margin-top:4px;line-height:1.4}
.rta-run-row{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.rta-privacy{font-size:12px;color:var(--accent3,#166534);font-weight:700}
.rta-table-wrap{overflow-x:auto;margin:8px 0 14px}
.rta-table{width:100%;border-collapse:collapse;font-size:13px}
.rta-table th{text-align:left;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}
.rta-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);word-break:break-all}
.rta-table td.rta-num{text-align:right;font-family:'JetBrains Mono',monospace;white-space:nowrap;word-break:normal}
.rta-sub{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--text2);margin:14px 0 4px}
.rta-empty{font-size:13px;color:var(--text3);margin:6px 0 12px}
.rta-muted{color:var(--text3)}
.rta-bars{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.rta-bar-row{display:grid;grid-template-columns:96px 1fr 60px;align-items:center;gap:10px;font-size:12px}
.rta-bar-day{font-family:'JetBrains Mono',monospace;color:var(--text2)}
.rta-bar{background:var(--bg3);border-radius:4px;height:12px;overflow:hidden}
.rta-bar-fill{display:block;height:100%;background:var(--accent2);border-radius:4px}
.rta-spike .rta-bar-fill{background:var(--warn,#c2410c)}
.rta-bar-n{text-align:right;font-family:'JetBrains Mono',monospace;color:var(--text)}
.rta-connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:6px}
.rta-connect-box{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:16px}
.rta-connect-title{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:var(--text)}
.rta-connect-status{font-size:12px;color:var(--text2);margin:6px 0 10px;line-height:1.5}
.rta-connect-status.rta-ok{color:var(--accent3,#166534);font-weight:700}
.rta-connect-actions{display:flex;gap:8px;flex-wrap:wrap}
.rta-select{width:100%;margin:0 0 10px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:13px;color:var(--text)}
.rta-signin{font-size:13px;color:var(--text2);margin:0 0 10px}
.rta-shown{display:block}
.rta-verify{margin:-2px 0 12px 44px}
.rta-plain{max-width:680px;margin:18px auto 4px;text-align:left;font-size:14px;line-height:1.6;color:var(--text)}
.rta-plain:empty{display:none}
.rta-plain-title{font-family:'Inter',sans-serif;font-weight:700;font-size:15px;margin-bottom:6px}
.rta-plain p{margin:8px 0}
.rta-plain ul{margin:6px 0 8px 20px;padding:0}
.rta-plain li{margin:3px 0}
.rta-guide details{border:1px solid var(--border);border-radius:10px;background:var(--bg3);margin:10px 0;padding:0 14px}
.rta-guide summary{cursor:pointer;padding:12px 0;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:var(--text)}
.rta-guide ol{margin:8px 0 14px 20px;padding:0;font-size:13.5px;line-height:1.7;color:var(--text2)}
.rta-guide li{margin:4px 0}
.rta-guide h3{margin-top:26px}
.rta-guide pre{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:8px 0 12px;overflow-x:auto}
.rta-guide pre code{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.55;white-space:pre;color:var(--text)}
.rta-guide p.sa-s39{margin:10px 0 4px}