/* =========================
   FINANCIAL OVERVIEW NOTES
   ========================= */

.overall-note-hover {
    position: relative;
    display: inline-block;
}

.overall-note-hover strong {
    cursor: default;
}

.overall-note-hover:has(.overall-note-tooltip) strong {
    cursor: help;
}

.overall-note-tooltip {
    position: absolute;

    left: 0;
    bottom: calc(100% + 8px);

    z-index: 100;

    width: max-content;
    max-width: 280px;
    min-width: 160px;

    padding: 9px 11px;

    border: 1px solid var(--border);
    border-radius: 8px;

    background: var(--surface);
    color: var(--text);

    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;

    white-space: normal;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: translateY(4px);

    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;
}

.overall-note-hover:hover
.overall-note-tooltip {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}
/* =========================
   SPACE ITEM NOTES
   ========================= */

.room-item-note-hover {
    position: relative;
    display: inline-block;
}

.room-item-note-hover strong {
    cursor: default;
}

.room-item-note-hover:has(.room-item-note-tooltip) strong {
    cursor: help;
}

.room-item-note-tooltip {
    position: absolute;

    left: 0;
    top: calc(100% + 8px);

    z-index: 200;

    width: max-content;
    max-width: 280px;
    min-width: 160px;

    padding: 9px 11px;

    border: 1px solid var(--border);
    border-radius: 8px;

    background: var(--surface);
    color: var(--text);

    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;

    white-space: normal;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(4px);

    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;
}

.room-item-note-hover:hover
.room-item-note-tooltip {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.room-budget-status.over-budget-value {
    color: #ff5c5c;
    font-weight: 600;
}
.overall-budget-over {
    color: #ff5c5c;
}

.overall-budget-over strong {
    color: #ff5c5c;
}
.overall-budget-over,
.overall-budget-over strong {
    color: #ff5c5c !important;
}

/* =========================
   WELCOME SPACE SEARCH
   ========================= */

.welcome-space-search {
    margin-bottom: 10px;
}

.welcome-space-search input {
    width: 100%;
    height: 34px;

    padding: 0 11px;

    border: 1px solid var(--border);
    border-radius: 7px;

    background: var(--surface);
    color: var(--text);

    font: inherit;
    font-size: 12px;

    outline: none;
}

.welcome-space-search input:focus {
    border-color: var(--orange);
}