body {
    background-color: #f7f8fa;
}

.navbar-brand {
    letter-spacing: 0.5px;
}

.status-card {
    min-width: 110px;
    transition: transform 0.1s ease-in-out;
}

.status-card:hover {
    transform: translateY(-2px);
}

.status-card .card-body {
    transition: background-color 0.15s;
}

.status-card:hover .card-body {
    background-color: #f1f3f5;
}

.text-prewrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.footer {
    background-color: #f7f8fa;
}

textarea.font-monospace {
    font-size: 0.85rem !important;
    line-height: 1.45;
}

/* --- Company logos --- */

.logo-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.logo-letter {
    font-weight: 600;
    color: #fff;
    line-height: 1;
    user-select: none;
}

.logo-img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;
}

.logo-color-0 { background-color: #4263eb; }
.logo-color-1 { background-color: #7048e8; }
.logo-color-2 { background-color: #d6336c; }
.logo-color-3 { background-color: #e8590c; }
.logo-color-4 { background-color: #2f9e44; }
.logo-color-5 { background-color: #0c8599; }
.logo-color-6 { background-color: #e03131; }
.logo-color-7 { background-color: #5c7cfa; }