/* 
 * Mobile Dashboard - Uses unified mobile framework
 * Consistent with mobile-components.css patterns
 */

#mobile-dashboard-container {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    padding: var(--mobile-padding);
    /* Top padding is handled by parent content-wrapper.mobile-content on mobile */
}

/* Use mobile framework card component */
.mobile-dashboard-card {
    /* Inherits from mobile-card in mobile-components.css */
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* Make dashboard cards clickable */
.mobile-dashboard-card.mobile-card-clickable {
    /* Uses mobile-card-clickable from mobile-components.css */
}

/* Sign out card - use mobile framework danger variant */
.mobile-dashboard-card.sign-out {
    /* Uses mobile-card-danger from mobile-components.css */
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #dc2626;
}

.mobile-dashboard-card.sign-out .mobile-card-header {
    background-color: #fee2e2;
    border-bottom-color: #fca5a5;
}

.mobile-dashboard-card.sign-out .mobile-card-title,
.mobile-dashboard-card.sign-out .mobile-card-text {
    color: #dc2626;
}

/* Use mobile framework typography */
.mobile-dashboard-card .mobile-card-title {
    /* Inherits from mobile-card-title in mobile-components.css */
    font-size: var(--mobile-font-large);
    font-weight: 600;
    margin-bottom: var(--mobile-padding-small);
}

.mobile-dashboard-card .mobile-card-text {
    /* Inherits from mobile-card-text in mobile-components.css */
    font-size: var(--mobile-font-base);
    color: var(--text-secondary);
}