/* Keep content types visible in a narrow motion bank. */
.sd-bank .sd-bank-tools{display:block;padding:0 calc(var(--cb-editor-space) * 0.65) calc(var(--cb-editor-space) * 0.5)}
.sd-bank .sd-kind-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.25);width:100%;padding:0}
.sd-bank .sd-kind-tab{--type-ink:var(--cb-primary);--type-fill:var(--cb-primary-soft);display:grid;grid-template-columns:14px auto;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.2);padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.3);min-width:0;min-height:47px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-surface);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.25 * var(--cb-leading-scale))}
.sd-bank .sd-kind-tab[data-value=pack]{--type-ink:var(--cb-pack);--type-fill:var(--cb-pack-soft)}
.sd-bank .sd-kind-tab[data-value=combo]{--type-ink:var(--cb-combo);--type-fill:var(--cb-combo-soft)}
.sd-bank .sd-kind-tab small{grid-column:1/-1;font-size:calc(9px * var(--cb-type-scale));font-variant-numeric:tabular-nums;opacity:.8;line-height:1.1}
.sd-bank .sd-kind-tab.is-active{background:var(--type-fill);color:var(--type-ink);border-color:var(--type-ink);box-shadow:inset 0 0 0 .5px var(--type-ink)}
.sd-bank .sd-kind-tab:hover{color:var(--type-ink);border-color:var(--type-ink)}
.sd-bank .sd-kind-tab:focus-visible,.sd-combo-load:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.sd-bank-search-row{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);margin:0 13px 9px;flex-shrink:0;min-width:0}
.sd-bank-search-row>.sd-search{flex:1;margin:0;min-width:0}
.sd-bank-search-row .sd-bank-library-actions{gap:calc(var(--cb-editor-space) * 0.1)}
.sd-bank-search-row .sd-icon-button{width:26px;min-width:26px}
.sd-bank .sd-preview-kind{top:8px;left:8px;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.3);gap:calc(var(--cb-editor-space) * 0.2);font-size:calc(10px * var(--cb-type-scale));font-weight:650;box-shadow:var(--cb-shadow);background:var(--cb-preview-surface);color:var(--cb-text);border:var(--cb-border-width) solid var(--cb-border)}
.sd-bank .sd-preview-kind.is-pack{background:var(--cb-pack-soft);color:var(--cb-pack);border-color:var(--cb-pack)}
.sd-bank .sd-preview-kind.is-combo{background:var(--cb-combo-soft);color:var(--cb-combo);border-color:var(--cb-combo)}
.sd-type-badge{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.25);line-height:calc(1.15 * var(--cb-leading-scale));color:var(--cb-text);background:var(--cb-inset);font-size:calc(9px * var(--cb-type-scale));font-weight:600;white-space:nowrap;flex-shrink:0}
.sd-type-badge.is-pack{color:var(--cb-pack);background:var(--cb-pack-soft);border-color:var(--cb-pack)}
.sd-type-badge.is-combo{color:var(--cb-combo);background:var(--cb-combo-soft);border-color:var(--cb-combo)}
.sd-bank .sd-motion-card.is-pack{border-color:var(--cb-pack)}
.sd-bank .sd-motion-card.is-combo{border-color:var(--cb-combo)}
.sd-bank .sd-motion-card.is-combo.is-active,.sd-bank .sd-combo-row.is-active{border-color:var(--cb-combo);box-shadow:0 0 0 1px var(--cb-focus);background:var(--cb-combo-soft)}
.sd-motion-card.is-combo .sd-card-selected{background:var(--cb-primary)}
.sd-card-sequence{font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale));color:var(--cb-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}
.sd-card-info .sd-combo-parent{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);color:var(--cb-info-ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-card-info .sd-combo-parent .cb-icon{flex-shrink:0}
.sd-combo-load{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.15);min-height:27px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.3);border:var(--cb-border-width) solid var(--cb-combo);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-combo-soft);color:var(--cb-combo);font-size:calc(9px * var(--cb-type-scale));white-space:nowrap;cursor:pointer}
.sd-combo-load:hover{background:var(--cb-combo-soft);border-color:var(--cb-combo)}
.sd-bank .sd-combo-row .sd-combo-route-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--cb-muted);line-height:calc(1.55 * var(--cb-leading-scale))}
.sd-bank .sd-media-row .sd-motion-copy>span{align-items:center;gap:calc(var(--cb-editor-space) * 0.2);flex-wrap:wrap}
.sd-bank .sd-combo-row .sd-motion-copy>span>i:last-child{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-bank .sd-combo-row .sd-motion-meta{min-width:40px}
.sd-bank .sd-combo-row .sd-row-actions{padding-right:calc(var(--cb-editor-space) * 0.35);flex-direction:column;gap:calc(var(--cb-editor-space) * 0.2)}
.sd-bank.is-expanded .sd-card-sequence{font-size:calc(11px * var(--cb-type-scale));min-height:36px}
.sd-bank.is-expanded .sd-preview-kind{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.35)}
.sd-bank.is-expanded .sd-combo-load{font-size:calc(11px * var(--cb-type-scale));min-height:29px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.45)}
@media(min-width:1001px){
  .sd-bank.is-expanded{grid-template-rows:63px 67px 48px minmax(0,1fr) auto}
  .sd-bank.is-expanded>.sd-bank-tools{grid-column:3;grid-row:2;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.8) calc(var(--cb-editor-space) * 0.45) 0}
  .sd-bank.is-expanded>.sd-bank-search-row{grid-column:1;grid-row:3;margin:0 0 12px 16px}
}
@container motion-bank (min-width:540px){
  .sd-bank-search-row{margin-left:17px;margin-right:17px}
  .sd-bank .sd-combo-row .sd-combo-route-text{font-size:calc(10px * var(--cb-type-scale))!important}
  .sd-bank .sd-combo-row .sd-row-actions{flex-direction:row;padding-right:calc(var(--cb-editor-space) * 0.6);gap:calc(var(--cb-editor-space) * 0.4)}
  .sd-bank .sd-type-badge{font-size:calc(10px * var(--cb-type-scale))}
}
@container motion-bank (max-width:310px){
  .sd-bank .sd-kind-tab{font-size:calc(9px * var(--cb-type-scale));grid-template-columns:12px auto;gap:calc(var(--cb-editor-space) * 0.15);padding-left:calc(var(--cb-editor-space) * 0.15);padding-right:calc(var(--cb-editor-space) * 0.15)}
  .sd-bank .sd-kind-tab>.cb-icon{width:12px;height:12px}
  .sd-bank .sd-preview-kind{font-size:calc(9px * var(--cb-type-scale));left:5px;top:5px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.25)}
  .sd-card-footer .sd-combo-load{font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.2)}
  .sd-card-footer .sd-combo-load>.cb-icon{display:none}
  .sd-bank .sd-type-badge{font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.2)}
}
@media(max-width:1000px){
  .sd-bank .sd-kind-tab{font-size:calc(11px * var(--cb-type-scale));min-height:48px}
  .sd-bank .sd-bank-tools{padding-left:calc(var(--cb-editor-space) * 0.8);padding-right:calc(var(--cb-editor-space) * 0.8)}
  .sd-bank-search-row{margin-left:16px;margin-right:16px}
}