/* Section Headers Redesign - Cleaner, non-collapsible design */

/* Hide collapse functionality */
.column-section .accordion-header {
    cursor: default !important;
    user-select: none;
}

.column-section .accordion-icon {
    display: none !important;
}

/* Redesigned section headers */
.column-section .accordion-header {
    background: transparent;
    border: none;
    padding: 0.75rem 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(75, 85, 99, 0.3);
}

.column-section .accordion-header:hover {
    background: transparent !important;
}

/* Section title styling */
.column-section h3 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* Suggested Actions specific color */
.column-section[data-section="suggested-actions"] h3 {
    color: #60a5fa !important;
}

/* Pinned Notes specific color */
.column-section[data-section="pinned-notes"] h3 {
    color: #fbbf24 !important;
}

/* Item count badge */
.column-section .item-count {
    background-color: rgba(75, 85, 99, 0.3);
    color: #d1d5db;
    padding: 0.125rem 0.5rem;
    border-radius: 0.75rem;
    font-size: 0.7rem !important;
    font-weight: 600;
}

/* Suggested Actions count color */
.column-section[data-section="suggested-actions"] .item-count {
    background-color: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

/* Pinned Notes count color */
.column-section[data-section="pinned-notes"] .item-count {
    background-color: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}

/* Ensure sections are always expanded */
.column-section .column-content {
    display: block !important;
    opacity: 1 !important;
    max-height: none !important;
}

/* Remove any transition effects */
.column-section .column-content {
    transition: none !important;
}

/* Adjust spacing */
.column-section {
    margin-bottom: 1.5rem;
}

/* Clean up the header layout */
.column-section .accordion-header .flex {
    align-items: center;
    height: 100%;
}

/* Ensure proper vertical centering of the title container */
.column-section .accordion-header .flex > div:first-child {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Remove hover effects */
.column-section .accordion-header:hover {
    transform: none !important;
}

/* Optional: Add subtle icon before section title */
.column-section h3::before {
    content: '';
    display: inline-flex;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
    opacity: 0.8;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
}

.column-section[data-section="suggested-actions"] h3::before {
    content: '\f059'; /* question-circle */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.column-section[data-section="pinned-notes"] h3::before {
    content: '\f08d'; /* thumbtack */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}