/* ============================================================
   TRIP PLANNER — TRIP PLAN CREDIT COST
   ------------------------------------------------------------
   AI credit cost box (premium planner).

   Split out of styles/trip-plan.css (contiguous slice, so the cascade order is
   unchanged). Imported/linked right after it.
   ============================================================ */

/* ============================================================
   CREDIT COST BOX (premium AI Trip Planner)
   ============================================================ */
.credit-cost-box {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 1rem 0;
    padding: 0.9rem 1.2rem;
    border-radius: 12px;
    background: rgba(255, 179, 71, 0.1);
    border: 1px solid rgba(255, 179, 71, 0.3);
}
.credit-cost-icon {
    font-size: 1.6rem;
    line-height: 1;
}
.credit-cost-title {
    font-weight: 700;
    color: var(--ink);
    font-size: 0.95rem;
}
.credit-cost-detail {
    color: var(--muted);
    font-size: 0.85rem;
}
.credit-cost-detail strong {
    color: var(--accent-deep);
}
.credit-balance-info {
    font-weight: 600;
}