/* ==========================================================================
   Platform CSS — CommunityPay shared UI components
   Loaded by base.html. Available on every page.
   ========================================================================== */

/* --- Buttons --- */

/* Primary platform button — blue, white text */
.btn-platform {
    display: inline-flex;
    align-items: center;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.375rem 1rem;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none;
    transition: background 0.15s;
}

.btn-platform:hover {
    background: #1e40af;
    color: #fff;
}

/* --- Text link buttons (no background, no border) --- */

/* Blue text link — view/navigate actions */
.btn-text-blue {
    background: none;
    border: none;
    padding: 0;
    color: #2563eb;
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}

.btn-text-blue:hover {
    color: #1e40af;
}

/* Muted text link — cancel, secondary actions */
.btn-text-muted {
    background: none;
    border: none;
    padding: 0;
    color: #999;
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}

.btn-text-muted:hover {
    color: #212529;
}

/* Red text link — destructive actions */
.btn-text-red {
    background: none;
    border: none;
    padding: 0;
    color: #dc3545;
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}

.btn-text-red:hover {
    color: #a71d2a;
}