/* WapFlow Hesabım — müşteri paneline özel küçük eklemeler (admin.css + panel.css üzerine). */
.auth-wide { max-width: 520px; }
.auth-link { color: #86efac; text-decoration: none; }
.auth-link:hover { text-decoration: underline; }
.auth-foot a { color: rgba(255, 255, 255, .55); text-decoration: none; }
.login-card .form-text { font-size: 12px; }
.login-card .form-check-input { background-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .3); }
.login-card .form-check-input:checked { background-color: #22c55e; border-color: #22c55e; }
/* bal küpü alanı: ekran dışında (ekran okuyucudan da gizli) */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.plan-feats { list-style: none; padding: 0; columns: 2; column-gap: 12px; }
.plan-feats li { break-inside: avoid; margin-bottom: 2px; }
.plan-limits { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.qty-group { max-width: 150px; }
.qty-group input { -moz-appearance: textfield; }
.qty-group input::-webkit-outer-spin-button, .qty-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.shop-bar { position: sticky; bottom: 12px; z-index: 5; }

.sum-row { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 0; border-bottom: 1px dashed rgba(148, 163, 184, .3); }
.sum-total { border-bottom: 0; font-size: 1.25rem; }
.pay-methods-col { grid-template-columns: 1fr; }
.pm-payable { white-space: nowrap; }
.pm-usdt { white-space: nowrap; opacity: .8; }
.pay-acct { padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(148, 163, 184, .25); }
.cart-table input[type=number] { max-width: 90px; margin: 0 auto; }

.lic-key { letter-spacing: .5px; word-break: break-all; }
.lic-meta { min-width: 240px; }
.lic-meta > div { margin-bottom: 2px; }
.lic-actions form { margin: 0; }
.cta-card { border-left: 4px solid #22c55e; }

@media (max-width: 576px) {
    .plan-feats { columns: 1; }
    .lic-meta { min-width: 0; width: 100%; }
    .lic-actions { width: 100%; }
    .lic-actions form, .lic-actions .btn { flex: 1 1 auto; }
    .shop-bar .btn { flex: 1 1 100%; }
    .cart-table th:nth-child(3), .cart-table td:nth-child(3) { display: none; }
}