/* created-main-2026-09-03 */
/* updated-main-2026-09-08 */
.auth-wrap { max-width: 560px; margin: 0 auto; }
.auth-tabs { display: flex; gap: 0; margin-bottom: 32px; border-bottom: 2px solid rgba(22, 21, 15, .08); }
.auth-tab { flex: 1; padding: 14px 20px; background: none; border: none; font-family: var(--font-display, serif); font-size: 1.1rem; color: var(--muted, #999); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all .3s; }
.auth-tab.is-active { color: var(--ink, #16150f); border-bottom-color: var(--clay, #b0653a); }
.auth-tab:hover { color: var(--ink, #16150f); }
.auth-panel .account-card { padding: 32px; }
.auth-panel .account-card h2 { margin-bottom: 16px; }
.auth-grid { display: grid; gap: 24px; align-items: start; }
@media (min-width: 900px) { .auth-grid { grid-template-columns: 1fr 1fr; } }
.auth-grid .account-card h2 { margin-bottom: 16px; }

.satyam-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.satyam-check label { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; text-transform: none; letter-spacing: 0; font-size: .9rem; }
.satyam-check input { width: auto; margin-top: 3px; }
.satyam-auth-form + .satyam-auth-form { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(22, 21, 15, .1); }
.form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px; }
.form-msg.is-error { color: #b5533c; }
.form-msg.is-success { color: #4d6a4f; }
[data-company-field].is-required label::after { content: " *"; color: #b5533c; }

.account-user { padding: 0 16px 16px; }
.account-user strong { display: block; font-size: 1.05rem; }
.account-user .muted { font-size: .85rem; word-break: break-all; }
.account-main > .account-card { margin-top: 20px; }
.account-card h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 14px; font-size: 1.1rem; }
.account-card h3 .text-link { font-size: .85rem; }

.account-notice { padding: 12px 16px; border-radius: 8px; font-size: .9rem; margin-bottom: 16px; background: #f7f3ec; }
.account-notice.is-success { background: #d6e5da; color: #3b5a3e; }
.account-notice.is-error { background: #f0d9d4; color: #8f3f2c; }
.account-notice.is-warn { background: #f1e2b8; color: #5a4a12; }

.kpi.tier .progress-bar { background: rgba(255, 255, 255, .18); }
.kpi.tier .progress-bar span { background: #f7f3ec; }
.kpi .tier-next { display: block; margin-top: 8px; font-size: .75rem; opacity: .8; letter-spacing: 0; text-transform: none; }
.tier-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; background: #16150f; color: #f7f3ec; }
.tier-badge.tier-gold { background: #c9a227; }
.tier-badge.tier-platinum { background: #6e7b8b; }

.table-wrap { overflow-x: auto; }
.table td.num, .table th.num { text-align: right; }
.table td.is-pos { color: #4d6a4f; }
.table td.is-neg { color: #b5533c; }
.redeem-value { display: block; padding: 12px 14px; border-radius: 8px; background: #f7f3ec; font-weight: 600; font-size: 1.1rem; }

.address-grid { display: grid; gap: 16px; }
@media (min-width: 720px) { .address-grid { grid-template-columns: 1fr 1fr; } }
.address-card { padding: 18px; border: 1px solid rgba(22, 21, 15, .1); border-radius: 12px; }
.address-card strong { display: inline-block; margin-right: 8px; }
.address-card p { margin: 8px 0 10px; font-size: .9rem; }
.address-actions { display: flex; gap: 14px; font-size: .85rem; }