/* * Marca BigAdv no painel. * * CSS escrito à mão, e não utilitárias do Tailwind: o CSS que o Filament 5 * distribui traz apenas as classes `fi-*` dos próprios componentes, então * utilitárias soltas (`dark:hidden`, `tracking-wider`, …) não teriam efeito. * Este arquivo é registrado como asset do Filament — sem etapa de build. * * O tema escuro é indicado pela classe `dark` no (ver base.blade.php do * Filament), o que permite alternar as variantes do logotipo por CSS puro, * sem "piscada" no carregamento. */ .bigadv-brand { display: flex; align-items: center; gap: 0.625rem; line-height: 1; } .bigadv-brand__logo { height: 1.75rem; width: auto; display: block; } /* Variante escura do logotipo (texto branco) só no tema escuro. */ .bigadv-brand__logo--dark { display: none; } .dark .bigadv-brand__logo--light { display: none; } .dark .bigadv-brand__logo--dark { display: block; } .bigadv-brand__divider { flex-shrink: 0; width: 1px; height: 1.125rem; background-color: rgb(212 216 224); } .dark .bigadv-brand__divider { background-color: rgb(255 255 255 / 0.2); } .bigadv-brand__text { display: flex; flex-direction: column; line-height: 1.1; } .bigadv-brand__product { font-size: 0.8125rem; font-weight: 600; letter-spacing: -0.01em; color: rgb(55 65 81); } .dark .bigadv-brand__product { color: rgb(229 231 235); } /* Selo da edição do produto. Discreto, mas legível. */ .bigadv-brand__edition { margin-top: 0.125rem; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #3aa6bf; } .dark .bigadv-brand__edition { color: #5fc8d8; } /* Em telas estreitas fica só o logotipo. */ @media (max-width: 640px) { .bigadv-brand__divider, .bigadv-brand__text { display: none; } }