body {
    background-color: #f5f7fa;
    min-height: 100vh;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.card {
    border: none;
    border-radius: .5rem;
}

.card-header {
    border-bottom: 1px solid rgba(0,0,0,.06);
    border-radius: .5rem .5rem 0 0 !important;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}

.badge {
    font-weight: 500;
    padding: .35em .65em;
}

.bg-submitted-to-corporation { background-color: #6f42c1; color: #fff; }
.bg-acknowledgment-received { background-color: #20c997; color: #fff; }
.bg-pending-1st-level { background-color: #fd7e14; color: #fff; }
.bg-pending-1st-level-reply { background-color: #d63384; color: #fff; }
.bg-sent-to-regional { background-color: #6610f2; color: #fff; }
.bg-recommended { background-color: #4799e6; color: #fff; }
.bg-pre-arbitration { background-color: #e83e8c; color: #fff; }

.timeline-icon {
    flex-shrink: 0;
}

.timeline-icon .rounded-circle {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.alert {
    border: none;
    border-radius: .5rem;
}

.btn {
    border-radius: .375rem;
}

.form-control:focus, .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

.dropdown-menu {
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: .5rem;
}

pre {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: .85rem;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .container-fluid {
        padding-left: .75rem;
        padding-right: .75rem;
    }
    main {
        padding: .75rem !important;
    }
}