.folderbar{display:flex;align-items:center;gap:12px;margin:30px 0 12px;min-height:46px}
.breadcrumbs{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto;white-space:nowrap}
.crumb{border:0;background:transparent;color:#607089;padding:8px 6px;border-radius:8px;font-weight:600}
.crumb:hover{background:#e8f0ff;color:var(--blue)}
.crumb.current{color:var(--ink);font-weight:800}
.crumb-sep{color:#a7b1c0}
.new-folder{border:0;background:var(--navy);color:#fff;border-radius:11px;padding:10px 14px;white-space:nowrap}
.folder-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:142px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;cursor:pointer;position:relative;user-select:none}
.folder-card:hover,.folder-card.drop-ready{transform:translateY(-3px);border-color:#9dbcf7;box-shadow:0 16px 35px #17202f12;background:#f9fbff}
.folder-card.drop-ready{outline:3px solid #2563eb28}
.folder-icon{width:68px;height:50px;border-radius:8px 10px 10px 10px;background:linear-gradient(145deg,#64a4ff,#2563eb);position:relative;box-shadow:inset 0 -8px 15px #164eb740}
.folder-icon:before{content:"";position:absolute;left:0;top:-9px;width:31px;height:13px;border-radius:7px 7px 0 0;background:#64a4ff}
.folder-name{font-weight:800;margin-top:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-sub{color:var(--muted);font-size:12px;margin-top:4px}
.folder-card .folder-more{position:absolute;right:10px;top:10px;border:0;background:#f2f5f9;color:#68788f;width:32px;height:32px;border-radius:9px}
@media(max-width:720px){.folderbar{align-items:stretch}.new-folder{position:sticky;right:0}.folder-card{min-height:128px;padding:16px}.folder-icon{width:58px;height:43px}}