/* Estilos específicos de este módulo — el Design System compartido (tokens,
   componentes wos-*, WosTable, modales, dark mode) vive en
   _content/WorkOS.BuildingBlocks.BlazorAuthentication/app.css, enlazado antes que
   este archivo en App.razor. Este archivo se queda vacío hasta que el módulo
   necesite de verdad una regla propia — nunca debe redefinir un componente base. */

/* Mismas variantes ya usadas en Portal de Cliente sobre el sistema wos-*
   compartido — sin consolidar todavía (Diseño Ligero — Portal de Proveedor,
   Decisión 5), pero deliberadamente idénticas por convención. */
.wos-resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.wos-resource-card {
    display: block;
    background: var(--wos-surface);
    border: 1px solid var(--wos-border);
    border-radius: var(--wos-radius);
    padding: 1.1rem 1.25rem;
    text-decoration: none;
    color: var(--wos-text);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.wos-resource-card:hover {
    border-color: var(--wos-primary);
    box-shadow: 0 1px 6px rgba(47, 95, 218, 0.12);
}

.wos-resource-card .title {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.wos-empty-state {
    max-width: 420px;
    margin: 4rem auto;
    text-align: center;
    color: var(--wos-text-muted);
}

.wos-empty-state h2 {
    color: var(--wos-text);
}