/* Shared cabinet surfaces; admin tables and payment semantics stay independent. */
.xanka-ui .welcome-journey .welcome-greeting{color:#8ed1ff}
.xanka-ui .welcome-journey .world-trigger{background:#132e46;color:#bfe6ff;border-color:#89d0ff;animation:blue-core-breathe 2.8s ease-in-out infinite}
.xanka-ui .welcome-journey .world-trigger:before,.xanka-ui .welcome-journey .world-trigger:after{border-color:#8dd2ff4a}
.xanka-ui .welcome-journey .journey-stage{min-height:90px}
@keyframes blue-core-breathe{50%{background:#234c6a;border-color:#d1edff}}
.xanka-ui:not(.is-operations){
 --glass-surface:linear-gradient(155deg,rgba(221,232,247,.15),rgba(109,119,139,.06) 42%,rgba(8,12,20,.3) 72%),linear-gradient(180deg,rgba(44,47,56,.86),rgba(22,24,31,.9));
 --glass-edge:rgba(220,233,250,.28);
 --glass-depth:inset 0 1px 1px rgba(255,255,255,.52),inset 1px 0 1px rgba(235,244,255,.13),inset 0 -1px 1px rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.24);
}
.xanka-ui:not(.is-operations) :is(.subscription-pass,.bank-card,.account-group,.card,.shop-checkout,.period-pills,.device-picker,.account-dialog){
 background:var(--glass-surface);border:1px solid var(--glass-edge);border-radius:28px;box-shadow:var(--glass-depth);
 -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);color:#f5f7fc;
}
.xanka-ui:not(.is-operations) :is(.subscription-pass,.bank-card) :is(small,.shop-footnote){color:#bdc6d5}
.xanka-ui:not(.is-operations) .account-row+.account-row{border-top-color:#d9e8ff18}
.xanka-ui:not(.is-operations) .account-dialog{background-color:#1b1d25}
.xanka-ui:not(.is-operations) .period-pills .period-btn{background:linear-gradient(#ffffff15,#ffffff06);border:1px solid #e8f1ff22;box-shadow:inset 0 1px #ffffff25}
.xanka-ui:not(.is-operations) .period-pills .period-btn.is-selected{background:linear-gradient(#285779b8,#12344cdb);border-color:#72c8fa}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .xanka-ui:not(.is-operations) :is(.subscription-pass,.bank-card,.account-group,.card,.shop-checkout,.period-pills,.device-picker,.account-dialog){background-color:#242730}
}

/* Compact cabinet cards, with readable controls rather than oversized empty panels. */
.xanka-ui:not(.is-operations) :is(.invite-links,.reward-strip,.bank-metrics>div,.choice-list){
 background:var(--glass-surface);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--glass-depth);
 -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
}
.xanka-ui:not(.is-operations) :is(.subscription-pass,.bank-card,.account-group,.card,.shop-checkout,.account-dialog){border-radius:24px}
.xanka-ui:not(.is-operations) .subscriptions-page .subscription-owned{padding:18px!important;margin:0!important}
.xanka-ui:not(.is-operations) .subscription-pass-brand{margin-bottom:12px;font-size:19px}
.xanka-ui:not(.is-operations) .subscription-pass-brand .subscription-status{font-size:11px}
.xanka-ui:not(.is-operations) .subscriptions-page .subscription-pass-plan{margin:0 0 8px!important;font-size:22px!important}
.xanka-ui:not(.is-operations) .subscriptions-page .owned-days{margin:8px 0 10px!important;gap:12px}
.xanka-ui:not(.is-operations) .subscriptions-page .owned-days strong{font-size:42px!important}
.xanka-ui:not(.is-operations) .owned-days small{font-size:12px;margin-top:3px}
.xanka-ui:not(.is-operations) .subscriptions-page .owned-properties{padding:0;margin:0 0 14px!important;gap:14px;font-size:13px}
.xanka-ui:not(.is-operations) .subscription-owned-list{gap:14px;margin-bottom:16px}
.xanka-ui:not(.is-operations) .subscriptions-heading{margin-bottom:14px}
.xanka-ui:not(.is-operations) .content-canvas .btn,
.xanka-ui:not(.is-operations) .autorenew-switch{min-height:48px;font-size:15px;font-weight:650;line-height:1.25;padding:10px 14px;gap:8px;white-space:normal}
.xanka-ui:not(.is-operations) .content-canvas .btn svg,
.xanka-ui:not(.is-operations) .autorenew-switch svg{width:20px;height:20px;flex-shrink:0}
.xanka-ui:not(.is-operations) .subscription-actions{gap:8px!important}
.xanka-ui:not(.is-operations) .bank-card{min-height:0;padding:18px}
.xanka-ui:not(.is-operations) .bank-card:after{display:none}
.xanka-ui:not(.is-operations) .bank-card-top{font-size:19px}
.xanka-ui:not(.is-operations) .bank-card-top svg{width:22px;height:22px}
.xanka-ui:not(.is-operations) .bank-card .bank-caption{margin-top:14px;font-size:13px}
.xanka-ui:not(.is-operations) .bank-balance{font-size:38px;line-height:1.2;margin:4px 0 0;overflow-wrap:anywhere}
.xanka-ui:not(.is-operations) .bank-card-bottom{margin-top:12px;font-size:10px;letter-spacing:.03em;flex-wrap:wrap;gap:4px 12px}
.xanka-ui:not(.is-operations) .bank-actions{margin:12px 0 16px;gap:8px}
.xanka-ui:not(.is-operations) .bank-metrics{margin:0 0 16px;gap:10px}
.xanka-ui:not(.is-operations) .bank-metrics>div{padding:12px}
.xanka-ui:not(.is-operations) .bank-metrics strong{font-size:22px;margin-top:3px;overflow-wrap:anywhere}
.xanka-ui:not(.is-operations) .account-group{margin-bottom:16px}
.xanka-ui:not(.is-operations) .reward-destination{padding:16px}
.xanka-ui:not(.is-operations) .reward-destination h2{margin-bottom:10px}
.xanka-ui:not(.is-operations) .reward-plan-options{gap:8px}
.xanka-ui:not(.is-operations) .reward-plan-options small{font-size:12px}
.xanka-ui:not(.is-operations) .reward-strip{padding:14px;margin:16px 0;gap:10px}
.xanka-ui:not(.is-operations) .invite-links{padding:16px;margin:16px 0}
.xanka-ui:not(.is-operations) .invite-links-title{margin-bottom:14px;font-size:16px}
.xanka-ui:not(.is-operations) .account-row{padding:14px;min-height:60px;font-size:15px;gap:10px}
.xanka-ui:not(.is-operations) .account-pill{margin-bottom:14px;font-size:15px}
.xanka-ui:not(.is-operations) .shop-section{margin:16px 0}
.xanka-ui:not(.is-operations) .shop-checkout{padding:18px}
@media(max-width:360px){
 .xanka-ui:not(.is-operations) .subscriptions-page .subscription-owned{padding:14px!important}
 .xanka-ui:not(.is-operations) .content-canvas .btn{padding-inline:10px;font-size:14px}
 .xanka-ui:not(.is-operations) .bank-card{padding:16px}
}
