/* Grundlegendes Layout der Tabelle */
.hv-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.hv-table th, .hv-table td {
    padding: 0.5em;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
/* --- HEADVOICE KUNDEN OVERVIEW: Gleich breite Hauptspalten --- */

.hv-table {
width: 100%;
border-collapse: collapse;
table-layout: auto;
margin-bottom: 1em;
}

.hv-table th, .hv-table td {
padding: 0.6em 0.8em;
vertical-align: top;
word-break: break-word;
overflow-wrap: break-word;
border: 1px solid #ccc;
}

/* Dynamische + feste Mindestbreiten */
.hv-table th:nth-child(1), .hv-table td:nth-child(1) { min-width: 90px;  max-width: 120px; } /* Datum */
.hv-table th:nth-child(2), .hv-table td:nth-child(2) { min-width: 80px;  max-width: 100px; text-align:center; } /* Frist */

/* Gleich breite Hauptspalten */
.hv-table th:nth-child(3),
.hv-table td:nth-child(3),
.hv-table th:nth-child(4),
.hv-table td:nth-child(4),
.hv-table th:nth-child(5),
.hv-table td:nth-child(5),
.hv-table th:nth-child(7),
.hv-table td:nth-child(7) {
min-width: 150px;
max-width: 200px;
}

/* Chat, Status, Aktion */
.hv-table th:nth-child(6), .hv-table td:nth-child(6) { min-width: 160px; max-width: 240px; } /* Chat */
.hv-table th:nth-child(8), .hv-table td:nth-child(8) { min-width: 100px; max-width: 150px; text-align:center; } /* Status */
.hv-table th:nth-child(9), .hv-table td:nth-child(9) { width: 50px; text-align:center; } /* Aktion */

/* Kopfzeilen & Struktur */
.hv-table th { text-align: left; font-weight: 600; background: #f8f8f8; }
.hv-table td:last-child { text-align: center; }
.hv-table-wrap { width: 100%; overflow-x: auto; }

/* Responsive Verhalten */
@media (max-width: 1024px) {
.hv-table th, .hv-table td { font-size: 0.9em; }
}
@media (max-width: 768px) {
.hv-table th, .hv-table td { font-size: 0.75em; padding: 0.4em; }
}

/* Buttons & Badges bleiben unverändert */
.hv-btn-storno { background:none; border:none; color:#e53e3e; font-size:1.4em; cursor:pointer; }
.hv-btn-storno:hover { color:#02667F; }

.hv-badge-wartet   { background:#fdf3c4; color:#8a6d00; }
.hv-badge-inarbeit { background:#ffe0cc; color:#b85400; }
.hv-badge-fertig   { background:#d6f5dd; color:#228b22; }
.hv-badge-storniert{ background:#f8d0cc; color:#a40000; }
.hv-badge-abgelehnt{ background:#ffd6d6; color:#cc0000; }

/* Transkript-Links */
.hv-link-transcript, .transkript-download {
display:inline-block;
color:#2d3748;
text-decoration:underline;
margin-bottom:0.2em;
word-break:break-all;
}


/* Responsives Verhalten */
@media (max-width: 1024px) {
    .hv-table th, .hv-table td {
        font-size: 0.9em;
    }
}

@media (max-width: 768px) {
    .hv-table th, .hv-table td {
        font-size: 0.7em;
    }



    }
/* Grundstruktur Tabelle */
.hv-table {
  margin-bottom: 1em;
}
.hv-table th,
.hv-table td {
  border: 1px solid #ccc;
  padding: 8px;
  vertical-align: top;
}

/* Kopfzeilen */
.hv-table th:nth-child(-n+8) {
  text-align: left;
}

/* Buttons */
.hv-btn {
  border: none;
  padding: 0.4em 0.8em;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9em;
  color: #fff;
}
/* roter X-Button ohne Hintergrund */
.hv-btn-storno {
  background: none !important;
  border: none !important;
  color: #e53e3e !important;  /* rot */
  font-size: 1.4em !important; /* etwas größer für das X */
  line-height: 1 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
}

.hv-btn-storno:hover {
  color: #02667F !important; /* dunkleres rot beim Hover */
}

}
.hv-btn-send {
  background-color: #3182ce;
}
.hv-btn-send:hover {
  background-color: #2c5282;
}

/* Badges */
.hv-badge {
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 0.85em;
  font-weight: 600;
  text-align: center;
  display: inline-block;
}
.hv-badge-wartet   { background: #fdf3c4; color: #8a6d00; }
.hv-badge-inarbeit { background: #ffe0cc; color: #b85400; }
.hv-badge-fertig   { background: #d6f5dd; color: #228b22; }
.hv-badge-storniert{ background: #f8d0cc; color: #a40000; }
.hv-badge-abgelehnt{ background: #ffd6d6; color: #cc0000; }

/* Transkript-Links */
.hv-link-transcript,
.transkript-download {
  display: inline-block;
  color: #2d3748;
  text-decoration: underline;
  margin-bottom: 0.2em;
}

/* Chat */
.hv-chat-container {
  display: flex;
  flex-direction: column;
}
.hv-chat-messages {
  max-height: 120px;
  overflow-y: auto;
  background: #f9f9f9;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 6px;
}
.hv-comment {
  margin-bottom: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  max-width: 80%;
}
.hv-comment-self {
  background: #e0f7fa;
  margin-left: auto;
}
.hv-comment-other {
  background: #fff;
  margin-right: auto;
}
.hv-comment-text {
  font-size: 14px;
  color: #333;
}
.hv-comment-time {
  font-size: 10px;
  color: #999;
}
.hv-chat-form textarea {
  resize: none;
  height: 50px;
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.hv-chat-form button {
  margin-top: 4px;
  align-self: flex-end;
}

/* Remarks column styling */
#hv-overview-container .hv-table td.hv-remarks {
    background: #e6f7fa;
    padding: 0.5rem;
    vertical-align: top;
}


/* Responsive container for horizontal scroll on small screens */
.hv-table-wrap { width: 100%; overflow-x: auto; }
.hv-table { width: 100%; border-collapse: collapse; }
.hv-table th, .hv-table td { white-space: normal; word-break: break-word; }