/* Connections: table/list and side panel. Provider field DOM and handlers are unchanged. */
#connections-list.utu-connections-table-wrap {
  display:block !important;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  margin-top:16px;
  padding:0;
  border:1px solid #273f55;
  border-radius:16px;
  background:#101c28;
  box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.utu-connections-table{
  width:100%;
  min-width:650px;
  border-spacing:0;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:13px;
}
.utu-connections-table th{
  background:#152737;
  color:#9daec0;
  font-weight:600;
  font-size:12px;
  text-align:left;
  padding:14px 18px;
  white-space:nowrap;
  border-bottom:1px solid #2a3d4f;
}
.utu-connections-table th:nth-child(1){width:25%}
.utu-connections-table th:nth-child(2){width:22%}
.utu-connections-table th:nth-child(3){width:19%}
.utu-connections-table th:nth-child(4){width:13%}
.utu-connections-table th:nth-child(5){width:21%;text-align:right}
.utu-connections-table td{
  padding:13px 18px;
  border-bottom:1px solid #213347;
  color:#cedae7;
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.utu-connections-table tbody tr:last-child td{border-bottom:0}
.utu-connections-table tbody tr:hover{background:#172a3d}
.utu-connections-table td:nth-child(5){overflow:visible;}
.utu-connection-name-cell{display:flex;align-items:center;gap:12px;min-width:0}
.utu-connection-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f2f7fb;font-weight:650}
.utu-connection-brand{
  display:inline-flex;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  height:34px;
  width:34px;
  border-radius:10px;
  overflow:hidden;
  color:white;
  background:#293b51;
}
.utu-connection-brand img{display:block;width:62%;height:62%;object-fit:contain;}
.utu-connection-brand svg{width:21px;height:21px;}
.utu-connection-brand.large{width:49px;height:49px;flex-basis:49px;border-radius:14px;}
.utu-connection-brand.large img{width:67%;height:67%;}
.utu-connection-brand b{font-size:10px;font-weight:800;line-height:1;letter-spacing:-.02em}
.utu-connection-brand.kubernetes{background:#3069dc}
.utu-connection-brand.prometheus{background:#db522d}
.utu-connection-brand.grafana{background:#ea762c}
.utu-connection-brand.elastic{background:#2377a0}
.utu-connection-brand.opensearch{background:#1f6eb1}
.utu-connection-brand.argo{background:#e36b42}
.utu-connection-brand.github{background:#252d3a}
.utu-connection-brand.gitlab{background:#d64c29}
.utu-connection-brand.googlegemini{background:#5160c3}
.utu-connection-brand.googlecloud{background:#2865a7}
.utu-connection-brand.anthropic{background:#916550}
.utu-connection-brand.openrouter{background:#5742ab}
.utu-connection-brand.ollama{background:#39465d}
.utu-connection-brand.victoriametrics{background:#7336be}
.utu-connection-brand.openai{background:#3b5c58}\n.utu-connection-brand.aws{background:#c17d25}\n.utu-connection-brand.azure{background:#2179bd}\n.utu-connection-brand.baseten{background:#5351a5}\n.utu-connection-brand.linux{background:#2d3a4b}
.utu-connection-brand.windows{background:#1573c8}
.utu-connection-brand.terraform{background:#6743c0}
.utu-connection-brand.neutral{background:#2c4560}
.utu-connection-usage{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.utu-connection-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;}
.utu-connection-status i{display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:currentColor}
.utu-connection-status.enabled{color:#29d396}
.utu-connection-status.disabled{color:#e9a24c}
.utu-connection-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;}
.utu-connections-table .utu-connection-action{
  min-height:31px;
  padding:6px 10px;
  color:#d9e8f5;
  background:#1a2d40;
  border:1px solid #314b63;
  border-radius:8px;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
}
.utu-connections-table .utu-connection-action:hover{color:white;background:#263f5a;border-color:#4985bd}
/* All providers: one visible pending state for the external Connection Test. */
.utu-connections-table .utu-connection-test{
  display:inline-flex;align-items:center;justify-content:center;
  gap:7px;min-width:91px;white-space:nowrap;
}
.utu-connections-table .utu-connection-test.is-testing,
.utu-connections-table .utu-connection-test:disabled,
.utu-connections-table .utu-connection-test:disabled:hover{
  color:#b7cad9;background:#1a2d40;border-color:#314b63;
  cursor:progress;opacity:.82;box-shadow:none;transform:none;
}
.utu-connections-table .utu-connection-test.is-testing::before{
  content:"";width:12px;height:12px;flex:0 0 12px;
  box-sizing:border-box;border:2px solid #6f8da5;
  border-top-color:#e5f3ff;border-radius:50%;
  animation:utu-connection-test-spin .75s linear infinite;
}
@keyframes utu-connection-test-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .utu-connections-table .utu-connection-test.is-testing::before{animation:none;}
}
.utu-connections-table .utu-connection-action.danger{color:#fa8f90;border-color:#5f343b;background:#291b27;}
.utu-connections-table .utu-connection-action.danger:hover{color:#fff;background:#943a46;}
.utu-connection-empty{text-align:center;color:#a2b4c7 !important;padding:32px !important;}
.utu-connection-overlay{
  position:fixed;
  z-index:810;
  inset:0;
  background:rgba(4,9,15,.53);
  backdrop-filter:blur(1.5px);
  pointer-events:auto;
}
body.utu-connection-editor-active{overflow:hidden;}
body > #connection-editor.utu-connection-drawer{
  position:fixed !important;
  z-index:840 !important;
  top:70px !important;
  right:10px !important;
  bottom:10px !important;
  left:auto !important;
  width:min(670px,100vw) !important;
  max-width:100vw !important;
  max-height:calc(100vh - 80px) !important;
  margin:0 !important;
  border:1px solid #2b4357 !important;
  border-radius:18px !important;
  padding:0 22px 35px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:#0d1b29 !important;
  color:#eef4fa;
  box-shadow:-18px 0 65px rgba(0,0,0,.5);
  overscroll-behavior:contain;
}
#connection-editor.utu-connection-drawer .connection-detail-header,
#connection-editor.utu-connection-drawer>.utu-connection-old-title{display:none !important}
#connection-editor.utu-connection-drawer .utu-connection-drawer-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:0 -22px 23px;
  padding:19px 23px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  border-bottom:1px solid #2a4055;
  background:#0e1d2b;
}
.utu-connection-drawer-heading{display:flex;align-items:center;gap:14px;min-width:0}
.utu-connection-heading-text{min-width:0;}
.utu-connection-heading-text small{display:block;color:#60addb;letter-spacing:.10em;font-size:10px;font-weight:750;margin-bottom:5px;}
.utu-connection-heading-text h2{font-size:21px;letter-spacing:-.025em;color:#f3f8fc;margin:0 0 3px;overflow-wrap:anywhere;}
.utu-connection-heading-text p{margin:0;font-size:12px;color:#9eafc3;line-height:1.4;}
.utu-connection-close{
  width:33px;height:33px;flex:0 0 33px;
  display:grid;place-items:center;
  padding:0;border:1px solid #34516a;border-radius:9px;
  color:#d9e5f1;background:transparent;font-size:25px;line-height:1;
}
.utu-connection-close:hover{background:#24425a}
#connection-editor.utu-connection-drawer>.grid,
#connection-editor.utu-connection-drawer>#conn-provider-fields,
#connection-editor.utu-connection-drawer>#conn-secrets,
#connection-editor.utu-connection-drawer>.actions{
  margin-left:0 !important;margin-right:0 !important;
}
#connection-editor.utu-connection-drawer>.grid,
#connection-editor.utu-connection-drawer>#conn-provider-fields,
#connection-editor.utu-connection-drawer>#conn-secrets{
  border:1px solid #2b4358;
  border-radius:15px;
  background:#15293b;
  padding:18px !important;
  margin-top:0 !important;
  margin-bottom:15px;
  box-shadow:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px 14px;
}
#connection-editor.utu-connection-drawer>.grid:not(#conn-provider-fields):not(#conn-secrets)::before{
  content:"General";
  grid-column:1/-1;color:#eef5fb;font-size:16px;font-weight:720;margin-bottom:1px;
}
#connection-editor.utu-connection-drawer>#conn-provider-fields>div.full:first-child,
#connection-editor.utu-connection-drawer>#conn-secrets>div.full:first-child{grid-column:1/-1;}
#connection-editor.utu-connection-drawer #conn-provider-fields h3,
#connection-editor.utu-connection-drawer #conn-secrets h3{font-size:16px;margin:0 0 5px;color:#f3f8fc}
#connection-editor.utu-connection-drawer #conn-provider-fields .hint,
#connection-editor.utu-connection-drawer #conn-secrets .hint{font-size:11px;color:#aabacd;margin:4px 0 0}
#connection-editor.utu-connection-drawer label{font-size:12px;font-weight:600;color:#d9e6f3;min-width:0;}
#connection-editor.utu-connection-drawer label.full,
#connection-editor.utu-connection-drawer div.full,
#connection-editor.utu-connection-drawer .full{grid-column:1/-1;}
#connection-editor.utu-connection-drawer input:not([type=checkbox]),
#connection-editor.utu-connection-drawer select,
#connection-editor.utu-connection-drawer textarea{
  max-width:100%;min-width:0;
  border-color:#38536a;
  background:#1b3548;color:#f2f7fc;
}
#connection-editor.utu-connection-drawer .switch{
  display:flex;align-items:center;gap:8px;
  padding-top:10px;
}
#connection-editor.utu-connection-drawer input[type=checkbox]{accent-color:#16bad1;}
#connection-editor.utu-connection-drawer .field-help{display:block;margin-top:5px;color:#a5bad0;font-weight:400;font-size:11px;line-height:1.48}
#connection-editor.utu-connection-drawer>.actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
  margin-top:16px;
  margin-bottom:20px;
  padding-top:15px;
  border-top:1px solid #2b4256;
}
#connection-editor.utu-connection-drawer>.actions .primary{background:#146ded;border-color:#146ded;color:white}
#connection-editor.utu-connection-drawer>.entity-danger-zone{
  margin:24px 0 0 !important;padding:17px !important;
  background:#2b1a23;border:1px solid #713e49;
  border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;
}
#connection-editor.utu-connection-drawer>.entity-danger-zone h2{font-size:15px;color:#ffe0e0}
#connection-editor.utu-connection-drawer>.entity-danger-zone p{font-size:11px;}
#connection-editor.utu-connection-drawer .host-connection-editor{max-width:100%;margin:0;}
#connection-editor.utu-connection-drawer .host-connection-editor>.row:first-child>h2{display:none;}
#connection-editor.utu-connection-drawer .host-connection-editor>.row:first-child{margin-bottom:10px}
#connection-editor.utu-connection-drawer .host-block{background:#152b3d;border:1px solid #2d475c;border-radius:12px;padding:15px;margin:13px 0;}
#connection-editor.utu-connection-drawer .host-server-card{background:#1b3346;}
#connection-editor.utu-connection-drawer .host-connection-editor .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#connection-editor.utu-connection-drawer .host-server-card .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#connection-editor.utu-connection-drawer #elasticsearch-connection-actions{margin:14px 0;background:#15293b;border-color:#2d475b}
#connection-editor.utu-connection-drawer #prometheus-inventory-panel{margin-top:21px;min-width:0;}
#connection-editor.utu-connection-drawer .prom-inventory-panel{background:#14293a;border:1px solid #30485e;border-radius:14px;padding:16px;}
#connection-editor.utu-connection-drawer .prom-target-group{min-width:0;}
.utu-prom-target-table-scroll{min-width:0;width:100%;overflow-x:auto;margin-top:12px;border:1px solid #2a4155;border-radius:11px;}
.utu-prom-target-table{width:100%;min-width:880px;border-collapse:collapse;font-size:11px;line-height:1.4;}
.utu-prom-target-table th{color:#adbfd1;background:#1a3347;padding:12px;text-align:left;border-bottom:1px solid #385268;white-space:nowrap;}
.utu-prom-target-table td{padding:12px;vertical-align:top;border-bottom:1px solid #2b4155;max-width:200px;overflow-wrap:anywhere;color:#d8e4f0;}
.utu-prom-target-table tbody tr:last-child td{border-bottom:none;}
.utu-prom-target-table td>strong{display:block;font-size:12px;color:#f1f7fd;}
.utu-prom-target-table td>small{display:block;color:#8eabc2;font-size:10px;margin-top:5px;}
.utu-prom-target-table td code{display:block;max-width:225px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#d7e9f8;}
.utu-prom-target-table .prom-label-chips{max-height:55px;overflow:auto;display:flex;flex-wrap:wrap;gap:3px;margin-top:6px;}
.utu-prom-target-table .prom-label-chips span{font-size:9px;}
.utu-prom-target-error{display:block;color:#ff9a92;max-height:70px;overflow:auto;}
.utu-prom-catalog-button{padding:7px 9px;background:#183a56;color:#83c7ff;border:1px solid #34709b;border-radius:7px;font-size:11px;white-space:nowrap;}
.utu-prom-catalog-button:hover{background:#24577d;color:#fff;}
.utu-prometheus-metrics-overlay{
  position:fixed;inset:0;z-index:930;
  display:grid;place-items:center;
  padding:20px;background:rgba(3,8,16,.76);backdrop-filter:blur(5px);
}
.utu-prometheus-metrics-window{
  display:flex;flex-direction:column;
  width:min(900px,100%);height:min(800px,calc(100vh - 40px));
  border:1px solid #38526b;border-radius:18px;
  background:#101e2e;color:#f0f6fc;
  box-shadow:0 25px 80px rgba(0,0,0,.5);overflow:hidden;
}
.utu-prometheus-metrics-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:15px;
  padding:20px 24px 18px;border-bottom:1px solid #2b4256;
}
.utu-prometheus-metrics-header small{color:#55acf3;text-transform:uppercase;font-size:10px;letter-spacing:.10em}
.utu-prometheus-metrics-header h2{font-size:21px;margin:6px 0;color:#f2f9ff;}
.utu-prometheus-metrics-header p{font-size:12px;line-height:1.5;margin:0;color:#a9bacc;overflow-wrap:anywhere;}
.utu-prometheus-metrics-header button{
  border:1px solid #375169;border-radius:9px;color:#d7e6f1;background:#1a2f44;
  font-size:23px;flex:0 0 34px;width:34px;height:34px;padding:0;
}
.utu-prometheus-metrics-body{flex:1;min-height:0;overflow-y:auto;padding:18px 24px;}
.utu-prom-metrics-filter{display:block;font-size:12px;color:#b9cadb;font-weight:600;}
.utu-prom-metrics-filter input{display:block;margin-top:7px;width:100%;border-radius:9px;border:1px solid #395773;background:#172e43;color:#eef7ff;padding:12px;}
.utu-prom-metrics-count{font-size:12px;margin:12px 0;color:#8faac0}
.utu-prom-metric-row{border-top:1px solid #284159;padding:13px 2px;}
.utu-prom-metric-row code{font-size:13px;color:#7bc1fb;overflow-wrap:anywhere;font-weight:600}
.utu-prom-metric-row span{display:inline-block;background:#25384c;border-radius:6px;padding:4px 7px;color:#c6d5e5;font-size:10px;margin-left:12px}
.utu-prom-metric-row p{margin:6px 0 0;color:#a5b8c9;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.utu-prom-metrics-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;}
.utu-prom-metrics-pager button{background:#1c354b;color:#e5f2fc;border:1px solid #405a6f;border-radius:8px;padding:8px 13px}
.utu-prom-metrics-pager button:disabled{opacity:.4}
.utu-prom-metrics-pager span{font-size:12px;color:#a4b9ce;}
.utu-prometheus-metrics-window footer{display:flex;justify-content:flex-end;padding:13px 24px;border-top:1px solid #2a4155}
.utu-prometheus-metrics-window footer button{padding:9px 20px;border-radius:8px;background:#1d3e5c;color:#fff;border:1px solid #315f83}
html[data-theme="light"] #connections-list.utu-connections-table-wrap{background:#fff;border-color:#d0e0ea;}
html[data-theme="light"] .utu-connections-table th{background:#eff6fb;color:#456075;border-color:#d9e5ee}
html[data-theme="light"] .utu-connections-table td{color:#375269;border-color:#e5edf4}
html[data-theme="light"] .utu-connections-table tbody tr:hover{background:#edf5fb}
html[data-theme="light"] .utu-connection-name{color:#234157}
html[data-theme="light"] .utu-connection-status.enabled{color:#168c61}
html[data-theme="light"] .utu-connection-status.disabled{color:#b27d32}
html[data-theme="light"] .utu-connections-table .utu-connection-action{background:#edf4fa;color:#325676;border-color:#bfd4e5}
html[data-theme="light"] .utu-connections-table .utu-connection-action.danger{background:#fff0ef;color:#b84d52;border-color:#eac7cc}
@media(max-width:1000px){
  body > #connection-editor.utu-connection-drawer{width:min(670px,95vw) !important;}
}
@media(max-width:560px){
  body > #connection-editor.utu-connection-drawer{top:0 !important;bottom:0 !important;right:0 !important;width:100vw !important;max-height:100vh !important;padding:0 15px 24px !important;border-radius:0 !important;}
  #connection-editor.utu-connection-drawer .utu-connection-drawer-head{margin:0 -15px 18px;padding:16px;}
  #connection-editor.utu-connection-drawer>.grid,#connection-editor.utu-connection-drawer>#conn-provider-fields,#connection-editor.utu-connection-drawer>#conn-secrets,
  #connection-editor.utu-connection-drawer .host-connection-editor .grid,#connection-editor.utu-connection-drawer .host-server-card .grid{grid-template-columns:1fr;}
  .utu-connections-table th,.utu-connections-table td{padding-left:12px;padding-right:12px;}
  .utu-prometheus-metrics-overlay{padding:7px;}
  .utu-prometheus-metrics-window{height:calc(100vh - 14px);}
}