/* Logo "Trạm Cứu Trợ" dạng tròn có viền, giống hero app mobile (ExpoClientNew HomeScreen.heroLogoWrap) — 2026/09/26 ツー.
   Ảnh: Content/web/logo/app-logo-{64,96,144}.{png,webp} (cắt từ assets/logo.png của app, nền trong suốt).
   Mặc định viền màu nhấn web (teal, --mt-accent) để nổi trên nền trắng/sáng; nền tối dùng thêm lớp --dark (viền trắng). */
.tcr-logo-ring {
    box-sizing: border-box;
    /* Khe nhẹ giữa logo và viền (giống hero app). Số px cố định: padding % tính theo khối CHA, không theo logo
       (đã đo: logo login phình 85px). Logo nhỏ 28–32px dùng 2px, logo lớn thêm lớp --lg. */
    padding: 2px !important;
    border: 2px solid var(--tcr-logo-ring, #0f766e) !important;
    border-radius: 50% !important;
    background: transparent;
    object-fit: contain;
    box-shadow: 0 1px 4px rgba(16, 36, 92, .18);
}

.tcr-logo-ring--dark {
    --tcr-logo-ring: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}

/* Logo lớn (≥ 60px: màn login, đầu trang Policy) */
.tcr-logo-ring--lg {
    padding: 4px !important;
}