/* ============================================
   MODAL CENTERING FIX
   ============================================ */
#credit-history-modal:not(.hidden),
#purchase-modal:not(.hidden) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    inset: 0 !important;
}

#credit-history-modal .modal-content,
#purchase-modal .modal-content,
#purchase-modal .purchase-modal-content {
    margin: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* Dark mode modal content fix */
#credit-history-modal .modal-content {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
    max-width: 800px;
}

#credit-history-modal .modal-body,
#credit-history-modal .modal-header {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

#credit-history-modal .credit-history-table th,
#credit-history-modal .credit-history-table td {
    color: var(--color-text-primary) !important;
}

/* ============================================
   PILLAR TEXT VISIBILITY FIX
   Theme-aware: white in dark mode, dark in light mode
   ============================================ */
.pillar-item .pillar-name,
.pillar-name {
    color: var(--color-text-primary) !important;
}

.pillar-item .pillar-header {
    color: var(--color-text-primary) !important;
}

.pillar-item {
    color: var(--color-text-primary) !important;
}

.pillars-grid .pillar-item .pillar-name {
    color: var(--color-text-secondary) !important;
    font-weight: 500;
}

/* Pillar card titles - ensure visibility in both themes */
.pillar-card h3,
.pillar-card .pillar-name,
.pillar-card .pillar-title {
    color: var(--color-text-primary) !important;
}

.pillar-card p,
.pillar-card .pillar-description {
    color: var(--color-text-secondary) !important;
}