.integration-card p{color:var(--muted);min-height:68px}.gateway-row,.state-row{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.gateway-row b{color:var(--amber);font-size:13px}.gateway-row button,.minor-button{border:1px solid var(--aqua);background:#123d48;color:var(--aqua);padding:8px 11px;border-radius:4px;cursor:pointer}.state-row span{color:var(--muted)}.state-row b{color:var(--aqua)}.integration-checks label:nth-child(-n+2){border-color:#806c36;background:#2f2b20}.event-log{margin-top:16px}.minor-button{border-color:var(--line);background:#102e38;color:var(--muted);font-size:12px}.log-list{margin-top:15px;max-height:260px;overflow:auto;border:1px solid var(--line);background:#071a21}.log-list>p{margin:0;padding:14px;color:var(--muted);font-size:13px}.log-row{display:grid;grid-template-columns:78px 145px 1fr;gap:12px;padding:10px 13px;border-bottom:1px solid #183943;font-size:12px}.log-row:last-child{border-bottom:0}.log-row time{color:var(--muted)}.log-row b{color:var(--aqua)}.log-row span{color:#d3e4e4}@media(max-width:760px){.gateway-row,.state-row{align-items:flex-start;flex-direction:column}.log-row{grid-template-columns:1fr;gap:3px}}
.script-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#102e38;color:var(--muted);padding:10px 12px;border-radius:4px;text-decoration:none;font-size:13px;white-space:nowrap}.script-link:hover{color:var(--aqua);border-color:var(--aqua)}
.integration-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.video-adapter,.performance-panel{min-height:370px}.video-frame{height:175px;display:grid;place-items:center;overflow:hidden;margin:16px 0 12px;border:1px dashed #4c7880;background:#071a21;color:var(--muted);text-align:center}.video-frame div{display:grid;gap:5px;padding:16px}.video-frame strong{color:var(--ink)}.video-frame span{font-size:12px}.video-frame img{width:100%;height:100%;object-fit:cover}.field-label,.config-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}.field-label input,.config-grid input{background:#071a21;border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:9px;font:inherit}.button-row{display:flex;gap:8px;margin-top:10px}.button-row button{border:1px solid var(--aqua);background:#15545b;color:#e9ffff;padding:8px 11px;border-radius:4px;cursor:pointer}.metric-list{margin-top:16px}.metric-list div{display:grid;grid-template-columns:148px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:13px}.metric-list span{color:var(--muted)}.ok{color:var(--lime)}.pending{color:var(--amber)}.config-panel,.export-panel{margin-top:16px}.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.export-panel .card-head{align-items:center}@media(max-width:900px){.integration-grid{grid-template-columns:1fr}.config-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.config-grid{grid-template-columns:1fr}.metric-list div{grid-template-columns:1fr;gap:2px}.button-row{flex-direction:column}.button-row button{width:100%}}