/* UTILITIES - The Shared Decoration Atom */

.bg-core { background-color: var(--bg-1); }

.rail-divider {
    height: 1px; width: 2rem; background: var(--bg-4);
    margin: var(--spacing-1) auto; opacity: 0.3;
}

.rail-link {
    display: flex; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent;
    z-index: var(--z-transition); width: 100%; height: 100%;
    pointer-events: auto;
}

.disabled-item {
    opacity: 0.35;
    filter: grayscale(1) contrast(0.8);
    pointer-events: none;
    cursor: not-allowed;
}

.rail-item.active-item {
    color: var(--text-5);
    background: var(--bg-1);
}

.active-persona {
    transform: translate3d(0, -2px, 0);
    border-bottom-width: 6px;
    position: relative;
}

[data-action="pop-view"], .close-trigger {
    display: flex;
    align-items: center; justify-content: center;
    cursor: pointer;
}

[data-action="pop-view"]:hover, .close-trigger:hover {
    background: var(--bg-3);
    color: var(--text-5);
}