/* DonorSentry Custom Styles */
:root {
    --ds-navy: #1B2A4A;
    --ds-teal: #0D9488;
    --ds-teal-light: #14B8A6;
    --ds-cream: #F8FAF9;
    --ds-gold: #D97706;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background-color: #f8f9fa;
}

/* Feed Cards */
.match-card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.1s;
    background: white;
}
.match-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}
.match-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    color: white;
}
.match-score.high { background: var(--ds-teal); }
.match-score.medium { background: var(--ds-gold); }
.match-score.low { background: #94A3B8; }

/* Profile Strength Bar */
.strength-bar {
    height: 8px;
    border-radius: 4px;
    background: #e2e8f0;
    overflow: hidden;
}
.strength-bar .fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s;
}
.strength-bar .fill.low { background: #EF4444; }
.strength-bar .fill.mid { background: var(--ds-gold); }
.strength-bar .fill.high { background: var(--ds-teal); }

/* Tier Badge Overrides */
.badge.bg-tier-free { background: #94A3B8 !important; }
.badge.bg-tier-pro { background: var(--ds-teal) !important; }
.badge.bg-tier-patron { background: var(--ds-gold) !important; }

/* Verification Badges */
.badge.bg-tier-1 { background: #94A3B8 !important; }
.badge.bg-tier-2 { background: #2563EB !important; }
.badge.bg-tier-3 { background: var(--ds-gold) !important; }

/* Card accent borders */
.card-accent-teal { border-top: 3px solid var(--ds-teal); }
.card-accent-navy { border-top: 3px solid var(--ds-navy); }
.card-accent-gold { border-top: 3px solid var(--ds-gold); }

/* CTA Buttons */
.btn-ds-primary {
    background: var(--ds-teal);
    color: white;
    border: none;
}
.btn-ds-primary:hover {
    background: #0F766E;
    color: white;
}
.btn-ds-outline {
    border: 1px solid var(--ds-teal);
    color: var(--ds-teal);
    background: transparent;
}
.btn-ds-outline:hover {
    background: var(--ds-teal);
    color: white;
}

/* Stat Cards */
.stat-card {
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    border: 1px solid #e2e8f0;
}
.stat-card .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--ds-navy);
}
.stat-card .stat-label {
    font-size: 0.85rem;
    color: #64748B;
}

/* Messages */
.message-bubble {
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 10px;
    max-width: 80%;
}
.message-bubble.sent {
    background: var(--ds-teal);
    color: white;
    margin-left: auto;
}
.message-bubble.received {
    background: #f1f5f9;
    color: #333;
}

/* Financial Charts placeholder */
.chart-placeholder {
    background: #f8f9fa;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: #94A3B8;
}