/* Browser harness panel — live-view + takeover (Team v1). Scoped to #pf-browser-body. */
#pf-browser-body { display: flex; flex-direction: column; padding: 0; overflow: hidden; }

#pf-browser-body .browser-control-bar {
  display: flex; gap: 8px; align-items: center; flex-wrap: nowrap;
  overflow-x: auto; padding: 10px 12px;
  border-bottom: 1px solid var(--border); background: var(--surface); flex: 0 0 auto;
}
#pf-browser-body .browser-url-input {
  flex: 1 1 auto; min-width: 120px; padding: 7px 10px;
  border: 1px solid var(--border); border-radius: 8px;
  background: var(--surface); color: var(--text); font-size: 13px;
}
#pf-browser-body .browser-status { font-size: 12px; color: var(--text-dim); padding: 0 12px 8px; flex: 0 0 auto; }
#pf-browser-body .browser-stage { flex: 1 1 auto; min-height: 0; position: relative; background: #171717; }
#pf-browser-body .browser-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }