.ops-workspace { margin-top:24px; min-width:0; background:var(--card); border:1px solid var(--line); border-radius:6px; }
.ops-workspace [hidden] { display:none!important; }
.ops-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:8px 16px 0; border-bottom:1px solid var(--line); margin:0; }
.ops-tabs button { border:0; border-bottom:2px solid transparent; border-radius:0; padding:12px 14px; background:transparent; color:var(--ink-soft); font:inherit; cursor:pointer; }
.ops-tabs button[aria-pressed="true"] { background:var(--brand-pale); color:var(--brand-link); border-bottom-color:var(--brand-blue); font-weight:700; }
.ops-tabs button:hover { color:var(--brand-link); background:var(--bg); }
.ops-panel { min-width:0; padding:24px; }
.ops-panel h2 { margin:28px 0 16px; font-size:20px; }
.ops-panel h2:first-child { margin-top:0; }
.ops-panel h3 { margin:24px 0 12px; font-size:16px; }
.ops-panel form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 20px; max-width:960px; margin:24px 0; padding:20px 0 0; border-top:1px solid var(--line); }
.ops-panel form:first-child { margin-top:0; padding-top:0; border-top:0; }
.ops-panel form:last-child { margin-bottom:0; }
.ops-panel label { display:flex; flex-direction:column; gap:8px; color:var(--ink-soft); font-size:14px; }
.ops-panel input,.ops-panel select,.ops-panel textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid var(--line-strong); border-radius:6px; background:var(--card); color:var(--ink); font:inherit; }
.ops-panel textarea { min-height:80px; }
.ops-panel input[type="checkbox"] { width:auto; }
.ops-panel fieldset { min-width:0; grid-column:1/-1; display:flex; flex-wrap:wrap; gap:12px 20px; padding:16px; border:1px solid var(--line); border-radius:4px; }
.ops-panel fieldset legend { padding:0 6px; color:var(--ink-soft); font-size:14px; }
.ops-panel fieldset label { flex-direction:row; align-items:center; }
.ops-panel button { font:inherit; cursor:pointer; }
.ops-panel button:not(.jdc-btn) { padding:10px 14px; border:1px solid var(--line); border-radius:6px; background:var(--card); color:var(--brand-link); }
.ops-panel button[type="submit"] { color:#fff; background:var(--brand-link); border-color:var(--brand-link); }
.ops-panel button:disabled { opacity:.5; cursor:default; }
.ops-panel form>button,.ops-panel .ops-full { grid-column:1/-1; justify-self:start; }
.ops-panel .ops-actions { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.ops-table-wrap { max-width:100%; overflow:auto; background:var(--card); border:1px solid var(--line); border-radius:4px; }
.ops-table-wrap table { width:100%; border-collapse:collapse; background:var(--card); }
.ops-table-wrap table th { padding:12px 14px; background:var(--bg); color:var(--ink-soft); text-align:left; font-weight:600; white-space:nowrap; border-bottom:1px solid var(--line); }
.ops-table-wrap table td { padding:12px 14px; color:var(--ink-soft); border-bottom:1px solid var(--line); line-height:1.6; }
.ops-table-wrap table tbody tr:last-child td { border-bottom:0; }
.ops-table-wrap table td[colspan] { padding:40px 20px; color:var(--muted); text-align:center; }
.ops-empty { margin:0; padding:40px 20px; background:var(--bg); color:var(--muted); text-align:center; line-height:1.7; border:1px solid var(--line); border-radius:4px; }
.ops-message { margin:16px 24px 0; padding:12px 16px; color:var(--brand-link); background:var(--brand-pale); border-radius:4px; line-height:1.6; }
.ops-message.error { color:var(--brand-warning); background:var(--brand-warning-pale); }
.ops-workspace :focus-visible { outline:2px solid var(--brand-blue); outline-offset:3px; }
@media(max-width:700px) {
  .jdc-content:has(.ops-workspace) { width:100%; }
  .ops-panel { padding:18px 14px; }
  .ops-panel form { grid-template-columns:1fr; gap:14px; }
  .ops-tabs { gap:2px; padding:6px 8px 0; }
  .ops-tabs button { padding:10px; font-size:13px; }
  .ops-table-wrap table { min-width:560px; }
  .ops-table-wrap table th,.ops-table-wrap table td { padding:10px 12px; }
  .ops-message { margin:12px 14px 0; }
}