/* public/assets/app.css */

/* Klickbare Tabellenzeilen */
tr.clickable-row { cursor: pointer; }

/* Utility: verhindert Text-Overflow in langen URLs */
.truncate-url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/* Tippy Light Theme */
.tippy-box[data-theme~='light'] {
    background-color: #fff;
    color: #374151;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.5;
    max-width: 280px !important;
}
.tippy-box[data-theme~='light'] .tippy-arrow::before {
    color: #e5e7eb;
}
.tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #e5e7eb;
}
.tippy-box[data-theme~='light'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #e5e7eb;
}
.tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #e5e7eb;
}
.tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #e5e7eb;
}
.tippy-box[data-theme~='light'] .tippy-content {
    padding: 8px 10px;
    white-space: pre-line;
}

/* Links im Dark Mode dezenter */
.dark a.text-indigo-600 { color: #818cf8; }
.dark a.hover\:text-indigo-600:hover { color: #818cf8; }

/* Tippy Dark Mode */
.dark .tippy-box[data-theme~='light'] {
    background-color: #1f2937;
    color: #e5e7eb;
    border-color: #374151;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);
}
.dark .tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #374151;
}
.dark .tippy-box[data-theme~='light'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #374151;
}
.dark .tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #374151;
}
.dark .tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #374151;
}
