.cbf-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.cbf-topbar .dsh-breadcrumb { margin: 0px; }
.cbf-topbar-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.cbf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 16px; }
.cbf-card { position: relative; background: var(--ui-card-bg); border: 1px solid var(--ui-line); border-radius: var(--ui-radius); padding: 18px 18px 16px; overflow: hidden; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s; }
.cbf-card:hover { transform: translateY(-4px); border-color: var(--ui-accent); }
@media (prefers-reduced-motion: reduce) {
  .cbf-card { transition: none; }
  .cbf-card:hover { transform: none; }
}
.cbf-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.cbf-card-title { display: flex; align-items: center; gap: 11px; min-width: 0px; }
.cbf-card-ico { flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: rgba(var(--ui-accent-rgb),.10); color: var(--ui-accent); }
.cbf-card-ico svg { width: 18px; height: 18px; }
.cbf-card-titletext { min-width: 0px; }
.cbf-card-name { font-weight: 700; font-size: 0.96rem; color: var(--ui-ink); letter-spacing: -0.01em; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbf-card-desc { font-size: 0.77rem; color: var(--ui-muted-2); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbf-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 100px; font-size: 0.68rem; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.cbf-badge-active { background: rgba(var(--ui-ok-rgb),.12); color: var(--ui-teal); }
.cbf-badge-draft { background: rgba(128, 128, 128, 0.14); color: var(--ui-muted); }
.cbf-dot { width: 6px; height: 6px; border-radius: 50%; background: currentcolor; flex-shrink: 0; }
.cbf-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.cbf-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 0.71rem; font-weight: 600; color: var(--ui-muted); background: var(--ui-hover); padding: 4px 10px; border-radius: var(--ui-radius-sm); }
.cbf-tag svg { width: 12px; height: 12px; color: var(--ui-accent); }
.cbf-stats { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: var(--ui-radius-sm); padding: 10px 13px; margin-bottom: 14px; }
.cbf-stat { display: flex; align-items: center; gap: 9px; min-width: 0px; }
.cbf-stat--exec { flex-direction: row-reverse; text-align: right; }
.cbf-stat-ico { flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--ui-card-bg); border: 1px solid var(--ui-line); color: var(--ui-muted); }
.cbf-stat-ico svg { width: 15px; height: 15px; }
.cbf-stat--exec .cbf-stat-ico { color: var(--ui-accent); }
.cbf-stat-v { font-size: 0.78rem; font-weight: 700; color: var(--ui-ink); line-height: 1.2; white-space: nowrap; }
.cbf-stat-v .cbf-time { color: var(--ui-muted-2); font-weight: 600; }
.cbf-stat-v .cbf-num { font-size: 1rem; color: var(--ui-accent); }
.cbf-stat-l { font-size: 0.62rem; color: var(--ui-muted-2); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px; }
.cbf-card-foot { display: flex; gap: 8px; align-items: center; }
.cbf-card-foot .cbf-foot-grow { flex: 1 1 0%; justify-content: center; }
.cbf-card-foot .cbf-foot-icon { flex: 0 0 auto; }
@media (max-width: 640px) {
  .cbf-grid { grid-template-columns: 1fr; gap: 12px; }
  .cbf-card { padding: 16px; }
  .cbf-card-name { font-size: 0.92rem; }
  .cbf-stats { padding: 9px 11px; }
  .cbf-stat-l { font-size: 0.6rem; }
}