/* Trusido Filament bridge — cosmetic tweaks + theme-aware custom content utilities.
   Do NOT override Filament layout colors; .dark on <html> is managed by Filament only. */

html[data-admin-metronic='true'] .fi-logo {
    font-weight: 600;
    letter-spacing: -0.02em;
}

html[data-admin-metronic='true'] .fi-btn-color-primary {
    border-radius: 999px;
}

html[data-admin-metronic='true']:not(.dark) .fi-section,
html[data-admin-metronic='true']:not(.dark) .fi-wi-stats-overview-stat,
html[data-admin-metronic='true']:not(.dark) .fi-ta-ctn {
    border-radius: 0.625rem;
}

html.dark[data-admin-metronic='true'] .fi-section,
html.dark[data-admin-metronic='true'] .fi-wi-stats-overview-stat,
html.dark[data-admin-metronic='true'] .fi-ta-ctn {
    border-radius: 0.625rem;
}

/* Custom Blade content (Tailwind gray utilities are not in Filament's bundle) */
html[data-admin-metronic='true'] .trusido-muted {
    color: var(--gray-500);
}

html.dark[data-admin-metronic='true'] .trusido-muted {
    color: var(--gray-400);
}

html[data-admin-metronic='true'] .trusido-body {
    color: var(--gray-600);
}

html.dark[data-admin-metronic='true'] .trusido-body {
    color: var(--gray-300);
}

html[data-admin-metronic='true'] .trusido-strong {
    color: var(--gray-950);
}

html.dark[data-admin-metronic='true'] .trusido-strong {
    color: var(--color-white);
}

html[data-admin-metronic='true'] .trusido-divide {
    border-color: var(--gray-200);
}

html.dark[data-admin-metronic='true'] .trusido-divide {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}

html[data-admin-metronic='true'] .trusido-stat-success {
    color: var(--success-600);
}

html.dark[data-admin-metronic='true'] .trusido-stat-success {
    color: var(--success-400);
}

html[data-admin-metronic='true'] .trusido-stat-danger {
    color: var(--danger-600);
}

html.dark[data-admin-metronic='true'] .trusido-stat-danger {
    color: var(--danger-400);
}

html[data-admin-metronic='true'] .trusido-input {
    border: 1px solid var(--gray-300);
    background-color: var(--color-white);
    color: var(--gray-950);
}

html.dark[data-admin-metronic='true'] .trusido-input {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    color: var(--color-white);
}

html[data-admin-metronic='true'] .trusido-progress-track {
    background-color: var(--gray-200);
}

html.dark[data-admin-metronic='true'] .trusido-progress-track {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}

html[data-admin-metronic='true'] .trusido-border {
    border-color: var(--gray-200);
}

html.dark[data-admin-metronic='true'] .trusido-border {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
