#storage-panel { padding-bottom: 32px; }
.storage-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 20px; }
.storage-breadcrumbs button { color: var(--accent, #235d80); }
.storage-dropzone { border: 2px dashed #b6c8d5; border-radius: 12px; background: #f5f9fc; padding: 30px; text-align: center; }
.storage-drag-over .storage-dropzone { border-color: #236f9d; background: #e4f1fa; }
.storage-folder-form { display: flex; align-items: end; gap: 12px; margin: 24px 0; }
.storage-folder-form label { flex: 1; max-width: 420px; }
.storage-list { border: 1px solid #dce4ea; border-radius: 10px; overflow: hidden; }
.storage-list > p { padding: 20px; }
.storage-row { display: flex; align-items: center; gap: 16px; padding: 16px; background: white; border-bottom: 1px solid #e8edf1; }
.storage-row:last-child { border-bottom: 0; }
.storage-name { flex: 1; min-width: 0; overflow-wrap: anywhere; text-align: left; }
.storage-row select { max-width: 260px; }
.storage-row[draggable=true] { cursor: grab; }
@media (max-width: 700px) { .storage-row { flex-wrap: wrap; gap: 10px; } .storage-name { flex-basis: 70%; } .storage-row label, .storage-row select { width: 100%; max-width: none; } }