/* UTU LIGHT UI refinements (2026-10-20): presentation only.
   No Kafka selection, topology, or investigation execution behavior changes. */

/* Kafka Tool: keep each resource a compact, single-line selection row.
   Names and Saved/discovery metadata sit alongside the checkbox, not below it. */
#application-tool-modal .utu-kafka-tool .kafka-resource-row {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-height:34px!important;
  height:auto!important;
  padding:5px 9px!important;
  margin:0!important;
}
#application-tool-modal .utu-kafka-tool .kafka-resource-row input[type="checkbox"] {
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
}
#application-tool-modal .utu-kafka-tool .kafka-resource-identity {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:2px 9px!important;
  min-width:0;
  flex:1 1 auto;
}
#application-tool-modal .utu-kafka-tool .kafka-resource-identity :is(strong,small) {
  margin:0!important;
  line-height:1.35!important;
}
#application-tool-modal .utu-kafka-tool .kafka-resource-list {
  gap:4px;
}

/* Investigation: align list copy with the Conclusion copy (after its icon),
   while preserving the normal bullet indentation and responsive wrapping. */
#investigation-detail .utu-investigation-stack :is(.rca-findings-section,.rca-response-section) .rca-panel-body {
  padding-left:34px!important;
}
#investigation-detail .utu-investigation-stack :is(.rca-findings-section,.rca-response-section) .rca-panel-body ul {
  margin:2px 0 0!important;
  padding-left:17px!important;
}
@media(max-width:640px) {
  #investigation-detail .utu-investigation-stack :is(.rca-findings-section,.rca-response-section) .rca-panel-body {
    padding-left:20px!important;
  }
}

/* Topology: the Relationships details wrapper was still pure white.
   Dark-theme override only: retain existing light-theme appearance. */
:root[data-theme="dark"] .topology-relationships {
  background:var(--utu-panel,#0d1b2a)!important;
  border-color:var(--utu-stroke,#294157)!important;
  color:var(--utu-text,#e9f4fc)!important;
}
:root[data-theme="dark"] .topology-relationships > summary {
  color:var(--utu-text,#e9f4fc)!important;
}
:root[data-theme="dark"] .topology-relationships > summary span {
  color:var(--utu-subtext,#a4b7c9)!important;
}
:root[data-theme="dark"] .topology-edge-list {
  background:transparent!important;
}

/* Live Execution: keep a timeline network/load error visible and readable
   without the legacy pale-red/white alert surface. */
:root[data-theme="dark"] #investigation-detail .investigation-error {
  background:var(--utu-panel-soft,#152b3a)!important;
  background-image:none!important;
  border:1px solid #7e4148!important;
  color:#ffd0cc!important;
}
:root[data-theme="dark"] #investigation-detail .investigation-error strong {
  color:#ffe0dd!important;
}
:root[data-theme="dark"] #investigation-detail .investigation-error p {
  color:#ffbab5!important;
}

/* Existing Logs/Traces Tool: first-step metadata-only save (LIGHT). */
#application-tool-modal .utu-tool-step1-save {
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-top:1px solid var(--utu-stroke,#294257);
  flex-wrap:wrap;
}
#application-tool-modal .utu-tool-step1-save p {
  margin:0;
  flex:1 1 260px;
  color:var(--utu-subtext,#a7bed0);
  font-size:11px;
  line-height:1.5;
}
#application-tool-modal .utu-tool-step1-save-button {
  min-height:39px;
  padding:9px 16px;
  border-radius:10px;
  white-space:nowrap;
}
@media(max-width:520px) {
  #application-tool-modal .utu-tool-step1-save-button {width:100%}
}