/* 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. */

/* Portal de Cliente — pequeñas variantes sobre el mismo sistema wos-*, no un
   sistema visual nuevo: una cuadrícula simple de tarjetas para el selector de
   Cuenta y un estado vacío centrado para "sin acceso". */
.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);
}