.bci-workspace { display: grid; grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.bci-toolbar { position: sticky; top: calc(var(--header-height, 4rem) + var(--space-3)); overflow: hidden; }
.bci-toolbar .card__body { display: grid; gap: var(--space-4); }
.bci-main { min-width: 0; }
.bci-assignment-filters { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.bci-chip { min-height: 2rem; padding: 0 var(--space-3); border: 1px solid var(--border-color); border-radius: var(--radius-full); background: var(--bg-primary); font-size: var(--text-xs); font-weight: var(--font-medium); }
.bci-chip:hover, .bci-chip.active { border-color: var(--accent); background: var(--accent); color: var(--text-inverse); }
.bci-extra-filters { display: grid; grid-template-columns: 1fr; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border-color); }
.bci-extra-filters .btn { width: 100%; }
.bci-primary { font-weight: var(--font-semibold); color: var(--text-primary); }
.bci-secondary { margin-top: var(--space-1); font-size: var(--text-xs); color: var(--text-secondary); }
.bci-upload-drop { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding: var(--space-8); border: 1px dashed var(--border-strong); border-radius: var(--radius-lg); background: var(--bg-tertiary); text-align: center; }
.bci-page .data-table tr:has(.badge--warning) { background: var(--warning-soft); }
@media (max-width: 760px) { .bci-workspace { grid-template-columns: 1fr; } .bci-toolbar { position: static; } }
@media (max-width: 560px) { .bci-assignment-filters { align-items: stretch; } .bci-assignment-filters > span { width: 100%; } .bci-chip { flex: 1; } }