/* Bizfera v0.17.30 · Correcciones puntuales sobre los estilos personalizados del usuario.
   Este archivo se carga después de style.css y landing-oryo.css para no modificar esos archivos. */

/* Landing: los modales de Integraciones deben quedar por encima del backdrop.
   functions/landing/main.js mueve estos modales al body para evitar contextos de apilado de la landing. */
.public-page-landing .landing-integration-modal {
    z-index: 1080 !important;
}

.public-page-landing .modal-backdrop {
    z-index: 1070 !important;
}

.public-page-landing .landing-integration-modal .modal-content {
    border-color: #edf0ef;
    border-radius: 15px;
    background: #fff;
    color: #17171a;
    box-shadow: 0 20px 65px rgba(21, 21, 21, .15);
    opacity: 1;
}

.public-page-landing .landing-integration-modal .landing-integration-brand > span {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
}

/* Dashboard: la regla genérica de los textos de las command cards también alcanzaba
   al span contenedor del icono y le quitaba grid, centrado, color y tamaño. */
.module-inicio .dashboard-command-card .dashboard-command-icon {
    display: grid;
    width: 44px;
    height: 44px;
    min-width: 44px;
    place-items: center;
    align-self: center;
    border-radius: 13px;
    background: var(--biz-primary-soft);
    color: var(--biz-primary);
    font-size: 1.2rem;
    line-height: 1;
}

.module-inicio .dashboard-command-card .dashboard-command-icon > iconify-icon {
    display: inline-flex;
    width: 1.35rem;
    height: 1.35rem;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 1.35rem;
    line-height: 1;
}

/* Evita que reglas genéricas de los spans de las tarjetas vuelvan a pisar el icono. */
.module-inicio .dashboard-command-card > .dashboard-command-icon {
    color: var(--biz-primary);
}