:root {
  --w3-primary: #16856b;
  --w3-primary-dark: #0b4a3d;
  --w3-primary-soft: #e7f5f0;
  --w3-surface: #ffffff;
  --w3-surface-muted: #f3f7f5;
  --w3-border: #dce7e2;
  --w3-text: #18372e;
  --w3-muted: #6e817a;
  --w3-danger: #bd4b4b;
  --w3-warning: #a96813;
  --w3-radius: 12px;
  --w3-space: 14px;
  --w3-shadow: 0 10px 28px rgba(19,61,49,.08);
  --ops-green: var(--w3-primary);
  --ops-green-dark: var(--w3-primary-dark);
  --ops-green-soft: var(--w3-primary-soft);
  --ops-border: var(--w3-border);
  --ops-head: var(--w3-surface-muted);
  --ops-text: var(--w3-text);
  --ops-muted: var(--w3-muted);
  --ops-danger: var(--w3-danger);
  --ops-warning: var(--w3-warning);
}

.w3-page,.ops-shell { color: var(--w3-text);font-size:14px;background:radial-gradient(circle at 92% 0,#e0f0ea 0,transparent 28rem),#f3f7f5;min-height:100vh }
.w3-page-header,.ops-page-header { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:14px;padding:2px 0 14px;border-bottom:1px solid var(--w3-border) }
.w3-page-header h2,.ops-page-header h2 { margin:4px 0;font-size:22px }
.w3-page-header p,.ops-page-header p,.ops-output-title p,.ops-querybar p { margin:3px 0;color:var(--w3-muted) }
.w3-breadcrumb,.ops-breadcrumb { color:var(--w3-muted);font-size:12px }
.w3-actions,.ops-page-actions,.ops-query-actions,.ops-settings-actions,.ops-settings-actions>div,.ops-commandbar,.ops-pagination,.ops-output-title { display:flex;align-items:center;gap:8px }
.ops-page-actions { justify-content:flex-end;flex-wrap:wrap }
.w3-page button,.ops-shell button { min-height:36px;border:1px solid #c9d8d2;border-radius:9px;background:#fff;color:var(--w3-text);padding:7px 14px;cursor:pointer;transition:.16s ease }
.w3-page button:hover,.ops-shell button:hover { border-color:#78b5a1;background:#f2f9f6;box-shadow:0 4px 12px rgba(20,88,67,.08) }
.w3-page button.primary,.ops-shell button.primary { border-color:var(--w3-primary);background:var(--w3-primary);color:#fff }
.w3-page button.primary:hover,.ops-shell button.primary:hover { background:var(--w3-primary-dark) }
.w3-page button.link,.ops-shell button.link { border:0;background:transparent;color:var(--w3-primary);padding:3px }
.w3-page button:disabled,.ops-shell button:disabled { cursor:not-allowed;opacity:.48 }
.w3-status,.ops-status,.w3-badge,.ops-badge { display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#edf2f0;color:#4f5f59;padding:4px 9px;font-size:12px;white-space:nowrap }
.w3-status i,.ops-status i { width:7px;height:7px;border-radius:50%;background:#82908b }
.w3-status.success,.ops-status.success,.w3-badge.success,.ops-badge.success { background:#e6f5ee;color:#096b4c }
.w3-status.success i,.ops-status.success i { background:#0a8f62 }
.w3-status.warning,.ops-status.warning,.w3-badge.warning,.ops-badge.warning { background:#fff3df;color:#8a5000 }
.w3-status.danger,.ops-status.danger,.w3-badge.danger,.ops-badge.danger { background:#ffebe9;color:var(--w3-danger) }
.w3-alert,.ops-alert { display:grid;grid-template-columns:auto 1fr;gap:12px;margin:10px 0;padding:10px 12px;border-left:4px solid var(--w3-primary);background:var(--w3-primary-soft) }
.w3-alert.danger,.ops-alert.danger { border-color:var(--w3-danger);background:#fff0ef }
.w3-querybar,.ops-querybar { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:15px 16px;background:rgba(255,255,255,.9);border:1px solid var(--w3-border);border-radius:var(--w3-radius);box-shadow:var(--w3-shadow) }
.ops-querybar p { grid-column:1/-1;font-size:12px }
.w3-fields,.ops-query-fields,.ops-filterbar { display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap }
.ops-query-fields label,.ops-filterbar label,.w3-field,.ops-field { display:grid;gap:5px;color:#4e5d58;font-size:12px }
.ops-query-fields input,.ops-query-fields select,.ops-filterbar input,.w3-field input,.w3-field select,.ops-field input { height:34px;min-width:150px;border:1px solid #bfcac6;border-radius:3px;background:#fff;padding:5px 8px;color:var(--w3-text) }
.ops-query-actions { align-self:end }
.w3-metrics,.ops-metrics { display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:8px;margin:14px 0;border:0;border-radius:var(--w3-radius);background:transparent;overflow:visible }
.w3-metric,.ops-metric { min-width:0;padding:14px 15px;border:1px solid var(--w3-border);border-top:3px solid #9aa6a2;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(19,61,49,.05) }
.w3-metric:last-child,.ops-metric:last-child { border-right:0 }
.w3-metric.success,.ops-metric.success { border-top-color:var(--w3-primary) }
.w3-metric.warning,.ops-metric.warning { border-top-color:#d88617 }
.w3-metric.danger,.ops-metric.danger { border-top-color:var(--w3-danger) }
.w3-metric>span,.w3-metric small,.ops-metric>span,.ops-metric small { display:block;color:var(--w3-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.w3-metric strong,.ops-metric strong { display:block;margin:6px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.ops-commandbar { justify-content:flex-end;margin:10px 0 }
.ops-commandbar>span { margin-right:auto;font-weight:600 }
.w3-panel,.ops-output { border:1px solid var(--w3-border);border-radius:var(--w3-radius);background:#fff;overflow:hidden;box-shadow:var(--w3-shadow) }
.ops-output-title { justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--w3-border) }
.ops-output-title h3 { margin:0;font-size:16px }
.w3-tabs,.ops-tabs { display:flex;gap:5px;background:#eef4f1;border-bottom:1px solid var(--w3-border);padding:7px 9px }
.w3-tabs button,.ops-tabs button { min-height:38px;border:0;border-bottom:3px solid transparent;background:transparent;color:#50605a;padding:7px 14px;cursor:pointer }
.w3-tabs button.active,.ops-tabs button.active { border-bottom-color:transparent;background:#fff;color:var(--w3-primary-dark);font-weight:700;box-shadow:0 2px 8px rgba(19,61,49,.09) }
.ops-filterbar { padding:10px 12px;border-bottom:1px solid var(--w3-border) }
.w3-table-wrap,.ops-table-wrap { width:100%;overflow:auto }
.w3-table,.ops-table { width:100%;border-collapse:collapse;table-layout:auto }
.w3-table th,.ops-table th { background:#edf5f2;color:#37584d;font-size:12px;font-weight:700;white-space:nowrap }
.w3-table th,.w3-table td,.ops-table th,.ops-table td { padding:9px 11px;border-right:1px solid #e5eae8;border-bottom:1px solid #e1e7e5;text-align:left;vertical-align:middle }
.w3-table tbody tr:hover,.ops-table tbody tr:hover { background:#eef8f4 }
.w3-empty,.ops-empty { padding:32px;text-align:center;color:var(--w3-muted) }
.ops-pagination { justify-content:space-between;padding:9px 12px;color:var(--w3-muted);font-size:12px }
.ops-pagination>div { display:flex;gap:6px }
.w3-settings,.ops-settings-card { max-width:1020px;border:1px solid var(--w3-border);border-radius:var(--w3-radius);background:#fff }
.ops-settings-heading { display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--w3-border);background:var(--w3-surface-muted) }
.ops-settings-card form { padding:16px }
.ops-form-grid { display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:15px 18px }
.ops-field input { width:100%;box-sizing:border-box }
.ops-settings-actions { justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--w3-border) }
.w3-denied { display:grid;place-items:center;min-height:220px;padding:24px;text-align:center;border:1px dashed var(--w3-border);background:var(--w3-surface-muted);color:var(--w3-muted) }
.w3-loading { min-height:120px;display:grid;place-items:center;color:var(--w3-muted) }
.connector-settings { display:none }
.w3-connector-settings-mode .connector-settings { display:block }
.w3-connector-settings-mode .w3-connector-toolbar { display:none }
.w3-connector-settings-mode .connector-grid,.w3-connector-settings-mode .connector-toolbar:not(.connector-settings .connector-toolbar),.w3-connector-settings-mode .connector-tabs,.w3-connector-settings-mode .connector-scope,.w3-connector-settings-mode .connector-reconcile,.w3-connector-settings-mode .table-wrap,.w3-connector-settings-mode .admin-pagination { display:none }
.w3-connector-toolbar { display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px }
.connector-grid.ops-metrics { gap:0 }
.connector-card.ops-metric strong { font-size:18px }
.connector-tabs.ops-tabs { margin-top:12px }
.connector-settings.ops-settings-card { padding:16px }
.connector-settings.ops-settings-card>h3 { margin:8px 0 4px;font-size:19px }
.connector-settings.ops-settings-card>p { margin:0 0 16px;color:var(--w3-muted) }

@media(max-width:1200px){.w3-metrics,.ops-metrics{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:760px){.w3-page-header,.ops-page-header,.ops-settings-actions{display:grid}.ops-page-actions,.ops-settings-actions>div{justify-content:flex-start}.w3-querybar,.ops-querybar{grid-template-columns:1fr}.ops-querybar p{grid-column:1}.w3-metrics,.ops-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.ops-form-grid{grid-template-columns:1fr}.w3-fields,.ops-query-fields,.ops-filterbar{display:grid;grid-template-columns:1fr}.ops-query-fields input,.ops-query-fields select,.ops-filterbar input{width:100%;box-sizing:border-box}.w3-tabs,.ops-tabs{overflow:auto;padding-left:0}.w3-tabs button,.ops-tabs button{white-space:nowrap}.ops-commandbar{justify-content:flex-start;flex-wrap:wrap}.ops-commandbar>span{width:100%}}