/* ==========================================================================
   ESTILOS EXCLUSIVOS DO HUB PRINCIPAL (index.php)
   ========================================================================== */

/* Ajusta as bordas padrão sem matar as cores esquerdas de identificação dos módulos */
html[data-bs-theme="light"] .app-card {
    border-top-color: #e1e1dc !important;
    border-right-color: #e1e1dc !important;
    border-bottom-color: #e1e1dc !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03) !important;
}

/* Efeito de foco preservado no Light Mode */
html[data-bs-theme="light"] .app-card:hover {
    border-color: var(--bg-marrastack) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08) !important;
}

/* Ganho de nitidez e vibração na marca d'água no fundo areia */
html[data-bs-theme="light"] .watermark-container {
    filter: saturate(1.5) brightness(0.85) blur(2px) !important;
}

/* Modifica as cores dos distintivos do bloco Identity no Light Mode */
html[data-bs-theme="light"] .card-marrastack .badge {
    background-color: #ebebe5 !important;
    color: #3a3f44 !important;
}

/* Estilização dos cards em desenvolvimento (Placeholders) */
.card-placeholder {
    background-color: var(--bg-card);
    border: 1px dashed rgba(148, 163, 184, 0.25); /* Borda tracejada sutil */
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    user-select: none;
    opacity: 0.65; /* Visual ligeiramente esmaecido indicando futuro */
    transition: all 0.3s ease;
}

html[data-bs-theme="light"] .card-placeholder {
    border-color: #cbd5e1 !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.card-placeholder .app-icon-wrapper {
    color: var(--text-muted);
    background-color: rgba(148, 163, 184, 0.1);
}

.card-placeholder .app-action-text {
    color: var(--text-muted);
    font-style: italic;
}