/**
 * ═══════════════════════════════════════════════════════════════════
 * LEXOR LUXURY REDESIGN - Part 3: Light Mode & Additional Elements
 * ═══════════════════════════════════════════════════════════════════
 */

/* ==================== LIGHT MODE REFINEMENTS ==================== */
[data-theme="light"] .app-header {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 0 1px rgba(85, 101, 221, 0.08);
}

[data-theme="light"] .primary-btn, [data-theme="light"] .ai-btn {
    box-shadow: 0 4px 16px rgba(85, 101, 221, 0.30), 
                0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .primary-btn:hover, [data-theme="light"] .ai-btn:hover {
    box-shadow: 0 8px 28px rgba(85, 101, 221, 0.45), 
                0 4px 12px rgba(0, 0, 0, 0.12),
                0 0 24px rgba(85, 101, 221, 0.35);
}

[data-theme="light"] .document-card, 
[data-theme="light"] .summary-card, 
[data-theme="light"] .character-item,
[data-theme="light"] .folder-item-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .document-card:hover, 
[data-theme="light"] .summary-card:hover, 
[data-theme="light"] .character-item:hover,
[data-theme="light"] .folder-item-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08),
                0 4px 16px rgba(85, 101, 221, 0.15),
                0 0 24px rgba(85, 101, 221, 0.1);
}

[data-theme="light"] .message-content {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .message-content.assistant {
    box-shadow: 0 4px 12px rgba(85, 101, 221, 0.1);
}

[data-theme="light"] .modal {
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.15),
                0 8px 24px rgba(85, 101, 221, 0.15),
                0 0 48px rgba(85, 101, 221, 0.12);
}

/* ==================== CARD BUTTONS & ACTIONS ==================== */
.card-btn, .doc-action-btn, .folder-item-action-btn {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    position: relative;
}

.card-btn:hover, .doc-action-btn:hover, .folder-item-action-btn:hover {
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 4px 12px rgba(107, 124, 255, 0.2);
}

.doc-checkbox {
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.doc-checkbox:hover {
    transform: scale(1.1) rotate(5deg);
}

.doc-checkbox.checked {
    animation: checkboxPop 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes checkboxPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* ==================== CHAT CONTROLS ==================== */
.chat-btn, .chat-controls button {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.chat-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(107, 124, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.5s ease, height 0.5s ease;
}

.chat-btn:hover::before {
    width: 300px;
    height: 300px;
}

.insert-canvas-btn {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.insert-canvas-btn:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 6px 20px rgba(107, 124, 255, 0.15);
}

.insert-canvas-btn.active {
    animation: buttonPulse 1.5s ease-in-out infinite;
}

@keyframes buttonPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(107, 124, 255, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(107, 124, 255, 0); }
}

/* ==================== CANVAS CONTROLS ==================== */
.canvas-controls {
    background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    border-top: 1px solid rgba(107, 124, 255, 0.05);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
}

/* ==================== MODEL SELECTOR ==================== */
#model-select {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

#model-select:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(107, 124, 255, 0.15);
}

#model-select:focus {
    box-shadow: 0 0 0 4px rgba(107, 124, 255, 0.12),
                0 4px 12px rgba(107, 124, 255, 0.2);
}

/* ==================== LAYOUT MODE SELECTOR ==================== */
#layout-preset {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

#layout-preset:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(107, 124, 255, 0.15);
}

/* ==================== SEARCH INPUTS ==================== */
#context-search, #canvas-search {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

#context-search:focus, #canvas-search:focus {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 0 0 4px rgba(107, 124, 255, 0.12),
                0 4px 12px rgba(107, 124, 255, 0.2);
}

/* ==================== ICON BUTTONS ==================== */
.icon-btn {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.icon-btn:hover {
    transform: translateY(-2px) scale(1.05) rotate(5deg);
    box-shadow: 0 6px 20px rgba(107, 124, 255, 0.25);
}

/* ==================== FAVORITE BUTTONS ==================== */
.folder-item-favorite-btn {
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.folder-item-favorite-btn:hover {
    transform: scale(1.3) rotate(20deg);
    filter: brightness(1.5) drop-shadow(0 0 8px gold);
}

/* ==================== STAGGERED LIST ANIMATIONS ==================== */
.documents-list > *, .summaries-list > *, #characters-list > * {
    animation: fadeInUp 0.4s cubic-bezier(0.4, 0.0, 0.2, 1) backwards;
}

.documents-list > *:nth-child(1), .summaries-list > *:nth-child(1), #characters-list > *:nth-child(1) { animation-delay: 0.05s; }
.documents-list > *:nth-child(2), .summaries-list > *:nth-child(2), #characters-list > *:nth-child(2) { animation-delay: 0.1s; }
.documents-list > *:nth-child(3), .summaries-list > *:nth-child(3), #characters-list > *:nth-child(3) { animation-delay: 0.15s; }
.documents-list > *:nth-child(4), .summaries-list > *:nth-child(4), #characters-list > *:nth-child(4) { animation-delay: 0.2s; }
.documents-list > *:nth-child(5), .summaries-list > *:nth-child(5), #characters-list > *:nth-child(5) { animation-delay: 0.25s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==================== PROMPT DROPDOWN ==================== */
/* Reverted to original style - no luxury overrides */

/* ==================== BREADCRUMB ==================== */
.breadcrumb-item {
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.breadcrumb-item:hover {
}

[data-theme="light"] .message-content {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .message-content.assistant {
    box-shadow: 0 4px 12px rgba(85, 101, 221, 0.1);
}

[data-theme="light"] .modal {
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.15),
                0 8px 24px rgba(85, 101, 221, 0.15),
                0 0 48px rgba(85, 101, 221, 0.12);
}