:root {
    --property-nav-bg: rgba(248, 250, 252, .96);
    --property-nav-border: #dbe7f3;
    --property-nav-active: #0f7f83;
}

.property-workspace-nav {
    position: relative;
    z-index: 6;
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 8px 12px;
    border-bottom: 1px solid var(--property-nav-border);
    background: var(--property-nav-bg);
    backdrop-filter: blur(14px);
    scrollbar-width: none;
}

/* A ficha possui uma única área rolável. Cabeçalho, chips, ações, índice e
   abas permanecem no fluxo natural da ficha; não há controles flutuando
   sobre o conteúdo enquanto a pessoa lê a página. */
.lot-tooltip-container,
.unit-tooltip-container {
    isolation: isolate;
}

.lot-tooltip-container > .tooltip-header-img,
.lot-tooltip-container > .lot-context-chips,
.lot-tooltip-container > .lot-descricao-bar,
.lot-tooltip-container > .lot-map-actions,
.unit-tooltip-container > .unit-tooltip-header,
.unit-tooltip-container > .unit-context-chips {
    position: relative;
    flex: 0 0 auto;
}

.lot-tooltip-container > .tooltip-header-img,
.unit-tooltip-container > .unit-tooltip-header {
    z-index: 4;
}

.lot-tooltip-container > .lot-context-chips,
.lot-tooltip-container > .lot-descricao-bar,
.lot-tooltip-container > .lot-map-actions,
.unit-tooltip-container > .unit-context-chips {
    z-index: 3;
    background-clip: padding-box;
}

.lot-tooltip-container > .lot-tooltip-body,
.unit-tooltip-container > .unit-tooltip-body {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-top: 12px;
    background: #fff;
}

.lot-tooltip-body > .tooltip-tabs,
.unit-tooltip-body > .tooltip-tabs {
    /* Geral/Documentos fazem parte do conteúdo rolável. Deixá-los sticky
       fazia a barra parecer solta sobre os dados ao usar a roda do mouse. */
    position: relative;
    top: auto;
    z-index: 1;
    flex: 0 0 auto;
    min-height: 44px;
    background: #fafafa;
    box-shadow: inset 0 -1px 0 #e2e8f0;
    backdrop-filter: none;
}

.lot-tooltip-body > .lot-tab-content,
.unit-tooltip-body > .unit-tab-content {
    position: relative;
    z-index: 1;
}

.lot-tooltip-body .tooltip-section-card,
.unit-tooltip-body .tooltip-section-card {
    scroll-margin-top: 12px;
}

.property-workspace-nav::-webkit-scrollbar { display: none; }
.property-workspace-nav button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: max-content;
    padding: 7px 9px;
    border: 1px solid #d7e2ee;
    border-radius: 999px;
    background: #fff;
    color: #40536b;
    font: 800 9px/1 Outfit, Inter, system-ui, sans-serif;
    letter-spacing: .01em;
    cursor: pointer;
}
.property-workspace-nav button:hover,
.property-workspace-nav button.active {
    border-color: #9bd7d4;
    color: #07676b;
    background: #eaf9f7;
}
.property-workspace-focus {
    outline: 2px solid rgba(15, 127, 131, .42);
    outline-offset: 3px;
    transition: outline-color .35s ease;
}

@media (max-width: 680px) {
    .property-workspace-nav { padding-inline: 8px; }
    .property-workspace-nav button { padding: 7px 8px; font-size: 8px; }
}