/* Base styles and utilities */

/* Vertically center content in all generic Bootstrap table cells */
.table td,
.table th {
    vertical-align: middle !important;
}

/* Opacity transitions */
.hover-opacity-100 {
    transition: opacity 0.2s;
}

.hover-opacity-100:hover {
    opacity: 1 !important;
}

.automation-table {
    table-layout: fixed;
    width: 100%;
}

.automation-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.automation-table th.automation-name {
    width: 30%;
}

.automation-table th.portfolio {
    width: 25%;
}

.automation-table th.trading-pair {
    width: 15%;
}

.automation-table th.value {
    width: 15%;
}

.automation-table th.actions {
    width: 15%;
    min-width: 160px;
}

.automation-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Add hover effect to show full content on overflow */
.automation-table td:hover {
    white-space: normal;
    overflow: visible;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

/* Style adjustments for action buttons */
.automation-table .btn {
    margin-left: 0.5rem;
}

/* Ensure consistent padding */
.automation-table th,
.automation-table td {
    padding: 0.75rem;
    vertical-align: middle;
}

.alert {
    margin-bottom: 0.5rem;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.alert-dismissible .btn-close {
    padding: 0.75rem 1rem;
}

.scrollable-pre {
    max-height: 200px;
    overflow: auto;
    background-color: #f8f9fa;
    padding: 0.5rem;
    border-radius: 0.25rem;
  }