/* ---------- Seitenleiste anpassen: eigene Ordner ---------- */
      .sbFolder {
        background: var(--surface-2);
        border: 1px solid var(--border);
        border-radius: var(--r-md);
        padding: var(--s3);
        display: flex;
        flex-direction: column;
        gap: var(--s2);
      }
      .sbFolder.sbNew {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px var(--primary-tint);
      }
      .sbRow {
        display: flex;
        gap: var(--s2);
        align-items: center;
        flex-wrap: wrap;
      }
      .sbRow > .input.f1 {
        flex: 1;
        min-width: 140px;
        width: auto;
      }
      .sbSel {
        width: auto;
        max-width: 170px;
      }
      .sbLoose {
        padding: var(--s1) var(--s3);
      }
      .sbTag {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        color: var(--ink-3);
        font-size: var(--fs-xs);
        white-space: nowrap;
      }
      .sbItems {
        display: flex;
        flex-direction: column;
        gap: var(--s2);
        padding-left: var(--s4);
      }
      .sbDupHint {
        font-size: var(--fs-xs);
        color: var(--warning);
      }
      .sbEmpty {
        font-size: var(--fs-xs);
        color: var(--ink-3);
        padding: var(--s3);
        border: 1px dashed var(--border-strong);
        border-radius: var(--r-sm);
        background: var(--surface);
        text-align: center;
      }
      @media (prefers-reduced-motion: reduce) {
        .sbFolder {
          transition: none;
        }
      }