/* Site-specific styles */
body {
    background-color: #f8f9fa;
}

/* Flex-item helpers used across pages for text truncation inside flex rows */
.min-w-0 { min-width: 0; }

/* Compact button variant — dùng rất nhiều nơi (nút hành động trong card mobile,
   bảng dày) nhưng trước đây chưa từng được định nghĩa nên render về size mặc
   định .btn (to, xấu, dễ rớt dòng). */
.btn.btn-xs {
    padding: .2rem .5rem;
    font-size: .72rem;
    line-height: 1.4;
    border-radius: .35rem;
}
.btn.btn-xs i,
.btn.btn-xs .bi {
    font-size: .8rem;
    vertical-align: -1px;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Shared gradient hero for admin Inquiry/Notification pages (partial _AdminHeroBar.cshtml) */
.adm-hero {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 50%, #dc2626 100%);
    border-radius: 18px;
    padding: 1rem 1.25rem;
    margin-bottom: .75rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.adm-hero h5 { font-size: 1.05rem; font-weight: 800; margin: 0 0 .15rem; color: #fff !important; }
.adm-hero small { font-size: .75rem; opacity: .85; color: #fff; }