/* ===========================================================
   URL DIFF STYLES
=========================================================== */
.ud-root .ud-body { flex-direction: column; gap: 4px; }
.ud-inputs {
  display: flex; gap: 4px; flex-shrink: 0;
  height: 25%; min-height: 100px;
}
.ud-inputs .t-pane { flex: 1; }
.ud-input {
  font-family: "Courier New", monospace !important;
  font-size: 12px;
  white-space: pre-wrap; word-wrap: break-word; word-break: break-all;
}
.ud-output-pane { flex: 1; min-height: 0; }
.ud-summary { font-family: "Courier New", monospace; font-size: 10px; color: #cce4ff; font-weight: normal; }
.ud-output { flex: 1; overflow: auto; background: #ffffff; padding: 0; min-height: 0; }

.ud-table {
  width: 100%; border-collapse: collapse;
  font-family: Verdana, sans-serif; font-size: 11px;
}
.ud-table th {
  background: #000080; color: #fff;
  text-align: left; padding: 4px 8px;
  position: sticky; top: 0; z-index: 1;
}
.ud-table td {
  padding: 4px 8px; border-bottom: 1px solid #e8e8e8;
  vertical-align: top;
}
.ud-table td.ud-key {
  flex: 0 0 120px;
  font-weight: bold; color: #404040;
  white-space: nowrap;
}
.ud-table .ud-suf { color: #808080; font-weight: normal; font-size: 10px; margin-left: 4px; }
.ud-table .ud-status { width: 90px; }
.ud-table code {
  font-family: "Courier New", monospace; font-size: 12px;
  color: #000080; word-break: break-all;
}
.ud-table tr.ud-same td { background: #f8f8f8; }
.ud-table tr.ud-same code { color: #404040; }
.ud-table tr.ud-diff td { background: #fff4d0; }
.ud-table tr.ud-diff code { color: #000080; font-weight: bold; }
.ud-table tr.ud-section td {
  background: #c0c0c0; color: #000080;
  font-family: Verdana, sans-serif; font-weight: bold;
  font-size: 12px; padding: 6px 8px;
  border-top: 2px solid #808080;
}

.ud-pill {
  display: inline-block; padding: 1px 8px; border-radius: 8px;
  font-family: Verdana, sans-serif; font-size: 10px;
  color: #fff;
}
.ud-pill.ok  { background: #008000; }
.ud-pill.chg { background: #c0a000; }
.ud-pill.add { background: #0080c0; }
.ud-pill.del { background: #a00000; }

.ud-empty {
  padding: 20px; text-align: center;
  color: #808080; font-style: italic;
  font-family: Verdana, sans-serif;
}