/* ===========================================================
   CASE CONVERTER STYLES
=========================================================== */
.cc-root .cc-body { gap: 4px; }

.cc-input-pane { flex: 0 0 38%; min-width: 240px; max-width: 480px; }
.cc-results-pane { flex: 1; min-width: 0; }

.cc-input-pane textarea {
  white-space: pre-wrap; word-wrap: break-word;
  font-size: 13px;
}

.cc-detected {
  font-family: "Courier New", monospace;
  font-size: 10px; color: #cce4ff;
  font-weight: normal;
}

.cc-results {
  flex: 1; overflow: auto;
  background: #ffffff; min-height: 0;
  padding: 0;
}

/* Single-value rows */
.cc-row {
  display: flex; align-items: center;
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer; padding: 5px 8px;
  gap: 8px;
}
.cc-row:hover { background: #ffffe1; }
.cc-row:nth-child(even) { background: #f8f8f8; }
.cc-row:nth-child(even):hover { background: #fffae0; }
.cc-row .cc-label {
  flex: 0 0 150px;
  color: #404040;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}
.cc-row .cc-result {
  flex: 1; min-width: 0;
}
.cc-row .cc-result code {
  font-family: "Courier New", monospace;
  font-size: 13px; color: #000080;
  background: #ffffe1;
  border: 1px solid #d8d8a0;
  padding: 2px 6px;
  display: inline-block; max-width: 100%;
  overflow-wrap: anywhere;
}
.cc-row .cc-action {
  flex: 0 0 50px; text-align: right;
  color: #808080; font-size: 10px;
  font-family: Verdana, sans-serif;
}
.cc-row:hover .cc-action { color: #000080; font-weight: bold; }

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

/* Batch table */
.cc-batch {
  border-collapse: collapse; width: 100%;
  font-family: "Courier New", monospace; font-size: 11px;
}
.cc-batch th {
  background: #000080; color: #fff;
  font-family: Verdana, sans-serif;
  font-weight: bold; font-size: 10px;
  padding: 4px 8px; text-align: left;
  position: sticky; top: 0; z-index: 1;
  white-space: nowrap;
}
.cc-batch td {
  padding: 3px 8px;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
  white-space: nowrap;
}
.cc-batch tr:nth-child(even) td { background: #f8f8f8; }
.cc-batch td:hover { background: #ffffe1 !important; }
.cc-batch td code {
  font-family: "Courier New", monospace;
  font-size: 11px; color: #000080;
}
.cc-batch .cc-batch-input code { color: #000; font-weight: bold; }

.cc-batch-actions {
  padding: 8px;
  background: #c0c0c0;
  border-top: 2px groove #ffffff;
  position: sticky; bottom: 0;
}
.cc-batch-actions .t-btn {
  margin: 2px;
}