/* Rental Office navigation layout v2.8.0 */
:root {
    --sidebar-width: 250px;
    --sidebar-collapsed-width: 78px;
}

/* The full sidebar width is fixed and never depends on the selected page. */
.app-layout:not(.sidebar-collapsed) {
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr) !important;
}

.app-layout:not(.sidebar-collapsed) .sidebar {
    width: var(--sidebar-width) !important;
    min-width: var(--sidebar-width) !important;
    max-width: var(--sidebar-width) !important;
}

.app-layout.sidebar-collapsed {
    grid-template-columns: var(--sidebar-collapsed-width) minmax(0, 1fr) !important;
}

.app-layout.sidebar-collapsed .sidebar {
    width: var(--sidebar-collapsed-width) !important;
    min-width: var(--sidebar-collapsed-width) !important;
    max-width: var(--sidebar-collapsed-width) !important;
}

/* The four main actions stay above the scrolling menu. */
.sidebar-fixed-actions {
    flex: 0 0 auto;
    padding: 10px;
    gap: 6px;
    background: rgba(255, 255, 255, 0.025);
}

.sidebar-fixed-actions .sidebar-fixed-link {
    min-height: 38px;
    padding-inline: 10px;
}

.sidebar-fixed-actions .sidebar-fixed-link.active {
    color: #ffffff;
    background: #155eef;
    box-shadow: 0 6px 16px rgba(21, 94, 239, 0.22);
}

.sidebar-nav {
    min-height: 0;
}

/* Keep long menu names inside the fixed width instead of resizing the column. */
.sidebar-link b,
.sidebar-group summary b,
.sidebar-fixed-actions b,
.sidebar-group > div a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-group > div a {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .sidebar {
        width: var(--sidebar-width) !important;
        min-width: var(--sidebar-width) !important;
        max-width: var(--sidebar-width) !important;
    }
}

/* OPERATIONAL_NOTIFICATIONS_V323 */
.sidebar-operational-notifications{position:relative;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.sidebar-operational-notifications.has-alerts{background:#fdb022!important;color:#1d2939!important;box-shadow:inset 0 0 0 1px #f79009,0 5px 14px rgba(247,144,9,.28)!important}
.sidebar-operational-notifications.has-alerts>span{color:#7a2e0e!important}
.sidebar-operational-notifications.has-alerts>b{color:#1d2939!important}
.sidebar-operational-notifications.has-alerts:hover{background:#f79009!important;color:#101828!important}
.sidebar-operational-alert-count{margin-left:auto;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#d92d20;color:#fff;font-size:10px;line-height:1;font-weight:900;box-shadow:0 3px 9px rgba(217,45,32,.34)}
.sidebar-operational-alert-count[hidden]{display:none!important}
.app-layout.sidebar-collapsed .sidebar-operational-alert-count{position:absolute;top:3px;right:3px;min-width:19px;height:19px;padding:0 4px;font-size:8px}

/* DASHBOARD_OPERATIONAL_CLOCK_V329 */
.sidebar-dashboard-clock-v329{align-items:center}
.sidebar-dashboard-copy-v329{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;line-height:1.05}
.sidebar-dashboard-copy-v329>b{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#sidebar-dashboard-clock-v329{display:block;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;opacity:.82;letter-spacing:.01em}
.sidebar-dashboard-clock-v329.active #sidebar-dashboard-clock-v329{opacity:.96}
.app-layout.sidebar-collapsed .sidebar-dashboard-copy-v329{display:none}