body.auth-page {
    background: linear-gradient(135deg, #f4f6f9 0%, #e2ecf8 100%);
}

.login-box,
.register-box {
    width: 100%;
    max-width: 460px;
}

.brand-logo-placeholder {
    min-height: 90px;
    border: 2px dashed #c7d1dd;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7f8c9a;
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.8);
}

.task-meta dt {
    font-weight: 600;
    color: #6c757d;
}

.task-meta dd {
    margin-bottom: .75rem;
}

.timeline-card {
    border-left: 4px solid #007bff;
}

.file-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: #eef3f8;
    color: #30465f;
    font-size: .875rem;
}

.table-responsive {
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .content-header h1 {
        font-size: 1.35rem;
    }

    .card-tools {
        margin-top: .5rem;
    }
}