.leasing-page-container {
    padding: 10px;
}

#leasing-page {
    /* Since parent handles active state, this relies on index.html styling, but we ensure it matches 100% height */
    height: calc(100vh - 120px);
}

.leasing-item {
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1; /* Default z-index */
}

.leasing-item:hover,
.leasing-item:focus-within,
.leasing-item:has(.leasing-note-popover.active),
.leasing-item:has(.dropdown-menu.show) {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000; /* Bring hovered or active item to front */
}

/* Force Dropdown Menus to highest priority */
.leasing-item .dropdown-menu {
    z-index: 9999 !important;
}

.leasing-item .badge {
    font-size: 0.8rem;
    font-weight: 500;
}

/* Notes Popover implementation */
.leasing-note-popover {
    position: absolute;
    top: 120%;
    right: 0;
    width: 250px;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease-in-out;
}

.leasing-note-popover.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.leasing-note-popover::after {
    content: '';
    position: absolute;
    top: -10px;
    right: 15px;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.dark-mode .leasing-note-popover {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

.dark-mode .leasing-note-popover::after {
    border-color: var(--bs-tertiary-bg) transparent transparent transparent;
}

.dark-mode .leasing-item {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

.dark-mode .leasing-item:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .leasing-note-popover input {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

/* Chrome tab fixes (just to ensure leasing tab matches others if custom colors apply) */
.content-card h5 {
    font-size: 1.1rem;
}