/* /var/www/credit-system/css/app.css - shared look for all portal pages */
:root { --app-bg: #f4f6fa; --app-border: #e3e8ef; --app-text: #1d2b3a; --app-muted: #6b7a8c; }
body { background: var(--app-bg); color: var(--app-text); }

/* Top navigation */
.app-navbar { background: #fff; border-bottom: 1px solid var(--app-border); box-shadow: 0 1px 3px rgba(16,42,84,.05); }
.app-navbar .navbar-brand { font-weight: 600; color: var(--app-text); font-size: 1.05rem; }
.app-navbar .navbar-brand img { height: 30px; width: auto; }
.app-navbar .nav-link { color: #4a5a6e; font-weight: 500; padding: .9rem .85rem !important; border-bottom: 2px solid transparent; }
.app-navbar .nav-link:hover { color: #0d6efd; }
.app-navbar .nav-link.active { color: #0d6efd; border-bottom-color: #0d6efd; }
.app-navbar .user-chip { display: inline-flex; align-items: center; gap: .45rem; }
.app-navbar .user-chip .avatar { width: 28px; height: 28px; border-radius: 50%; background: #e7f0ff; color: #0d6efd;
  display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; font-weight: 600; }
@media (max-width: 991px) { .app-navbar .nav-link { padding: .55rem .25rem !important; border-bottom: 0; } }

/* Page header */
.page-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 1.75rem 0 1.25rem; }
.page-head h3 { margin: 0; font-weight: 600; }
.page-head .sub { color: var(--app-muted); font-size: .9rem; margin-top: .2rem; }

/* Cards */
.app-card { background: #fff; border: 1px solid var(--app-border); border-radius: .75rem; box-shadow: 0 1px 2px rgba(16,42,84,.04); }
.app-card .card-head { padding: 1rem 1.25rem .25rem; display: flex; align-items: center; justify-content: space-between; }
.app-card .card-head h6 { margin: 0; font-weight: 600; }
.app-card .card-body { padding: 1rem 1.25rem 1.25rem; }

/* Tables on the grey page background */
.table { --bs-table-bg: #fff; }