/* ============================================================================
   מה הקובץ שבאזור שבראש טופס ההוספה נרשם, הבורר, והשורה "להוצאה הזו"
   (expense-invoice-zone-doc.js, החלטת בעלים 4.11.2026).

   **זמני, עד העיצוב.** אותם גוונים כמו בשורת הבחירה של קובץ מהתור
   (incoming-invoices.css), ולא גוון חדש. "בחרו" נאמר במילים, והצבע רק מדגיש
   אותו. תקרת הבורר בפיקסלים: אחוז בתוך שורת flex אינו תקרה.
   ============================================================================ */
.exp-inv-doc:empty {
    display: none;
}

.exp-inv-doc-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 8px;
    font-size: 12.5px;
    color: #475569;
}

.exp-inv-doc-line.is-ask .exp-inv-doc-hint {
    color: #92400e;
    font-weight: 600;
}

.exp-inv-doc-pick {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.exp-inv-doc-pick-label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.exp-inv-doc-pick .form-select {
    max-width: 260px;
    min-width: 0;
}

/* "להוצאה הזו" ו"עדיין חסר". */
.exp-inv-needs {
    margin-top: 8px;
    font-size: 12.5px;
    color: #475569;
}

@media (max-width: 600px) {
    .exp-inv-doc-pick .form-select {
        max-width: none;
        flex: 1 1 100%;
        min-height: 44px;
    }
}

/* בכרטיס הקובץ השורות יושבות בתוך המסגרת, באותו ריווח כמו שורת הקובץ. */
.exp-inv-box.exp-inv-has-file > .exp-inv-doc {
    padding: 0 12px 10px;
}

.exp-inv-box.exp-inv-has-file > .exp-inv-doc .exp-inv-doc-line {
    margin-top: 0;
}

.exp-inv-box.exp-inv-has-file > .exp-inv-needs {
    margin: 0;
    padding: 10px 12px;
    border-top: 1px solid #eef1f6;
}