/* UTU Connections: uniform dark Create/Edit surfaces across every provider.
 * Applies ONLY to the portaled Connection editor, not Applications/Tools.
 * All provider-generated details, synchronized targets, tables and nested cards
 * are transparent so none inherit legacy light theme cards from styles.css.
 * Inputs, buttons, selections, badges and accessible focus remain visible.
 */
body > #connection-editor.utu-v3-editor.utu-connection-drawer {
  --utu-connection-canvas:#091b2a;
  --utu-connection-border:#2b485e;
  --utu-connection-copy:#cfdfec;
  background:var(--utu-connection-canvas)!important;
}
#connection-editor.utu-v3-editor .utu-guided-content,
#connection-editor.utu-v3-editor .utu-guided-content :is(
  article,section,aside,header,footer,div,details,summary,
  table,thead,tbody,tfoot,tr,th,td,pre,code,blockquote,
  ul,ol,li,fieldset,legend
){
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* LIGHT hotfix: Safari still paints these two legacy .grid.subpanel nodes
 * with --utu-panel-soft (#1a344a). Two ID selectors explicitly override the
 * global dark-theme shorthand, while leaving layout and controls untouched. */
#connection-editor.utu-v3-editor #conn-provider-fields,
#connection-editor.utu-v3-editor #conn-secrets {
  background:transparent!important;
  background-image:none!important;
}

#connection-editor.utu-v3-editor .utu-guided-step {
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--utu-connection-border)!important;
}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  .prom-inventory-panel,.prom-target-card,.prom-target-group,
  .prom-inventory-summary>div,.prom-target-list,.prom-full-catalog-list,
  .utu-prom-target-table-scroll,.host-server-card,.host-block,
  .host-individual,.host-result,.host-check-card,
  #elasticsearch-connection-actions,.subpanel
){
  border-color:var(--utu-connection-border)!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .prom-inventory-summary>div,
#connection-editor.utu-v3-editor .utu-guided-content .prom-target-card,
#connection-editor.utu-v3-editor .utu-guided-content .host-server-card{
  border-radius:10px!important;
  padding:12px!important;
}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  .prom-target-card h4,.prom-inventory-head h2,
  .prom-group-title h3,.prom-inventory-summary strong,
  .prom-source-line strong,.prom-scope-line strong,
  .prom-connect-result strong
){color:#e9f3fd!important;}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  .prom-inventory-head p,.prom-target-group summary,
  .prom-source-line,.prom-scope-line,.prom-full-catalog-head,
  .prom-full-catalog-list p,.prom-full-catalog-list span,
  .prom-inventory-summary span,.prom-inventory-loading,
  .prom-target-card .hint,.prom-connect-result
){color:var(--utu-connection-copy)!important;}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  .prom-label-chips span,.prom-metric-preview span,.prom-group-title span,
  .prom-scope-line code,.utu-prom-target-table .prom-label-chips span
){
  background-color:transparent!important;
  background-image:none!important;
  color:#9dbed9!important;border-color:#31506a!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .utu-prom-target-table th{
  color:#bacfe0!important;border-color:var(--utu-connection-border)!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .utu-prom-target-table td,
#connection-editor.utu-v3-editor .utu-guided-content .prom-target-group,
#connection-editor.utu-v3-editor .utu-guided-content .prom-full-catalog-list>div {
  border-color:var(--utu-connection-border)!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .prom-full-catalog-list code{
  color:#85c9ff!important;
}
/* Keep status semantics without introducing bright white/pastel cards. */
#connection-editor.utu-v3-editor .utu-guided-content .prom-connect-result{
  border-color:var(--utu-connection-border)!important;
  color:#b5cbe0!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .prom-connect-result.ok{
  border-color:#256f60!important;color:#4bdab2!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .prom-connect-result.ok strong{
  color:#4bdab2!important;
}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  .prom-connect-result.error,.prom-target-error,.prom-sync-warning
){
  border-color:#895258!important;
  color:#ffb6b5!important;
  background-color:transparent!important;
}
#connection-editor.utu-v3-editor .utu-guided-content .prom-connect-result.error strong{
  color:#ffb6b5!important;
}
/* Exceptions intentionally preserve control and interaction contrast. */
#connection-editor.utu-v3-editor .utu-guided-content :is(
  input:not([type=checkbox]):not([type=radio]),select,textarea
){
  background-color:#132b3e!important;
  color:#e7f3fc!important;
}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  button,[role=button]
):focus-visible{
  outline:2px solid #319cff;
  outline-offset:2px;
}
#connection-editor.utu-v3-editor .utu-guided-content :is(
  button,[role=button]
):hover:not(:disabled){
  border-color:#308af0;
}
/* Keep the standalone provider-picker and floating metric catalog on the
 * existing dark palette. They are not descendants of the editor drawer. */