/*
 * BIA Shared Base CSS
 * Hosted on SSO — referenced by all BIA apps
 * แก้ไขที่ไฟล์นี้ไฟล์เดียว มีผลกับทุก app
 */

:root {
    --bia-red:      #7d1925;
    --bia-red-dark: #661520;
}

/* Base */
body {
    font-family: 'Sarabun', sans-serif;
    background: #f3f4f6;
    font-size: 15px;
}

/* Navbar */
.navbar                              { background: var(--bia-red) !important; }
.navbar-brand                        { font-weight: 600; letter-spacing: .3px; }
.nav-link                            { color: rgba(255,255,255,.85) !important; }
.nav-link:hover, .nav-link.active    { color: #fff !important; }
.navbar-toggler                      { border-color: rgba(255,255,255,.3); }
.navbar-toggler-icon                 { filter: brightness(2); }

/* Cards */
.card       { border: none; border-radius: 10px; box-shadow: 0 1px 8px rgba(0,0,0,.07); }
.page-title { font-weight: 600; color: #1f2937; margin-bottom: 1rem; }

/* Buttons */
.btn-bia                { background: var(--bia-red); border-color: var(--bia-red); color: #fff; }
.btn-bia:hover          { background: var(--bia-red-dark); border-color: var(--bia-red-dark); color: #fff; }
.btn-outline-bia        { color: var(--bia-red); border-color: var(--bia-red); }
.btn-outline-bia:hover  { background: var(--bia-red); border-color: var(--bia-red); color: #fff; }

/* Dropdown */
.dropdown-item.active, .dropdown-item:active { background: var(--bia-red); }

/* User avatar */
.user-avatar  { width:32px; height:32px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.3); }
.user-initial { width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; border:2px solid rgba(255,255,255,.3); flex-shrink:0; }

/* Utility */
.text-bia { color: var(--bia-red); }