/* Состояния рабочей версии поверх вёрстки демо: вход, загрузка, предупреждения. */
.status-banner{display:block;padding:13px 16px;border-radius:10px;font-size:14px;line-height:1.5;margin-bottom:22px;border:1px solid #dce6f0;background:#e9eff6;color:#496078}
.status-banner.warn{background:#fff8ec;border-color:#f0e0c2;color:#7a5717}
.status-banner.error{background:#fff4f4;border-color:#efcfd3;color:#9c3640}
.login-panel{max-width:560px}
.login-panel .primary{display:inline-block;text-decoration:none;margin-top:6px}
.loading{color:#60776a;font-size:15px}
.link-button{display:block;background:none;padding:0;margin-top:6px;color:#a33b48;font-size:12px}
.sidebar-bottom small a{color:#a33b48}
.pay-card>b.unknown{font-size:18px;color:#8a7a57;white-space:normal}
.component.cancelled{opacity:.6}
.component.current-tier{font-weight:650}
.component a,.partial a{color:#a33b48}
.pay-card{text-align:left;font:inherit;color:inherit}
@media(max-width:360px){.pay-card>b{font-size:20px}}
.header-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.view-as-note{font-weight:600}
@media(max-width:620px){.header-controls{justify-content:flex-start}#view-as{max-width:160px}}