/* Schmale Rail mit sichtbaren Modulnamen. */
:root { --rmb-height: 0px; --rmb-width: 64px; }
body.rida-has-rail { padding-left: var(--rmb-width); box-sizing: border-box; margin: 0; }
#rida-modulebar-root { position: fixed; inset: 0 auto 0 0; width: var(--rmb-width); z-index: 1000; background: #003456; border-right: 1px solid rgba(255,255,255,.13); }
.rmb-inner { height: 100%; height: 100dvh; display: flex; flex-direction: column; padding: 14px 2px; overflow-y: auto; }
.rmb-brand, .rmb-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 64px; padding: 10px 1px; border-radius: 4px; text-align: center; color: #c5d5df; text-decoration: none; font-family: var(--font-ui, Arial, sans-serif); font-size: 10px; line-height: 1.3; font-weight: 500; }
.rmb-brand { margin-bottom: 20px; }
.rmb-brand svg, .rmb-link svg { width: 23px; height: 23px; flex-shrink: 0; }
.rmb-nav { display: flex; flex-direction: column; gap: 8px; }
.rmb-brand:hover, .rmb-link:hover { background: rgba(255,255,255,.08); color: white; }
.rmb-link.active { background: rgba(255,255,255,.12); color: white; box-shadow: inset 2px 0 #8aa6b8; }
.rmb-brand.active, .rmb-brand.active:hover { background: transparent; color: white; box-shadow: none; }
.rmb-brand:focus-visible, .rmb-link:focus-visible { outline: 2px solid white; outline-offset: 0; }
.rmb-link[aria-disabled="true"] { color: #94aab9; cursor: not-allowed; }
.rmb-label { display: block; }
@media print { #rida-modulebar-root { display: none; } body.rida-has-rail { padding-left: 0; } }
.rmb-label { max-width: 100%; overflow-wrap: anywhere; }

.rmb-link[data-key="kidialog"] .rmb-label::after{
  content:"";display:inline-block;width:7px;height:7px;margin-left:2px;
  vertical-align:super;opacity:.5;background:currentColor;
  -webkit-mask:url("assets/ki-sparkles.svg") center/contain no-repeat;
  mask:url("assets/ki-sparkles.svg") center/contain no-repeat;
}
