/* SERVE_EXPLORER_MEDIA_CSS_20261002 */


.serve-media-thumb{
 position:relative;

 display:flex;
 align-items:center;
 justify-content:center;

 overflow:hidden;

 flex:0 0 auto;

 box-sizing:border-box;

 border:1px solid #dedee3;
 border-radius:7px;

 background:#f7f7f9;

 color:#55555b;

 pointer-events:none;
}


.serve-media-thumb-tile{
 width:58px;
 height:70px;
}


.serve-media-thumb-compact{
 width:29px;
 height:36px;

 border-radius:5px;
}


.serve-media-thumb-large{
 width:86px;
 height:104px;

 border-radius:10px;
}


.serve-media-thumb img,
.serve-media-thumb iframe{
 width:100%;
 height:100%;

 display:block;

 border:0;

 object-fit:cover;

 pointer-events:none;
}


.serve-media-thumb-pdf iframe{
 transform:scale(1.02);

 transform-origin:center;
}


.serve-media-thumb-badge{
 position:absolute;

 right:3px;
 bottom:3px;

 padding:2px 3px;

 border-radius:3px;

 background:rgba(255,255,255,.92);

 color:#111;

 font-size:5px;
 font-weight:800;
 line-height:1;
}


.serve-media-thumb-text{
 display:-webkit-box;

 padding:5px;

 overflow:hidden;

 -webkit-box-orient:vertical;
 -webkit-line-clamp:6;

 color:#36363b;

 font-family:
  ui-monospace,
  SFMono-Regular,
  Menlo,
  Monaco,
  Consolas,
  monospace;

 font-size:5px;
 line-height:1.2;

 text-align:left;

 word-break:break-word;
}


.serve-media-thumb-large
.serve-media-thumb-text{
 padding:8px;

 font-size:7px;

 -webkit-line-clamp:9;
}


.serve-media-thumb-generic{
 font-size:7px;
 font-weight:800;
 letter-spacing:.02em;
}


.serve-media-thumb-large
.serve-media-thumb-generic{
 font-size:11px;
}


.serve-media-thumb-host{
 display:flex !important;
 align-items:center;
 justify-content:center;
}


/*
 * Tile bekommt bewusst eine etwas größere Vorschau,
 * damit es sich tatsächlich wie Finder anfühlt.
 */
.serve-explorer-tile
.serve-explorer-tile-icon{
 width:64px !important;
 height:74px !important;
}


/*
 * Details-Zeile:
 * Thumbnail ersetzt nur das alte Dateisymbol.
 */
.serve-explorer-detail-name
> .serve-media-thumb{
 margin-right:8px;
}


/*
 * Info-Inspector links.
 */
.serve-info-row-icon
.serve-media-thumb{
 width:32px;
 height:40px;
}


/*
 * Große Vorschau im Datei-Inspector.
 */
.serve-info-hero
> .serve-media-thumb-large{
 flex:0 0 86px;
}


/*
 * Preview-Header darf zusätzliche Aktionen aufnehmen.
 */
.serve-explorer-preview-actions{
 flex-wrap:wrap;
 justify-content:flex-end;
}


#serveExplorerPreviewExport{
 white-space:nowrap;
}


@media(max-width:700px){

 .serve-media-thumb-tile{
  width:52px;
  height:64px;
 }

 .serve-media-thumb-large{
  width:72px;
  height:88px;
 }

}



/* ============================================================
   SERVE_EXPLORER_UI_FIX_20261002
   ============================================================ */


/*
 * PDF-Miniaturen ohne sichtbaren internen Viewer-Scrollbar.
 */
.serve-media-thumb-pdf{
 overflow:hidden !important;
}


.serve-media-thumb-pdf iframe{
 position:absolute !important;

 top:-2px !important;
 left:0 !important;

 width:calc(100% + 20px) !important;
 max-width:none !important;

 height:calc(100% + 4px) !important;

 border:0 !important;

 transform:none !important;

 overflow:hidden !important;

 pointer-events:none !important;
}


/*
 * Alter Download-Knopf bleibt nur unsichtbar als
 * Entry-ID-Träger im bestehenden Preview-DOM erhalten.
 */
#serveExplorerPreviewDownload{
 display:none !important;
}


/*
 * Exportmenü
 */
.serve-explorer-preview-actions{
 position:relative;
}


.serve-preview-export-menu{
 position:absolute;

 top:calc(100% + 8px);
 right:48px;

 z-index:50;

 min-width:190px;

 padding:6px;

 border:1px solid #dedee3;
 border-radius:12px;

 background:#fff;

 box-shadow:
  0 14px 34px
  rgba(0,0,0,.14);
}


.serve-preview-export-menu[hidden]{
 display:none !important;
}


.serve-preview-export-menu button{
 display:block;

 width:100%;

 padding:10px 12px;

 border:0 !important;
 border-radius:8px;

 background:transparent !important;

 color:#111 !important;

 font:inherit;
 font-size:10px !important;
 font-weight:650 !important;

 text-align:left;

 cursor:pointer;
}


.serve-preview-export-menu button:hover{
 background:#f3f3f5 !important;
}


/*
 * Finder-artige Mausauswahl.
 */
#serveExplorerContent{
 position:relative !important;

 user-select:none !important;
 -webkit-user-select:none !important;
}


.serve-explorer-marquee{
 position:fixed;

 z-index:999999;

 display:none;

 pointer-events:none;

 box-sizing:border-box;

 border:1px solid #6b9df7;
 border-radius:3px;

 background:
  rgba(
   75,
   137,
   245,
   .14
  );
}


.serve-explorer-marquee.active{
 display:block;
}


body.serve-explorer-marquee-active,
body.serve-explorer-marquee-active *{
 user-select:none !important;
 -webkit-user-select:none !important;
}



/* SERVE_EXPLORER_FOLDER_CENTER_20261002 */

/*
 * Der Thumbnail-Wrapper ist breiter als das Ordnersymbol.
 * Ordner deshalb innerhalb dieses Wrappers exakt zentrieren.
 */
.serve-explorer-tile
.serve-explorer-tile-icon{
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
}


.serve-explorer-tile
.serve-explorer-tile-icon
> .serve-explorer-icon.folder{
 margin-left:auto !important;
 margin-right:auto !important;
}