/* Dark theme - overrides handled by Tailwind; these are component-specific */

.ocr-table-block summary.ocr-table-label::-webkit-details-marker,
.ocr-table-block summary.ocr-table-label::marker {
  display: none;
}

.ocr-table-toggle {
  display: inline-block;
  width: 1em;
  margin-right: 8px;
  font-size: 0.85em;
}

.ocr-table-block[open] .ocr-table-toggle::before {
  content: "▼";
}

.ocr-table-block:not([open]) .ocr-table-toggle::before {
  content: "▶";
}

.ocr-lines-table td,
.ocr-lines-table th {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  text-align: left;
}

.ocr-lines-table thead th {
  background: rgba(255,255,255,0.05);
  font-weight: 600;
  color: rgba(255,255,255,0.9);
}

.ocr-lines-table tbody tr:hover td {
  background: rgba(255,255,255,0.03);
}

.ocr-lines-table .line-text {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ocr-lines-table tbody tr:hover .line-text {
  white-space: normal;
  overflow: visible;
}

.map-to-td {
  min-width: 180px;
}

.map-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 4px;
}

.map-tag {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  font-size: 0.75rem;
  background: rgba(102, 126, 234, 0.2);
  color: #a5b4fc;
  border: 1px solid rgba(102, 126, 234, 0.4);
  border-radius: 4px;
  white-space: nowrap;
}

.map-tag-remove {
  background: none;
  border: none;
  color: #a5b4fc;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 0 2px;
  line-height: 1;
}

.map-tag-remove:hover {
  color: #f87171;
}

.line-map-select {
  font-size: 0.8rem;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  width: 160px;
  background: rgba(255,255,255,0.05);
  color: #e5e7eb;
}

.line-map-select option {
  background: #1a1a2e;
  color: #e5e7eb;
}

.ext-table .field-label,
table.ext-table td:first-child {
  font-weight: 600;
  color: rgba(255,255,255,0.6);
  width: 140px;
  white-space: nowrap;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.ext-table .field-value,
table.ext-table td:last-child {
  color: rgba(255,255,255,0.95);
  word-break: break-all;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.field-mapped {
  background: rgba(74, 222, 128, 0.1) !important;
  transition: background 0.3s;
}