/* Tuỳ chỉnh nhỏ trên nền Tabler (giao diện chính lấy từ @tabler/core qua CDN). */
:root {
  --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Màu thương hiệu appmienphi (xem mb/brand/) thay cho xanh mặc định của Tabler */
  --tblr-primary: #2F6BFF;
  --tblr-primary-rgb: 47, 107, 255;
  --tblr-primary-fg: #fff;
  --tblr-primary-darken: #1F57E6;
  --tblr-link-color: #2F6BFF;
  --tblr-link-color-rgb: 47, 107, 255;
}
.btn-primary { --tblr-btn-bg: #2F6BFF; --tblr-btn-border-color: #2F6BFF; --tblr-btn-hover-bg: #1F57E6; --tblr-btn-hover-border-color: #1F57E6; }
.brand-logo { width: 28px; height: 28px; margin-right: 10px; }
.login-logo { height: 34px; width: auto; }
.login-logo.logo-dark, [data-bs-theme="dark"] .login-logo.logo-light { display: none; }
[data-bs-theme="dark"] .login-logo.logo-dark { display: inline-block; }


/* Thẻ app chờ duyệt */
.app-thumb {
  width: 132px; height: 96px; border-radius: var(--tblr-border-radius-lg);
  object-fit: cover; background: var(--tblr-bg-surface-secondary);
  display: flex; align-items: center; justify-content: center;
  color: var(--tblr-secondary); font-size: 32px; flex-shrink: 0;
}
.app-desc { white-space: pre-wrap; overflow-wrap: anywhere; }
.guide-admin { max-height: 420px; overflow-y: auto; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); padding: 12px 16px; overflow-wrap: anywhere; }
.guide-admin img { max-width: 100%; height: auto; }
.guide-admin > :last-child { margin-bottom: 0; }
.app-video-admin { width: 100%; max-width: 560px; aspect-ratio: 16 / 9; border-radius: var(--tblr-border-radius-lg); background: #000; }
.report-reason { max-width: 420px; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Trang đăng nhập */
.login-bg {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(var(--tblr-primary-rgb), .12), transparent 60%),
    radial-gradient(900px 500px at 110% 110%, rgba(var(--tblr-purple-rgb, 174, 62, 201), .10), transparent 60%),
    var(--tblr-bg-surface-secondary);
}

.stat-icon { font-size: 22px; }

@media (max-width: 576px) {
  .app-card-body { flex-direction: column; }
  .app-thumb { width: 100%; height: 160px; }
}

/* Nút kính: lớp phản chiếu nửa trên + viền sáng (đồng bộ với mb) */
.btn { position: relative; overflow: hidden; isolation: isolate; }
.btn::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,0) 52%);
}
.btn-success, .btn-primary, .btn-danger { box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 6px 16px -8px rgba(0,0,0,.35); }