:root {
    --altimage-bg: #f5f7fb;
    --altimage-border: #e1e7f0;
}

body {
    background-color: var(--altimage-bg);
    min-height: 100vh;
}

.card {
    border: 1px solid var(--altimage-border);
    border-radius: 1rem;
}

.table td,
.table th {
    vertical-align: middle;
}

.token-chip {
    background: #fff;
    border: 1px solid var(--altimage-border);
    border-radius: 0.75rem;
    padding: 0.75rem 1.25rem;
    min-width: 220px;
}

#appAlerts .alert {
    border-radius: 0.75rem;
}

.badge.bg-light {
    border: 1px solid var(--altimage-border);
}

.image-thumb {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 0.75rem;
    border: 1px solid var(--altimage-border);
}

.alt-language {
    border-left: 3px solid transparent;
    padding-left: 0.75rem;
    margin-bottom: 0.35rem;
    position: relative;
}

.alt-language .lang-label {
    font-weight: 600;
    margin-right: 0.35rem;
}

.alt-language .js-delete-alt {
    text-decoration: none;
}

.alt-language.endpoint {
    border-color: #cfe2ff;
}

.alt-language.gpt {
    border-color: #ffe0b2;
}

#imagesEmpty {
    border: 1px dashed var(--altimage-border);
    border-radius: 0.75rem;
}

@media (max-width: 992px) {
    .btn-group {
        flex-wrap: wrap;
    }

    .btn-group .btn {
        margin-bottom: 0.25rem;
    }
}