/* Mehrere Ordner und Dateien auswählen und löschen (Projekt-Dateien, Admin; dateien-auswahl.js) */
.files-select-toggle{min-height:36px}
.files-select-toggle.selected{background:var(--primary);border-color:var(--primary);color:#fff}

/* Einträge in der Auswahl: Häkchen oben links, gewählte mit blauem Rahmen */
.files-selecting .sel-item{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}
.files-selecting .sel-item *{pointer-events:none}
.files-selecting .sel-off{opacity:.38;cursor:not-allowed}
.sel-check{position:absolute;top:10px;left:10px;z-index:5;width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:rgba(17,26,46,.28);box-shadow:0 1px 4px rgba(17,26,46,.35);transition:background .12s,transform .12s}
.sel-on>.sel-check{background:var(--primary);transform:scale(1.06)}
.sel-on>.sel-check::after{content:"";position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.folder-tile>.sel-check{left:auto;right:12px;top:12px;width:30px;height:30px}   /* links oben steht „Ordner“ */
.folder-tile.sel-on>.sel-check::after{left:10px;top:4px;width:7px;height:14px}
.files-selecting .folder-tile.sel-on{outline:3px solid var(--primary);outline-offset:3px;border-radius:20px}
.files-selecting .folder-tile.sel-on .folder-tile-art{opacity:.82}
.files-selecting .shell .workspace .file-gallery .sel-item.file-row,.files-selecting .shell .workspace .file-gallery .sel-item.file-bundle{padding-left:52px}   /* stärker als die Zeilen-Regel in style.css */
.files-selecting .file-row.sel-item>.sel-check,.files-selecting .file-bundle.sel-item>.sel-check{top:50%;margin-top:-13px;left:12px;border-color:var(--line);background:#fff}
.files-selecting .file-row.sel-on>.sel-check,.files-selecting .file-bundle.sel-on>.sel-check{background:var(--primary);border-color:var(--primary)}
.files-selecting .file-row.sel-on,.files-selecting .file-bundle.sel-on{outline:2px solid var(--primary);outline-offset:-2px;background:var(--nav-active-bg)}

/* Leiste unten */
.files-select-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1200;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;border-radius:16px;background:var(--primary-deep);color:#fff;box-shadow:0 12px 34px rgba(17,26,46,.32)}
.files-select-count{display:flex;flex-direction:column;line-height:1.2;margin-right:6px}
.files-select-count small{color:rgba(255,255,255,.72);font-size:.78rem}
.files-select-bar .secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.files-select-bar .secondary:hover:not(:disabled){background:rgba(255,255,255,.2)}
.files-select-bar button:disabled{opacity:.45}
.files-select-delete{background:#b3402a!important;border-color:#b3402a!important;color:#fff!important}
.files-select-delete:hover:not(:disabled){background:#9c3020!important}
.files-selecting main{padding-bottom:110px}
.files-selecting .jpa{display:none!important}   /* JP-Assistent unten rechts, solange ausgewählt wird */

/* Bestätigen und Fortschritt */
.sel-delete-list{margin:8px 0 12px;padding-left:20px;max-height:180px;overflow:auto}
.sel-delete-list small{color:var(--muted)}
.sel-delete-note{padding:9px 12px;border-radius:10px;background:var(--amber-bg);color:var(--amber-text)}
.sel-progress{margin:10px 0 14px}
.sel-progress-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.sel-progress-bar span{display:block;height:100%;width:0;background:var(--primary);transition:width .25s}
.sel-progress p{margin:8px 0 0;font-size:.9rem}

@media (max-width:640px){
  .files-select-bar{left:12px;right:12px;bottom:12px;transform:none;width:auto;max-width:none;padding:10px 12px}
  .files-select-count{flex:1 1 100%;flex-direction:row;gap:8px;align-items:baseline;margin:0}
  .files-select-bar button{flex:1}
}
