/* =============================================================================
   🧬 GAJE — y2k-light.css (SCANDINAVIAN-DESIGN & LEARNING NOTEBOOK THEME)
   Filosofía: Funcionalismo nórdico/escandinavo puro + Cuaderno Técnico de Campo.
   Geometría 100% CUADRADA (Square / Sharp Edge Architecture - 0px radius),
   fondo marfil suave (#f6f5f3) con dot-grid técnico, margen editorial ámbar,
   acentos orgánicos verde bosque (#2c5234) y fichas de notas rectangulares.
   ============================================================================= */

[data-theme="light"] {
    /* ── PALETA DE COLORES LIGHT (SCANDINAVIAN SQUARE NOTEBOOK) ── */
    --theme-name: 'SCANDINAVIAN-DESIGN';
    --bg-primary: #f6f5f3;
    --bg-surface: rgba(255, 255, 255, 0.98);
    --bg-surface-elevated: #ffffff;
    --bg-surface-card: #ffffff;
    --border-subtle: rgba(44, 82, 52, 0.16);
    --border-medium: rgba(44, 82, 52, 0.28);
    --border-highlight: rgba(44, 82, 52, 0.6);

    /* Acentos Orgánicos & Botánicos */
    --accent-forest: #2c5234;
    --accent-forest-hover: #376541;
    --accent-amber-note: #b45309;
    --accent-slate: #2c3539;
    --accent-crimson: #b91c1c;
    --accent-glow: rgba(44, 82, 52, 0.2);

    --user-msg-gradient: linear-gradient(135deg, #24462b 0%, #183320 100%);
    --bot-msg-bg: #ffffff;
    --bot-msg-border-accent: #2c5234;
    --sys-msg-gradient: linear-gradient(135deg, rgba(44, 82, 52, 0.06), rgba(44, 53, 57, 0.03));
    --sys-msg-border: rgba(44, 82, 52, 0.25);
}

/* ── CONTENEDOR PRINCIPAL CUADRADO ── */
[data-theme="light"] .app-container {
    border-radius: 0px !important;
    border: 1px solid rgba(44, 82, 52, 0.2);
    box-shadow: 0 16px 48px rgba(44, 53, 57, 0.08);
}

/* Fondo Cuaderno Técnico (Dot-grid & Margen Guía) */
[data-theme="light"] .chat-window {
    background-image: 
        radial-gradient(rgba(44, 82, 52, 0.08) 1px, transparent 1px),
        linear-gradient(to right, transparent 32px, rgba(180, 83, 9, 0.16) 32px, rgba(180, 83, 9, 0.16) 33px, transparent 33px);
    background-size: 24px 24px, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-position: 0 0, 0 0;
}

/* ── TOOLBAR RECTANGULAR ── */
[data-theme="light"] .chat-toolbar {
    background: rgba(246, 245, 243, 0.98);
    border-bottom: 1px solid rgba(44, 82, 52, 0.16);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    border-radius: 0px !important;
}

[data-theme="light"] .header-model-dropdown {
    background: #ffffff !important;
    border: 1px solid rgba(44, 82, 52, 0.28) !important;
    color: #1e293b !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    border-radius: 0px !important;
}

[data-theme="light"] .header-model-dropdown option {
    background: #ffffff !important;
    color: #1e293b !important;
}

[data-theme="light"] .header-model-dropdown:hover,
[data-theme="light"] .header-model-dropdown:focus {
    background: #ffffff !important;
    border-color: #2c5234 !important;
    color: #1e293b !important;
    box-shadow: 0 0 0 2px rgba(44, 82, 52, 0.18) !important;
}

/* Píldoras y Badges Rectangulares */
[data-theme="light"] .chat-pill-ram {
    background: rgba(44, 82, 52, 0.08);
    border-color: rgba(44, 82, 52, 0.28);
    color: var(--accent);
    border-radius: 0px !important;
}

[data-theme="light"] .ram-led.active {
    background: var(--accent);
    box-shadow: 0 0 6px rgba(44, 82, 52, 0.6);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-pill-meta {
    background: #ffffff;
    border-color: rgba(44, 82, 52, 0.16);
    color: var(--muted);
    border-radius: 0px !important;
}

[data-theme="light"] .status-indicator-pill {
    background: #ffffff;
    border-color: rgba(44, 82, 52, 0.16);
    color: var(--muted);
    border-radius: 0px !important;
}

[data-theme="light"] .pulse-engine-dot {
    border-radius: 0px !important;
}

/* Botones Rectangulares de Cabecera */
[data-theme="light"] .chat-header-pill-btn {
    background: #ffffff;
    border-color: rgba(44, 82, 52, 0.25);
    color: var(--accent);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-header-pill-btn:hover {
    background: rgba(44, 82, 52, 0.08);
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 2px 8px rgba(44, 82, 52, 0.15);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-header-icon-btn {
    background: #ffffff;
    border-color: rgba(44, 82, 52, 0.2);
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-header-icon-btn:hover {
    background: rgba(44, 82, 52, 0.08);
    border-color: var(--accent);
    color: var(--accent);
    border-radius: 0px !important;
}

/* Menú Dropdown Rectangular Flotante */
[data-theme="light"] .chat-menu-dropdown {
    background: rgba(255, 255, 255, 0.99);
    border: 1px solid rgba(44, 82, 52, 0.22);
    box-shadow: 0 14px 36px rgba(44, 82, 52, 0.15), 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 0px !important;
}

[data-theme="light"] .menu-section-label {
    color: var(--muted);
}

[data-theme="light"] .menu-divider {
    background: rgba(44, 82, 52, 0.12);
}

[data-theme="light"] .chat-menu-item {
    color: var(--text);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-menu-item svg {
    color: var(--muted);
}

[data-theme="light"] .chat-menu-item:hover {
    background: rgba(44, 82, 52, 0.08);
    color: var(--accent);
    border-radius: 0px !important;
}

[data-theme="light"] .chat-menu-item:hover svg {
    color: var(--accent);
}

[data-theme="light"] .menu-inline-select {
    background: #ffffff !important;
    border: 1px solid rgba(44, 82, 52, 0.25) !important;
    color: #1e293b !important;
    border-radius: 0px !important;
}

[data-theme="light"] .menu-inline-select option {
    background: #ffffff !important;
    color: #1e293b !important;
}

/* ── MENSAJES Y FICHAS DE APRENDIZAJE COMPLETAMENTE CUADRADAS ── */

/* Burbuja de Usuario: Tarjeta Rectangular en Ficha Nórdica */
[data-theme="light"] .message.user {
    background: #ffffff;
    border: 1px solid rgba(44, 82, 52, 0.22);
    border-right: 4px solid #2c5234;
    border-radius: 0px !important;
    color: #1e293b;
    box-shadow: 0 3px 12px rgba(44, 53, 57, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    padding: 0.45rem 0.85rem;
}

[data-theme="light"] .msg-user-header,
[data-theme="light"] .user-header {
    border-bottom: 1px solid rgba(44, 82, 52, 0.12) !important;
}

[data-theme="light"] .msg-avatar-icon.user-avatar,
[data-theme="light"] .user-avatar,
[data-theme="light"] .msg-user-tag,
[data-theme="light"] .user-role-tag,
[data-theme="light"] .user-action-btn {
    border-radius: 0px !important;
}

[data-theme="light"] .msg-avatar-icon.user-avatar,
[data-theme="light"] .user-avatar {
    background: #eaf3ec !important;
    border-color: rgba(44, 82, 52, 0.3) !important;
    color: #2c5234 !important;
}

[data-theme="light"] .user-author-name {
    color: #2c5234 !important;
}

[data-theme="light"] .msg-user-tag,
[data-theme="light"] .user-role-tag {
    background: #edf7ef !important;
    border: 1px solid rgba(44, 82, 52, 0.25) !important;
    color: #2c5234 !important;
}

[data-theme="light"] .user-timestamp {
    color: #64748b !important;
}

[data-theme="light"] .user-action-btn {
    background: #f1f5f2 !important;
    border: 1px solid rgba(44, 82, 52, 0.2) !important;
    color: #2c5234 !important;
}

[data-theme="light"] .user-action-btn:hover {
    background: #e2ede5 !important;
    border-color: #2c5234 !important;
}

[data-theme="light"] .msg-user-content p,
[data-theme="light"] .user-content p,
[data-theme="light"] .message.user p {
    color: #1e293b !important;
    font-size: 0.92rem;
    line-height: 1.5;
}

/* Tarjeta de Respuesta: Ficha de Libreta Técnica Cuadrada */
[data-theme="light"] .message.bot {
    background: #ffffff;
    border: 1px solid rgba(44, 82, 52, 0.18);
    border-left: 4px solid var(--accent);
    color: #1e293b;
    box-shadow: 0 4px 16px rgba(44, 53, 57, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02), inset 0 1px 0 #ffffff;
    border-radius: 0px !important;
    position: relative;
    padding: 0.65rem 1.05rem;
    margin-top: 0.25rem;
}

[data-theme="light"] .message.bot p {
    color: #1e293b;
    font-size: 0.92rem;
    line-height: 1.5;
}

[data-theme="light"] .message.bot strong {
    color: #0f172a;
    font-weight: 600;
}

/* Mensaje del Sistema Rectangular */
[data-theme="light"] .message.system {
    background: linear-gradient(135deg, rgba(44, 82, 52, 0.06), rgba(44, 53, 57, 0.03));
    border: 1px solid rgba(44, 82, 52, 0.25);
    border-radius: 0px !important;
    color: #2c3539;
    box-shadow: 0 2px 8px rgba(44, 82, 52, 0.04);
    padding: 0.8rem 1.2rem;
}

[data-theme="light"] .message.system::before {
    color: var(--accent);
    content: "🌱 NÚCLEO_GAJE ::";
    font-weight: 700;
    letter-spacing: 1px;
}

/* Metadatos al pie del mensaje (Micro-etiquetas Táctiles Cuadradas) */
[data-theme="light"] .message-meta {
    border-top: 1px solid rgba(44, 82, 52, 0.12);
    margin-top: 0.65rem;
    padding-top: 0.5rem;
}

[data-theme="light"] .meta-badge,
[data-theme="light"] .meta-tag {
    background: #f8f7f5;
    border: 1px solid rgba(44, 82, 52, 0.18);
    color: #475569;
    border-radius: 0px !important;
    font-weight: 500;
    transition: all 0.15s ease;
}

[data-theme="light"] .meta-badge:hover,
[data-theme="light"] .meta-tag:hover {
    background: rgba(44, 82, 52, 0.08);
    border-color: var(--accent);
    color: var(--accent);
    border-radius: 0px !important;
}

[data-theme="light"] .meta-tag.meta-model {
    background: rgba(44, 82, 52, 0.08);
    border-color: rgba(44, 82, 52, 0.3);
    color: var(--accent);
    font-weight: 600;
    border-radius: 0px !important;
}

[data-theme="light"] .meta-tag.meta-latency {
    color: #b45309;
    background: rgba(180, 83, 9, 0.06);
    border-color: rgba(180, 83, 9, 0.25);
    border-radius: 0px !important;
}

[data-theme="light"] .meta-btn-copy,
[data-theme="light"] .meta-copy-btn {
    background: #ffffff;
    border: 1px solid rgba(44, 82, 52, 0.25);
    color: #475569;
    border-radius: 0px !important;
}

[data-theme="light"] .meta-btn-copy:hover,
[data-theme="light"] .meta-copy-btn:hover {
    background: rgba(44, 82, 52, 0.1);
    border-color: var(--accent);
    color: var(--accent);
    border-radius: 0px !important;
}

/* Memorando de Razonamiento CoT Rectangular */
[data-theme="light"] .apple-thought-box {
    background: #fbfaf8;
    border: 1px solid rgba(44, 82, 52, 0.2);
    border-left: 4px solid #b45309;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    border-radius: 0px !important;
    margin: 0.5rem 0 0.9rem;
}

[data-theme="light"] .apple-thought-box[open] {
    background: #ffffff;
    border-color: rgba(44, 82, 52, 0.25);
    border-left-color: #b45309;
    box-shadow: 0 4px 16px rgba(44, 82, 52, 0.06);
    border-radius: 0px !important;
}

[data-theme="light"] .apple-thought-summary {
    padding: 0.6rem 0.95rem;
    border-radius: 0px !important;
}

[data-theme="light"] .apple-thought-summary:hover {
    background: rgba(44, 82, 52, 0.04);
}

[data-theme="light"] .apple-thought-header {
    color: #1e293b;
    font-weight: 600;
}

[data-theme="light"] .apple-thought-icon {
    color: #b45309;
}

[data-theme="light"] .apple-thought-chevron {
    color: #64748b;
}

[data-theme="light"] .thought-badge {
    background: rgba(180, 83, 9, 0.12);
    color: #b45309;
    border: 1px solid rgba(180, 83, 9, 0.3);
    border-radius: 0px !important;
    font-size: 0.62rem;
}

[data-theme="light"] .apple-thought-content {
    border-top: 1px solid rgba(44, 82, 52, 0.12);
    color: #334155;
    background: #faf8f5;
    padding: 0.85rem 1rem 1rem;
    font-size: 0.86rem;
    line-height: 1.65;
    border-radius: 0px !important;
}

/* Bloques de Código Rectangulares */
[data-theme="light"] .code-block-wrapper {
    background: #fbfaf8;
    border: 1px solid rgba(44, 82, 52, 0.2);
    border-radius: 0px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    margin: 0.7rem 0;
}

[data-theme="light"] .code-block-header {
    background: #f3f0ec;
    border-bottom: 1px solid rgba(44, 82, 52, 0.16);
    color: #475569;
    border-radius: 0px !important;
}

[data-theme="light"] .code-copy-btn {
    background: #ffffff;
    border: 1px solid rgba(44, 82, 52, 0.25);
    color: var(--accent);
    border-radius: 0px !important;
}

[data-theme="light"] .code-copy-btn:hover {
    background: rgba(44, 82, 52, 0.08);
    border-color: var(--accent);
}

[data-theme="light"] .code-block {
    background: #fbfaf8;
    border: 1px solid rgba(44, 82, 52, 0.2);
    color: #1e293b;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.03);
    border-radius: 0px !important;
}

[data-theme="light"] .inline-code {
    background: rgba(180, 83, 9, 0.08);
    border: 1px solid rgba(180, 83, 9, 0.25);
    color: #b45309;
    border-radius: 0px !important;
}

/* Tooltips Cuadrados */
[data-theme="light"] [data-tooltip]::after {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(44, 82, 52, 0.2);
    color: #1e293b;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0px !important;
}

[data-theme="light"] [data-tooltip]::before {
    border-color: transparent transparent rgba(44, 82, 52, 0.2) transparent;
}

/* ── INPUT COMPOSER RECTANGULAR ── */
[data-theme="light"] .input-area {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(44, 82, 52, 0.25);
    box-shadow: 0 6px 24px rgba(44, 53, 57, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-radius: 0px !important;
}

[data-theme="light"] .input-area:focus-within {
    border-color: var(--accent);
    box-shadow: 0 8px 28px rgba(44, 53, 57, 0.08), 0 0 0 1.5px var(--accent);
    border-radius: 0px !important;
}

[data-theme="light"] input#user-input {
    color: var(--text);
    border-radius: 0px !important;
}

[data-theme="light"] button#send-btn {
    background: linear-gradient(135deg, #2c5234 0%, #1a301f 100%);
    border: 1px solid rgba(44, 82, 52, 0.45);
    box-shadow: 0 4px 12px rgba(44, 82, 52, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border-radius: 0px !important;
}

[data-theme="light"] button#send-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #376541 0%, #223f29 100%);
    box-shadow: 0 6px 16px rgba(44, 82, 52, 0.3);
    border-radius: 0px !important;
}

[data-theme="light"] .stop-btn {
    border-radius: 0px !important;
}

/* ── MODAL HUD Y TARJETAS TELEMETRÍA CUADRADAS ── */
[data-theme="light"] .modal-mac-window {
    border-radius: 0px !important;
    border: 1px solid rgba(44, 82, 52, 0.25);
    box-shadow: 0 20px 60px rgba(44, 53, 57, 0.12);
}

[data-theme="light"] .hud-card {
    border-radius: 0px !important;
    border: 1px solid rgba(44, 82, 52, 0.18);
}

[data-theme="light"] .apple-pill-btn {
    border-radius: 0px !important;
    border: 1px solid rgba(44, 82, 52, 0.25);
}

[data-theme="light"] .seg-tab {
    border-radius: 0px !important;
}

[data-theme="light"] .segmented-tabs {
    border-radius: 0px !important;
    border: 1px solid rgba(44, 82, 52, 0.2);
}

/* ── REFUERZO DE CONTRASTE Y VISIBILIDAD PARA TODOS LOS BOTONES EN LIGHT MODE ── */
[data-theme="light"] .y2k-theme-toggle-direct,
[data-theme="light"] .y2k-github-icon-btn,
[data-theme="light"] .y2k-menu-btn,
[data-theme="light"] .y2k-pwa-btn,
[data-theme="light"] .chat-header-pill-btn,
[data-theme="light"] .chat-header-icon-btn,
[data-theme="light"] .model-status-btn,
[data-theme="light"] .copy-btn,
[data-theme="light"] .code-copy-btn,
[data-theme="light"] .meta-btn-copy,
[data-theme="light"] .meta-copy-btn {
    background: #ffffff !important;
    border: 1px solid rgba(44, 82, 52, 0.35) !important;
    color: #2c3539 !important;
    box-shadow: 0 1px 3px rgba(44, 53, 57, 0.08) !important;
    border-radius: 0px !important;
}

[data-theme="light"] .y2k-theme-toggle-direct:hover,
[data-theme="light"] .y2k-github-icon-btn:hover,
[data-theme="light"] .y2k-menu-btn:hover,
[data-theme="light"] .chat-header-pill-btn:hover,
[data-theme="light"] .chat-header-icon-btn:hover,
[data-theme="light"] .copy-btn:hover,
[data-theme="light"] .code-copy-btn:hover {
    background: rgba(44, 82, 52, 0.08) !important;
    border-color: var(--accent-forest) !important;
    color: var(--accent-forest) !important;
    box-shadow: 0 2px 6px rgba(44, 82, 52, 0.15) !important;
}

[data-theme="light"] .y2k-theme-toggle-direct svg,
[data-theme="light"] .y2k-github-icon-btn svg,
[data-theme="light"] .y2k-menu-btn svg,
[data-theme="light"] .chat-header-pill-btn svg,
[data-theme="light"] .chat-header-icon-btn svg {
    color: #2c3539 !important;
}

[data-theme="light"] .chat-header-pill-btn.active,
[data-theme="light"] .info-toggle-btn.active {
    background: rgba(44, 82, 52, 0.12) !important;
    border-color: #2c5234 !important;
    color: #2c5234 !important;
}

[data-theme="light"] .chat-header-pill-btn.active svg,
[data-theme="light"] .info-toggle-btn.active svg {
    color: #2c5234 !important;
}

[data-theme="light"] .model-status-btn {
    background: #ffffff !important;
    border: 1px solid rgba(44, 82, 52, 0.3) !important;
    color: #2c5234 !important;
}

[data-theme="light"] .model-status-btn.active .status-dot-led {
    background: #2c5234 !important;
    box-shadow: 0 0 6px rgba(44, 82, 52, 0.5) !important;
}

[data-theme="light"] .traffic-dot.dot-close {
    background: #e11d48 !important;
    border: 1px solid #be123c !important;
}

[data-theme="light"] .traffic-dot.dot-min {
    background: #d97706 !important;
    border: 1px solid #b45309 !important;
}

[data-theme="light"] .traffic-dot.dot-max {
    background: #16a34a !important;
    border: 1px solid #15803d !important;
}

[data-theme="light"] .starter-card {
    background: #ffffff !important;
    border: 1px solid rgba(44, 82, 52, 0.25) !important;
    box-shadow: 0 2px 8px rgba(44, 53, 57, 0.05) !important;
}

[data-theme="light"] .starter-card:hover {
    background: #faf8f5 !important;
    border-color: #2c5234 !important;
    box-shadow: 0 4px 14px rgba(44, 82, 52, 0.12) !important;
}

[data-theme="light"] .starter-icon {
    color: #2c5234 !important;
}

[data-theme="light"] .starters-badge {
    background: rgba(44, 82, 52, 0.08) !important;
    border: 1px solid rgba(44, 82, 52, 0.25) !important;
    color: #2c5234 !important;
}