/* A presentation layer over the existing authorised, natively scrolling menu. */
#navigation .navigation-drum-label{display:contents}
.sidebar #navigation[data-navigation-style^="drum-"]{position:relative;isolation:isolate;perspective:650px;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:24px;padding:24px 9px;gap:4px;border:5px solid color-mix(in srgb,var(--navy) 80%,var(--drum-shade,black));border-radius:18px;background:linear-gradient(90deg,#0008,transparent 14%,transparent 86%,#0008),linear-gradient(180deg,color-mix(in srgb,var(--navy) 88%,var(--drum-shade,black)),var(--navy) 25%,var(--navy) 50%,var(--navy) 75%,color-mix(in srgb,var(--navy) 88%,var(--drum-shade,black)));box-shadow:inset 7px 0 11px #0007,inset -7px 0 11px #0007,0 1px 0 #ffffff20;scrollbar-width:thin;scrollbar-color:var(--accent) var(--navy)}
.sidebar #navigation[data-navigation-style^="drum-"] button{position:relative;min-height:48px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--drum-text,var(--primary-text));line-height:1.35;perspective:650px;overflow:visible}
.sidebar #navigation[data-navigation-style^="drum-"] .navigation-drum-label{display:inline-block;transform:translateZ(var(--drum-depth,0px)) rotateX(var(--drum-angle,0deg)) scale(var(--drum-scale,1));transform-origin:center;backface-visibility:hidden}
.sidebar #navigation[data-navigation-style^="drum-"] button:hover{background:color-mix(in srgb,var(--navy) 92%,var(--drum-shade,black))}
.sidebar #navigation[data-navigation-style^="drum-"] button.active{background:var(--blue);border-color:var(--accent);border-left:4px solid var(--accent);box-shadow:inset 0 1px 0 #ffffff24;color:var(--drum-selected-text,var(--button-text))}
.sidebar #navigation[data-navigation-style^="drum-"] button:focus-visible,.sidebar #navigation[data-navigation-style^="drum-"]:focus-visible{outline:3px solid var(--drum-text,var(--primary-text));outline-offset:-3px}
.sidebar #navigation[data-navigation-style="drum-dimensional"]{border-width:7px;border-color:color-mix(in srgb,var(--navy) 72%,var(--drum-shade,black));perspective:480px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 1px 5px) left/5px 100% no-repeat,repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 1px 5px) right/5px 100% no-repeat,linear-gradient(90deg,#0009,transparent 9%,transparent 91%,#0009),linear-gradient(180deg,color-mix(in srgb,var(--navy) 86%,var(--drum-shade,black)),var(--navy) 24%,var(--navy) 50%,var(--navy) 76%,color-mix(in srgb,var(--navy) 86%,var(--drum-shade,black)));box-shadow:inset 12px 0 15px #0009,inset -12px 0 15px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 33%,transparent),0 2px 5px #0005}
@media(max-width:800px){.sidebar #navigation[data-navigation-style^="drum-"]{height:min(58dvh,420px);min-height:160px;flex:none;grid-template-columns:1fr;overflow-y:auto}}
@media(prefers-reduced-motion:reduce){#navigation .navigation-drum-label{transform:none!important;transition:none!important}}
@supports not (transform:perspective(600px) rotateX(10deg)){#navigation .navigation-drum-label{transform:none!important}}

.smart-credit-summary{margin:8px 0;color:var(--text,#17212b);font-weight:600;font-size:.95rem}
#smart-document-steps,#bank-wizard-steps,#smart-migration-progress-steps{gap:8px;flex-wrap:wrap}
#smart-document-steps li,#bank-wizard-steps li,#smart-migration-progress-steps li{padding:7px 10px;border-radius:7px;background:#edf2f6;color:#34495e;line-height:1.35}
#smart-document-steps [aria-current="step"],#bank-wizard-steps [aria-current="step"],#smart-migration-progress-steps .current{background:#dce9f3;border-left:3px solid #385b7a;color:#172d44;font-weight:650}
#bootstrap-bank-option{margin-top:20px}#bootstrap-bank-saved{margin-top:10px}

.sidebar #navigation[data-navigation-style="drum-dimensional"] button.active:focus-visible{outline-color:var(--drum-selected-text,var(--button-text))}
.sidebar #navigation[data-navigation-style="classic"] button{color:var(--drum-text,var(--primary-text))}
.sidebar #navigation[data-navigation-style="classic"] button:hover,.sidebar #navigation[data-navigation-style="classic"] button.active{background:color-mix(in srgb,var(--navy) 92%,var(--drum-shade,black));color:var(--drum-text,var(--primary-text))}
.sidebar #navigation[data-navigation-style="classic"] button:focus-visible{outline:3px solid var(--drum-text,var(--primary-text));outline-offset:-3px}