/* ============================================
   PANELS - Estilos compactos para paneles flotantes
   ============================================ */

/* Panel Header - Compacto */
.panel-header-compact {
    padding: 0.5rem 0.75rem;
    line-height: 1.2;
}

.panel-header-compact span {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.panel-header-compact button {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Panel Tabs - Compactos */
.panel-tabs-compact button {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* Panel Content - Compacto */
.panel-content-compact {
    padding: 0.75rem;
}

/* Panel Sections - Compactas */
.panel-section-compact {
    margin-bottom: 0.75rem;
}

.panel-section-compact:last-child {
    margin-bottom: 0;
}

.panel-section-title-compact {
    font-size: 0.7rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* Panel Info Box - Compacto */
.panel-info-compact {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    line-height: 1.3;
    border-radius: 0.5rem;
}

/* Panel Grid Layouts */
.panel-grid-compact {
    display: grid;
    gap: 0.5rem;
}

.panel-grid-compact.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

/* Panel Spacing Helper */
.panel-spacing-compact > * + * {
    margin-top: 0.75rem;
}

/* Panel Button Sizes */
.panel-button-compact {
    padding: 0.5rem 0.75rem;
    font-size: 0.7rem;
    line-height: 1.2;
}