/* SibData cabinet tabs — soft lavender accent, 2026-10-18. */
.nav-tabs{gap:8px;border-bottom-color:rgba(170,166,215,.24)!important}
.nav-tabs .nav-item{background:transparent!important;margin-bottom:8px}
.nav-tabs .nav-link{background:#20243d!important;color:#d8d7ec!important;border:1px solid rgba(170,166,215,.38)!important;border-radius:12px!important;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}
.nav-tabs .nav-link:hover{background:#323651!important;color:#fff!important;border-color:#aaa7cf!important;box-shadow:0 4px 16px rgba(130,126,180,.12)}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{background:linear-gradient(125deg,#555b7d,#656485)!important;color:#fff!important;border-color:#aaa8ce!important;box-shadow:0 6px 20px rgba(123,121,172,.16);font-weight:600}
.nav-tabs .nav-link:focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}
@media(max-width:680px){.nav-tabs .nav-link{min-height:44px;padding:12px 16px!important;width:auto!important}.nav-tabs{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.nav-tabs .nav-link{transition:none}}

/* Shared controls: cabinet, login, password recovery and mobile app. */
:root{--sd-control-bg:#20243d;--sd-control-text:#d8d7ec;--sd-control-border:rgba(170,166,215,.38);--sd-control-active:linear-gradient(125deg,#555b7d,#656485);--sd-control-hover:linear-gradient(125deg,#626889,#737194)}
html body .btn:where(:not(.btn-danger):not(.btn-warning):not(.btn-link)),html body .pay-cta{color:var(--sd-control-text)!important;background:var(--sd-control-bg)!important;border:1px solid var(--sd-control-border)!important;border-radius:12px!important;box-shadow:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
html body .btn.btn-primary,html body .btn.login-form-submit,html body .pay-cta,html body .btn.active:not(.btn-danger):not(.btn-warning){color:#fff!important;background:var(--sd-control-active)!important;border-color:#aaa8ce!important;box-shadow:0 6px 20px rgba(123,121,172,.16)!important}
html body .btn:where(:not(.btn-danger):not(.btn-warning):not(.btn-link)):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,html body .pay-cta:hover{background:var(--sd-control-hover)!important;color:#fff!important;border-color:#b7b3d8!important;box-shadow:0 6px 20px rgba(123,121,172,.2)!important}
html body .btn:where(:not(.btn-danger):not(.btn-warning):not(.btn-link)):active,html body .pay-cta:active{background:#494f70!important}
html body .btn:focus-visible,html body .pay-cta:focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}
html body .btn:disabled,html body .btn.disabled,html body .btn[aria-disabled="true"]{background:#292e43!important;color:#a7aac0!important;border-color:#444a63!important;box-shadow:none!important;opacity:.65;cursor:not-allowed}
html body .btn.btn-link,html body button.btn-link{color:#c7c3e8!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body .btn.btn-link:hover,html body button.btn-link:hover{color:#e4e0ff!important}
html body .tile[action_id=".personal_account.new_payment"]{background:var(--sd-control-active)!important;border-color:#aaa8ce!important;box-shadow:0 6px 20px rgba(123,121,172,.16)!important}
html body .tile[action_id=".personal_account.new_payment"]:hover{background:var(--sd-control-hover)!important}
html body .tile-icon{color:#d8d7ec!important;background:rgba(170,166,215,.16)!important}
html body .tile[action_id=".personal_account.new_payment"] .tile-icon{color:#fff!important;background:rgba(255,255,255,.12)!important}
html body .pay-cta-urgent{animation:none!important}
.nav-pills .nav-link{color:#d8d7ec!important;background:#20243d!important;border:1px solid rgba(170,166,215,.38);border-radius:12px}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff!important;background:var(--sd-control-active)!important;border-color:#aaa8ce}
@media(prefers-reduced-motion:reduce){html body .btn,html body .pay-cta{transition:none!important}}

/* Narrow-screen account menu and section tiles use separate legacy styles. */
html body .customer-portal-header-menu a.customer-name{background-color:var(--sd-control-bg)!important;color:var(--sd-control-text)!important;border-color:var(--sd-control-border)!important;border-radius:12px}
html body .customer-portal-header-menu a.customer-name:hover,html body .customer-portal-header-menu.open a.customer-name{background-color:#323651!important;border-color:#aaa8ce!important}
html body .customer-portal-header-menu a.customer-name:focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}
html body .tile,html body .tile-wide{background:linear-gradient(145deg,#282d49,#20243d)!important;border:1px solid var(--sd-control-border)!important;border-radius:16px;color:var(--sd-control-text)!important}
html body .tile:hover,html body .tile-wide:hover{background:linear-gradient(145deg,#373c59,#2c304b)!important;border-color:#aaa8ce!important}
html body .tile-caption,html body .tile-caption-big{color:#e4e2f3!important}
html body .tile:focus-visible,html body .tile-wide:focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}
html body .btn-link{color:#c7c3e8!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body .btn-link:hover{color:#e4e0ff!important}
html body .btn-link:focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}
/* Contact actions supplied by support settings have inline legacy colors. */
html body form[name="fm_support"] a:is([href^="tel:"],[href^="https://t.me/"],[href^="https://max.ru/"],[href^="https://b24.sibdata.ru/"]){background:var(--sd-control-active)!important;color:#fff!important;border:1px solid #aaa8ce!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(123,121,172,.16)!important}
html body form[name="fm_support"] a:is([href^="tel:"],[href^="https://t.me/"],[href^="https://max.ru/"],[href^="https://b24.sibdata.ru/"]):hover{background:var(--sd-control-hover)!important}
html body form[name="fm_support"] a:is([href^="tel:"],[href^="https://t.me/"],[href^="https://max.ru/"],[href^="https://b24.sibdata.ru/"]):focus-visible{outline:2px solid #c7c3e8!important;outline-offset:3px}

/* Replace legacy bitmap arrows with theme-colored, scalable chevrons. */
html body .customer-portal-header-menu a.customer-name{position:relative;background-image:none!important;padding-right:38px}
html body .customer-portal-header-menu a.customer-name::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border:solid #c7c3e8;border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg);pointer-events:none}
html body .customer-portal-header-menu.open a.customer-name::after{transform:translateY(-15%) rotate(225deg)}
html body a.refresh_link{color:#c7c3e8!important}
html body a.refresh_link:hover{color:#f3f0ff!important}

/* Legacy mobile rules position 56px icons above 55px rows. Use normal flow. */
@media(max-width:480px){
  html body .tile,html body .tile-wide{display:block;width:100%;height:auto;min-height:66px;margin:0 0 10px;box-sizing:border-box}
  html body .tile .tile-content,html body .tile-wide .tile-content{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;height:auto;padding:12px 38px 12px 12px;box-sizing:border-box;background-image:none!important;font-size:16px;line-height:1.35}
  html body .tile .tile-icon,html body .tile-wide .tile-icon{position:static!important;inset:auto!important;float:none!important;order:-1;flex:0 0 40px;display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;margin:0!important;border-radius:12px!important;font-size:22px!important;line-height:1!important}
  html body .tile .tile-icon i,html body .tile-wide .tile-icon i{display:block;line-height:1}
  html body .tile .tile-caption,html body .tile-wide .tile-caption,html body .tile .tile-caption-big,html body .tile-wide .tile-caption-big{flex:1;min-width:0;margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
  html body .tile .tile-content::after,html body .tile-wide .tile-content::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border:solid #c7c3e8;border-width:0 2px 2px 0;transform:translateY(-50%) rotate(-45deg);pointer-events:none}
}

/* Price labels and amounts must remain readable over the dark service panels. */
html body :is(.service-periodic-price,.service-attach-price,.select-tariff-price-xs,.select-tariff-change-xs){color:#c7cde2!important;line-height:1.45}
html body :is(.service-periodic-price,.service-attach-price,.select-tariff-price-xs,.select-tariff-change-xs)>div{color:#c7cde2!important}
html body :is(.service-periodic-price,.service-attach-price,.select-tariff-price-xs,.select-tariff-change-xs) :is(span,nobr){color:#f4f5ff!important}
html body :is(.service-periodic-price,.service-attach-price,.select-tariff-price-xs,.select-tariff-change-xs)>span{font-weight:600;font-variant-numeric:tabular-nums}

/* Contract metadata inherited charcoal text from the original light theme. */
html body .contract-comment,html body .contract-comment>div{color:#c7cde2!important}
html body .contract-comment p,html body .contract-comment.hidden-md-up>div:first-child{color:#f4f5ff!important}

/* Audit of remaining navigation and standalone status forms, 2026-10-19. */
html body .breadcrumb>li+li::before{color:#c7cde2!important}
html body:not(.sd-modern-login) :is(.info_form,.error_form,.error_message,.error_form_panel,.success_form,.success_message,.success_form_panel){color:#f4f5ff!important;border:1px solid #3b4668!important;border-radius:16px!important;padding:20px;background:#151d36!important}
html body:not(.sd-modern-login) :is(.error_form,.error_message,.error_form_panel){background:#2b1b2d!important;border-color:#704658!important}
html body:not(.sd-modern-login) :is(.success_form,.success_message,.success_form_panel){background:#152b2b!important;border-color:#39645b!important}
html body:not(.sd-modern-login) :is(.info_form,.error_form,.error_message,.error_form_panel,.success_form,.success_message,.success_form_panel) :is(p,b,h1,h2,h3){color:#f4f5ff!important;line-height:1.5}
html body:not(.sd-modern-login) :is(.error_form,.error_message,.error_form_panel) :is(h1,h2,h3){color:#ffb7c2!important}
html body:not(.sd-modern-login) :is(.success_form,.success_message,.success_form_panel) :is(h1,h2,h3){color:#a7ead2!important}
html body:not(.sd-modern-login) :is(.info_form,.error_form,.error_message,.error_form_panel,.success_form,.success_message,.success_form_panel) a:not(.btn){color:#c3ceff!important}
html body:not(.sd-modern-login) i.required{color:#ff98aa!important}
html body :is(form[name="fm_tariff_info"],form[name="fm_service_select"],form[name="fm_service_info"]) td span[style*="color:#4c4c4c"]{color:#c7cde2!important}
html body .select-tariff-price :is(span,nobr){color:#f4f5ff!important}
html body:not(.sd-modern-login) .form-group[style*="color:#777"]{color:#c7cde2!important}