.table-scroll{position:relative;max-width:100%}
.source-status>div{min-width:0}
.source-status p{overflow-wrap:anywhere}
.live-collection{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;padding:16px 20px}
.live-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px;margin-bottom:12px}
.live-heading .muted{font-size:9px}
#live-empty{font-size:11px;color:var(--muted);padding:12px 0}
#live-records{list-style:none;padding:0;margin:0;max-height:270px;overflow:auto}
#live-records li{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf0e7;animation:record-arrival .4s ease-out}
#live-records li>div{flex:1;min-width:0}
#live-records strong{font-size:11px;display:block}
#live-records li>div>span{font-size:9px;color:var(--muted);display:block;margin-top:2px}
.live-tick{display:grid;place-items:center;background:#edf3e4;color:#6b8e4f;border-radius:50%;width:24px;height:24px;font-size:11px;flex-shrink:0}
.live-scope{font-size:8px;background:#edf3e4;color:#6b8e4f;padding:3px 6px;border-radius:4px;white-space:nowrap}
.live-scope.excluded{background:#f7f0e5;color:#a38a60}
#live-records time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
.live-collection>small{display:block;font-size:9px;color:var(--muted);margin-top:12px}
@keyframes record-arrival{from{background:#eaf2dd}to{background:transparent}}
@media(max-width:540px){.live-heading{align-items:flex-start;flex-direction:column;gap:4px}.live-collection{padding:14px}#live-records li{gap:7px}#live-records time{display:none}}
.browser-panel{margin:0 27px 22px;padding:16px;background:#f5f7ef;border:1px solid #e1e8d8;border-radius:8px}
.browser-panel-heading{display:flex;gap:10px;align-items:center}
.browser-panel-heading>div{flex:1}
.browser-panel-heading strong{font-size:11px}
.browser-panel-heading p,.browser-message{font-size:10px;color:#78866e;margin-top:4px}
.browser-message{margin:12px 0}
.browser-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:11px}
.browser-actions label{font-size:10px;display:flex;gap:5px;align-items:center;margin-left:auto;color:#596d4d}
.browser-actions input{accent-color:var(--green)}
.browser-panel small{font-size:9px;color:#8a967e;display:block}
@media(max-width:540px){.browser-panel{margin:0 17px 17px}.browser-panel-heading{flex-wrap:wrap}.browser-panel-heading .pill{margin-left:29px}.browser-actions label{margin-left:0;width:100%}}
@media(max-width:850px){.sidebar .brand{margin:0 auto 30px}.sidebar .nav-item{flex-shrink:0}}
.sidebar .nav-label{margin-top:52px}
.topbar-right .workspace-label{margin:0;color:var(--ink);white-space:nowrap}
.topbar-right .workspace-icon{width:29px;height:29px;font-size:16px;border-radius:8px}
.topbar-right .tiny-tag{margin-left:4px}