/* Estilo compartilhado entre as páginas de pagamento do i-psiq Gestão (ParaGestao.razor, Assinar.razor) */
html, body { background: #0a0f1e; }

.pg-root { min-height: 100vh; background: #0a0f1e; font-family: 'Outfit', system-ui, sans-serif; }
.pg-nav { padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.pg-back { color: #94a3b8; font-size: .85rem; text-decoration: none; transition: color .15s; }
.pg-back:hover { color: #f1f5f9; }

.pg-form-shell { background: #101a2e; border: 1px solid rgba(94,234,212,.15); border-radius: 16px; padding: 32px; }
.pg-form-title { color: #f8fafc; font-weight: 800; margin: 0 0 4px; }
.pg-form-sub { color: #94a3b8; margin: 0 0 24px; }
.pg-form-sec-label { color: #5eead4; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin: 24px 0 10px; }
.pg-form-sec-label:first-of-type { margin-top: 0; }

.pg-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.pg-input {
    width: 100%; box-sizing: border-box; padding: 12px 14px; margin-bottom: 10px;
    background: #0d1626; border: 1px solid rgba(255,255,255,.12); border-radius: 10px;
    color: #f1f5f9; font-size: .95rem; font-family: inherit;
}
.pg-input:focus { outline: none; border-color: #2dd4bf; }
.pg-input:disabled { opacity: .6; }

.pg-payment-row { display: flex; gap: 10px; margin-bottom: 14px; }
.pg-payment-btn {
    flex: 1; padding: 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12);
    background: #0d1626; color: #94a3b8; cursor: pointer; font-weight: 600; font-size: .9rem;
}
.pg-payment-btn--active { border-color: #2dd4bf; color: #5eead4; background: rgba(45,212,191,.08); }

.pg-submit-btn {
    width: 100%; padding: 14px; margin-top: 8px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #2dd4bf, #14b8a6); color: #06251f; font-weight: 700;
    font-size: 1rem; cursor: pointer;
}
.pg-submit-btn:disabled { opacity: .6; cursor: not-allowed; }

.pg-error {
    background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.3); color: #fca5a5;
    padding: 10px 14px; border-radius: 8px; font-size: .85rem; margin-bottom: 14px;
}

.pg-success, .pg-pix-wait { text-align: center; padding: 40px 0; }
.pg-success-icon { font-size: 3rem; margin-bottom: 12px; }
.pg-success h2, .pg-pix-wait h2 { color: #f8fafc; }
.pg-success p, .pg-pix-wait p { color: #94a3b8; }
.pg-pix-qr { width: 220px; height: 220px; margin: 20px auto; border-radius: 8px; background: #fff; padding: 8px; }
.pg-pix-copia {
    background: #0d1626; border: 1px solid rgba(255,255,255,.12); border-radius: 8px;
    padding: 12px; margin-bottom: 14px; word-break: break-all; color: #cbd5e1; font-size: .8rem;
    max-width: 480px; margin-left: auto; margin-right: auto;
}

@media (max-width: 640px) {
    .pg-grid-2 { grid-template-columns: 1fr; }
}