/* ═══════════════════════════════════════════════════════════════
   Versionary — Batch Empty State (direction 1B)
   
   REPLACES in css/v1-main.css:
     .console-drop-zone-content.ve-batch-modal   (last iteration block)
     .ve-batch-empty                              (last iteration block)
     .ve-batch-empty h1 / p / .browse-files-btn   (last iteration block)
   
   DOES NOT TOUCH:
     .console-drop-zone   — layout hook, unchanged
     .ve-blob / children  — loader.css owns these
   
   Glass recipe matches glass-modals.css (direction 15B):
     Light: rgba(255,255,255,0.55) + blur(20px) saturate(1.2) + 28px radius
     Dark:  rgba(22,22,30,0.62)    + blur(24px) saturate(1.3) + 28px radius
   
   Values are LITERAL (no var(--th-*)). See HANDOFF.md for rationale.
   ═══════════════════════════════════════════════════════════════ */


/* ─────────── Modal card ─────────── */
.console-drop-zone-content.ve-batch-modal {
    width: min(620px, 88%);
    max-width: 620px;
    height: auto;
    min-height: 220px;
    margin: auto;
    padding: 48px 28px;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 28px;
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: box-shadow .3s ease, border-color .3s ease;
}

/* Hover / dragover backglow — light */
.console-drop-zone-content.ve-batch-modal:hover,
.console-drop-zone-content.ve-batch-modal.backglow {
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08),
                0 0 80px rgba(91, 83, 209, 0.15),
                0 0 40px rgba(91, 83, 209, 0.08);
}

/* Dark mode — card */
body.dark-mode .console-drop-zone-content.ve-batch-modal {
    background: rgba(22, 22, 30, 0.62);
    border-color: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(24px) saturate(1.3);
    -webkit-backdrop-filter: blur(24px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07),
                0 22px 60px rgba(0, 0, 0, .55);
}

/* Hover / dragover backglow — dark */
body.dark-mode .console-drop-zone-content.ve-batch-modal:hover,
body.dark-mode .console-drop-zone-content.ve-batch-modal.backglow {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07),
                0 22px 60px rgba(0, 0, 0, .55),
                0 0 80px rgba(124, 106, 239, 0.18),
                0 0 40px rgba(124, 106, 239, 0.1);
}


/* ─────────── Inner content ─────────── */
.ve-batch-empty-1b {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    width: 100%;
}

.ve-batch-empty-1b .ve-batch-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11.5px;
    letter-spacing: 0.04em;
    color: rgba(28, 27, 31, 0.5);
}
body.dark-mode .ve-batch-empty-1b .ve-batch-label {
    color: rgba(240, 240, 243, 0.42);
}

/* Accepted file types — one line under the main label, quieter tone.
   Negative margin-top pulls it close to the label above (caption-tight),
   overriding the flex parent's gap:20px for just this row. */
.ve-batch-empty-1b .ve-batch-sublabel {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px;
    letter-spacing: 0.06em;
    color: rgba(28, 27, 31, 0.32);
    margin-top: -12px;
}
body.dark-mode .ve-batch-empty-1b .ve-batch-sublabel {
    color: rgba(240, 240, 243, 0.28);
}


/* ─────────── Browse Files pill ─────────── */
.ve-batch-empty-1b .browse-files-btn {
    background: #2E2E2E;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 9999px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background .16s, box-shadow .16s;
}
.ve-batch-empty-1b .browse-files-btn:hover {
    background: #1a1a1a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}

body.dark-mode .ve-batch-empty-1b .browse-files-btn {
    background: #f4f4f6;
    color: #14141a;
}
body.dark-mode .ve-batch-empty-1b .browse-files-btn:hover {
    background: #fff;
    box-shadow: 0 4px 18px rgba(255, 255, 255, 0.16);
}