/* Arquivos compartilhados com a equipe */
.fl { max-width: 1000px; margin: 0 auto; padding: 16px; }
.fl-zone { display: flex; flex-direction: column; gap: 12px; border: 2px dashed transparent; border-radius: var(--radius); padding: 6px; }
.fl-zone.over { border-color: var(--accent); background: var(--accent-soft); }
.fl-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fl-tools { display: flex; gap: 8px; flex-wrap: wrap; }
.fl-table { width: 100%; border-collapse: collapse; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.fl-table th, .fl-table td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.fl-table th { background: var(--panel2); color: var(--muted); font-weight: 600; font-size: calc(12px * var(--fs, 1)); }
.fl-name { background: none; border: 0; padding: 0; color: var(--text); text-align: left; overflow-wrap: anywhere; }
.fl-name:hover { color: var(--accent); text-decoration: underline; }
.fl-act { text-align: right; white-space: nowrap; }
.fl-act .btn { margin-left: 6px; }
@media (max-width: 700px) { .fl-table th:nth-child(3), .fl-table td:nth-child(3), .fl-table th:nth-child(4), .fl-table td:nth-child(4) { display: none; } .fl-act { white-space: normal; } }

.fl-tabs { display: flex; gap: 6px; padding: 10px 16px 0; max-width: 1000px; margin: 0 auto; flex-wrap: wrap; }
.cloud-card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; margin: 0 0 14px; display: flex; flex-direction: column; gap: 10px; }
.cloud-card h3 { margin: 0; }
.cloud-card ol { margin: 6px 0 0 18px; padding: 0; }
.pill.cloud-connected { color: var(--accent); border-color: var(--accent); }
.pill.cloud-error { color: var(--danger); border-color: var(--danger); }
.cloud-pick { min-height: 160px; display: flex; flex-direction: column; gap: 10px; }