/* Custom Styles for Cabineia */

/* Material Symbols Rendering Fix */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* Tailwind is used, but custom overrides go here */

/* Border Radius Override */
.rounded-xl {
    border-radius: 1rem;
}

/* Safe area para PWA em dispositivos com notch (rodapé fixo) */
.safe-area-pb {
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}

/* Admin / UI escura — selects nativos (campo + lista de opções) */
html.dark {
    color-scheme: dark;
}

html.dark select {
    background-color: #211b27 !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.12);
}

html.dark select option {
    background-color: #211b27 !important;
    color: #f1f5f9 !important;
}

html.dark select option:checked,
html.dark select option:hover {
    background-color: #3d2a52 !important;
    color: #ffffff !important;
}

/* optgroup (se usado no futuro) */
html.dark select optgroup {
    background-color: #191022;
    color: #94a3b8;
}