.custom-card,
.dashboard-card,
.surface-card,
.card {
    padding: 10px;
}

.card.custom-card .card-body,
.card.custom-card .card-header {
    border-color: var(--azea-border);
}

.text-muted { color: var(--azea-muted) !important; }

.badge.bg-primary,
.btn-primary {
    background: var(--azea-primary) !important;
    border-color: var(--azea-primary) !important;
}

.widget-flat h3,
.widget-flat h4 { margin: 0; font-weight: 700; }

@media (max-width: 991.98px) {
    .oreo-app-screen,
    .app-matdash-module-page { display: block; }
    .sidebar.app-sidebar { width: 100%; min-width: 0; }
}


@media (max-width: 991.98px) {
    .main-header-container { display: flex; flex-wrap: wrap; padding: .55rem .75rem; }
    .header-search { display: none !important; }
}

/* Common page skin for module/detail screens */
.dashboard-hero,
.module-hero,
.saas-card,
.dashboard-card,
.table-shell,
.stat-card {
    background: #fff;
    border: 1px solid var(--azea-border);
    border-radius: 0px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.dashboard-hero,
.saas-card,
.dashboard-card,
.table-shell {
    padding: 1rem 1.1rem;
    margin: 1rem 0;
}

.dashboard-hero h2,
.dashboard-hero h3,
.surface-head h3,
.surface-head h4 {
    margin: 0 0 .25rem;
    font-weight: 700;
    color: #1f2937;
}

.dashboard-hero p,
.surface-head p,
.stat-meta,
.empty-state { color: var(--azea-muted); }

.hero-eyebrow,
.surface-overline {
    display: inline-block;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: .35rem;
}

.hero-meta,
.hero-meta-inline,
.surface-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .55rem;
}

.surface-tag,
.feature-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0px;
    border: 1px solid #d9def2;
    background: #f7f8fe;
    color: #07317e !important;
    font-size: .74rem;
    padding: .2rem .6rem;
}

.stats-grid,
.compact-stats-grid,
.module-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.stat-card { padding: .9rem 1rem; }
.stat-label { font-size: .78rem; color: #6b7280; margin-bottom: .25rem; }
.stat-value { font-weight: 800; margin: 0 0 .2rem; }
.stat-icon { color: #7c3aed; font-size: 1.1rem; }

.field-grid {
    display: grid;
    gap: .75rem;
    margin-bottom: .75rem;
}
.field-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.field-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.form-control,
.form-select {
    border-color: #8a8d93;
    min-height: 40px;
}

.mini-list-item,
.helper-item,
.credential-item,
.hospital-doctor-summary-item {
    border: 1px solid #e9edf6;
    border-radius: 0px;
    padding: .65rem .75rem;
    background: #fff;
    margin-bottom: .5rem;
}

.app-table-wrap,
.table-responsive {
    border: 1px solid #e9edf6;
    border-radius: 0px;
    overflow: auto;
}

.table th {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
}

.table td { vertical-align: middle; }

@media (max-width: 991.98px) {
    .field-grid-2,
    .field-grid-3,
    .field-grid-4 { grid-template-columns: 1fr; }
    .dashboard-hero,
    .surface-card,
    .saas-card,
    .dashboard-card { padding: .85rem; }
}

/* Unified dashboard layout blocks */
.dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: 1rem;
}
.surface-stack { display: grid; gap: 1rem; }

.card-header .card-title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .82rem;
    color: #475569;
}

.btn-list { display: inline-flex; gap: .45rem; }

.bg-primary-gradient,
.bg-success-gradient,
.bg-orange-gradient,
.bg-info-gradient {
    border-radius: 0px;
}

@media (max-width: 1199.98px) {
    .dashboard-grid { grid-template-columns: 1fr; }
}