/* document-folders-v1.css - Build 401: folders on the deal's Documents tab */
.dfList{display:block}
.dfFolder{margin:0 0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.dfFolder>summary{cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:12px 14px;list-style:none;min-height:48px;box-sizing:border-box}
.dfFolder>summary::-webkit-details-marker{display:none}
.dfFolder>summary::after{content:'▸';margin-left:auto;color:#94a3b8;font-size:14px;transition:transform .15s}
.dfFolder[open]>summary::after{transform:rotate(90deg)}
.dfFolder[open]>summary{border-bottom:1px solid #eef2f7}
.dfIcon{font-size:18px;line-height:1}
.dfName{font-weight:700;font-size:15px;color:#0f172a}
.dfCount{min-width:22px;padding:1px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;text-align:center}
.dfHint{flex-basis:100%;font-size:12px;color:#64748b;line-height:1.35}
.dfNeeds{border-color:#fbbf24;background:#fffbeb}
.dfNeeds .dfCount{background:#fde68a;color:#92400e}
.dfRows{display:grid;gap:10px;padding:10px}
.dfEmpty{padding:12px 14px;font-size:13px;color:#94a3b8}
.dfOffer{margin:10px;border:1px solid #c7d2fe;border-radius:10px;background:#f8faff}
.dfOffer .dfRows{padding:8px}
.dfOfferHead{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 12px 0}
.dfOfferHead b{font-size:14px;color:#1e3a8a}
.dfOfferHead button{margin-left:auto}
.dfTag{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.dfAccepted{background:#dcfce7;color:#166534}
.dfNotAccepted{background:#f1f5f9;color:#64748b}
.dfMove{min-height:34px;max-width:100%;border:1px solid #6366f1;border-radius:8px;background:#eef2ff;color:#3730a3;font-weight:600;padding:4px 8px;cursor:pointer}
.dfNote{margin-top:6px;font-size:12.5px;color:#92400e;line-height:1.4}
.dfNote .dfSuggest{margin-top:6px;display:inline-block}
.dfSortingNote{color:#475569;display:flex;align-items:center;gap:6px}
.dfSpin{width:12px;height:12px;border:2px solid #cbd5e1;border-top-color:#6366f1;border-radius:50%;animation:dfSpin .8s linear infinite;flex:none}
@keyframes dfSpin{to{transform:rotate(360deg)}}
.dfShareNote{font-size:11.5px;color:#92400e}
.dfReview{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:10px 10px 0;padding:10px 12px;border-radius:10px;background:#ecfdf5;border:1px solid #a7f3d0;font-size:13px;color:#065f46}
.dfReview button{margin-left:auto}
.dfPlan{max-width:620px;width:calc(100% - 24px)}
.dfPlanTable{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:13.5px}
.dfPlanTable th,.dfPlanTable td{padding:7px 8px;border-bottom:1px solid #eef2f7;text-align:left}
.dfPlanTable td:not(:first-child),.dfPlanTable th:not(:first-child){text-align:right;width:72px}
.dfPlanWarn{padding:10px 12px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:13px}
.dfPlanList{font-size:12.5px;color:#334155}
.dfPlanList>div{padding:5px 0;border-bottom:1px solid #f1f5f9}
.dfPlanList small{color:#64748b}
@media (max-width:760px){
 .dfFolder>summary{padding:12px}
 .dfRows{padding:6px;gap:8px}
 .dfOffer{margin:8px 6px}
 .dfMove{width:100%;min-height:40px;font-size:15px}
 .dfOfferHead button,.dfReview button{margin-left:0;width:100%;min-height:40px}
}

/* Build 411: Recently added + the highlight a new / tapped file gets */
.dfRecent{border:1px solid #cfe3f1;background:#f5faff;border-radius:12px;padding:10px 12px;margin:0 0 12px}
.dfRecentHead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px}
.dfRecentHead b{font-size:14px;color:#17365f}
.dfRecentItem{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:8px 10px;margin-top:6px;font:inherit;cursor:pointer;min-height:44px}
.dfRecentItem:hover{border-color:#93c5fd;background:#f8fbff}
.dfRecentTitle{font-weight:700;color:#0f172a;min-width:0;overflow-wrap:anywhere}
.dfRecentMeta{color:#475569;font-size:12px;white-space:nowrap}
.storedDoc.dfFlash{outline:3px solid #f59e0b;outline-offset:2px;background:#fffbeb;transition:background .4s,outline-color .4s}
@media(max-width:640px){.dfRecentItem{flex-direction:column;align-items:flex-start}.dfRecentMeta{white-space:normal}}