/* ── PawaHosting File Browser CSS ── */

.pwfb-wrap {}

/* Icônes fichiers */
.pwfb-icon { font-size: 18px; display: inline-block; width: 24px; text-align: center; }

/* Ligne fichier hover */
#pwfb-tbody tr { cursor: pointer; transition: background .1s; }
#pwfb-tbody tr:hover { background: #f0f7ff; }
#pwfb-tbody tr.pwfb-dir td:first-child + td { font-weight: 600; }

/* Actions contextuelles — apparaissent au hover */
.pwfb-actions {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity .15s;
    flex-wrap: wrap;
    justify-content: flex-end;
}
#pwfb-tbody tr:hover .pwfb-actions { opacity: 1; }

.pwfb-action-btn {
    background: none;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 11px;
    cursor: pointer;
    color: #475569;
    white-space: nowrap;
    transition: background .1s, border-color .1s;
}
.pwfb-action-btn:hover        { background: #f1f5f9; border-color: #cbd5e1; }
.pwfb-action-btn.danger:hover { background: #fef2f2; border-color: #fca5a5; color: #b91c1c; }

/* Breadcrumb */
.pwfb-crumb {
    color: #2563eb;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 500;
}
.pwfb-crumb:hover { background: #eff6ff; }
.pwfb-crumb-sep   { color: #cbd5e1; }

/* Toast */
#pwfb-toast.error   { background: #b91c1c; }
#pwfb-toast.success { background: #15803d; }

/* Upload drop zone */
#pwfb-explorer.pwfb-drop {
    border: 2px dashed #2563eb;
    background: #eff6ff;
}

/* Taille colonne */
.pwfb-size { color: #94a3b8; font-size: 12px; }
.pwfb-date { color: #94a3b8; font-size: 12px; }

/* ── Enrichissements ── */
#pwfb-bulk-bar { animation: slideDown .2s ease; }
@keyframes slideDown { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }

.pwfb-action-btn { white-space:nowrap; }
.pwfb-action-btn.danger { border-color:#fca5a5; color:#b91c1c; }
.pwfb-action-btn.danger:hover { background:#fef2f2; }

#pwfb-editor-textarea { tab-size: 4; }
#pwfb-editor-textarea:focus { box-shadow: inset 0 0 0 2px #2563eb; }

.pwfb-mode { cursor:pointer; }
.pwfb-mode:hover { color:#2563eb !important; text-decoration:underline; }

/* Checkbox alignement */
#pwfb-tbody td:first-child { text-align:center; }
thead td:first-child { text-align:center; }

/* Toast types */
#pwfb-toast.success { background:#15803d; }
#pwfb-toast.error   { background:#b91c1c; }
