/* ===== AI Panel Toggle Button ===== */
.panel-toggle-btn-absolute {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-md);
    background: transparent;
    border: 1px solid transparent;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--duration-fast);
    z-index: 100;
}

.panel-toggle-btn-absolute:hover {
    background: var(--bg-sunken);
    color: var(--text-primary);
}

.panel-toggle-btn-absolute i {
    width: 20px;
    height: 20px;
}

/* Collapsed State Handling */
body.ai-assistant-collapsed .ai-panel-content,
body.ai-assistant-collapsed .ai-panel-disabled {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

/* Ensure button stays visible and right-aligned when collapsed */
body.ai-assistant-collapsed .panel-toggle-btn-absolute {
    right: 8px;
    /* Center in the 48px wide panel */
    left: auto;
}

/* Adjust header content padding to avoid overlap with toggle button */
.assistant-header .header-content {
    padding-right: 40px;
}

/* Adjust disabled content to avoid overlap */
.ai-panel-disabled {
    position: relative;
}