.pf-tabs { display:flex; gap:2px; border-bottom:1px solid var(--line,#dce2e7); margin:0 0 18px; overflow-x:auto; }
.pf-tab { border:0; background:none; padding:10px 16px; font-size:13px; font-weight:600; color:#6b7882; border-bottom:2px solid transparent; white-space:nowrap; margin-bottom:-1px; }
.pf-tab:hover { color:#33424c; }
.pf-tab[aria-selected="true"] { color:#0b6cf0; border-bottom-color:#0b6cf0; }
.pf-tab:focus-visible { outline:2px solid #58a1df; outline-offset:-2px; border-radius:4px; }
.pf-tabpanel[hidden] { display:none; }
.pe-note { padding:10px 12px; border:1px solid #d3e4ef; background:#f2f8fc; color:#48687b; font-size:12px; line-height:1.5; border-radius:6px; margin-bottom:12px; }
.pe-note.pe-warn { background:#fff8eb; border-color:#f0d9ac; color:#805d24; }
.pe-note.pe-pending { background:#fff8eb; border-color:#f0d9ac; color:#805d24; font-weight:600; }
.pe-errs { margin-bottom:12px; padding:10px 12px; border:1px solid #e6c7c7; background:#fff5f5; color:#984f4f; font-size:12px; border-radius:6px; }
.pe-errs[hidden] { display:none; }
.pe-confirm { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 12px; margin-bottom:12px; border:1px solid #e4c3c3; background:#fff5f5; border-radius:6px; font-size:13px; color:#7a3b3b; }
.pe-danger { background:#b74a4a; border-color:#b74a4a; }
.pe-danger:hover { background:#9d3d3d; }
.pe-table-wrap { overflow-x:auto; border:1px solid var(--line,#dce2e7); border-radius:8px; margin-bottom:14px; }
.pe-table { width:100%; min-width:0; border-collapse:collapse; }
.pe-table thead th { background:#475569; color:#fff; font-size:12px; font-weight:500; padding:9px 10px; text-align:left; }
.pe-table tbody td { padding:9px 10px; font-size:13px; border-bottom:1px solid #e7ebee; vertical-align:middle; max-width:none; }
.pe-table tbody tr:last-child td { border-bottom:0; }
.pe-row-act { white-space:nowrap; text-align:right; }
.pe-clip { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pe-empty { text-align:center; padding:28px 16px; border:1px dashed #cbd5dc; border-radius:8px; color:#77838d; background:#fbfcfd; margin-bottom:14px; }
.pe-empty p { margin:4px 0 0; font-size:12px; }
.pe-editor { margin-top:6px; }
.pe-set { border:0; margin:0; padding:0; min-width:0; display:grid; gap:12px; }
.pe-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pe-grow { flex:1; }
.pe-status { min-height:18px; font-size:12px; color:#48687b; }
.pe-body { min-height:200px; font-family:var(--font-mono,monospace); font-size:13px; }
@media (max-width:760px) {
  .pe-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .pe-table, .pe-table tbody, .pe-table tr, .pe-table td { display:block; width:100%; }
  .pe-table tr { padding:8px 10px; border-bottom:1px solid var(--line,#dce2e7); }
  .pe-table tbody td { border:0; padding:3px 0; display:flex; gap:10px; }
  .pe-table td[data-label]::before { content:attr(data-label); flex:0 0 76px; color:#77838d; font-size:11px; }
  .pe-row-act { white-space:normal; flex-wrap:wrap; }
  .pe-clip { max-width:none; white-space:normal; }
}
.pe-google { display:grid; gap:8px; padding:12px; border:1px solid #cfe0ef; background:#f5f9fd; border-radius:8px; }
.pe-g-head { display:grid; gap:2px; font-size:13px; }
.pe-g-head span, .pe-g-fine { font-size:12px; color:#5b7385; }
.pe-g-msg { min-height:16px; font-size:12px; color:#33424c; }
input[readonly].pf-input { background:#f1f4f6; color:#5b6a74; }