/* EccoPrint_Reorder – PDF-preview (PDF.js) i Swissup Orderattachment-raekker.
   Bruges i Firecheckout, kundens ordrevisning og admin-ordrefanen (base-area layout).
   Swissup-kontekst: .swissup-attachment-row-content {display:flex} > .order-attachment-preview {width:25%; text-align:center}
   Fix wave 2026-08-27 (punkt 4): .eo-pdf-preview er en <div>, ikke et link - previewet er rent
   visuelt og ikke klikbart (ingen ny fane). Eneste handlinger paa raekken er Swissups egne
   Download/Slet, saa der er ingen hover/focus-tilstand at style her. */

.order-attachment-preview .eo-pdf-preview {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 160px;
    max-width: 100%;
    margin: 0 auto 4px;
    background: #fff;
    border: 1px solid #c9c9c9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    line-height: 0;
    overflow: hidden;
}

/* Fix wave 2026-08-27 (concern 1, task-3-4-report.md): paa mobil er preview-kolonnen smallere end
   160px, saa canvas'et skal kunne skrumpe. Mixin'en satte tidligere inline style.width/style.height
   i CSS-px (samme tal som PREVIEW_WIDTH/beregnet hoejde) - inline style vinder altid over disse
   klasse-regler for BAADE width og height, saa kun width blev klemt ned af max-width mens height
   blev staaende paa den inline px-vaerdi -> ovalt/forvraenget billede. Rettelsen fjerner de to
   inline style-linjer i order-attachment-mixin.js (renderFirstPage) og lader CSS alene styre den
   viste stoerrelse: width:100% (op til max-width:160px) + height:auto udleder hoejden af canvas'ets
   EGNE width/height-ATTRIBUTTER (den rigtige pixel-boks der tegnes i, saettes stadig i JS via
   scale*dpr) - saa proportionerne bevares paa alle skaermbredder, og skarpheden er uaendret, fordi
   selve raster-opløsningen (canvas.width/canvas.height) slet ikke aendres af denne rettelse. */
.order-attachment-preview .eo-pdf-canvas {
    display: block;
    width: 100%;
    height: auto;
    max-width: 160px;
}

/* Loader: tom hvid ramme i A4-proportion + spinner indtil side 1 er rendret */
.order-attachment-preview .eo-pdf-preview.eo-pdf-loading {
    min-height: 226px; /* 160px * 1.414 */
}

.order-attachment-preview .eo-pdf-preview.eo-pdf-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #999;
    border-top-color: transparent;
    border-radius: 9999px;
    animation: eo-pdf-spin 700ms linear infinite;
}

@keyframes eo-pdf-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.order-attachment-preview .eo-pdf-pages {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.2;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    border-radius: 3px;
}

/* Firecheckout smal visning: Swissup saetter preview til fuld bredde – previewet forbliver 160 px, centreret */
.fc-size-xs .order-attachment-preview .eo-pdf-preview,
.fc-size-s .order-attachment-preview .eo-pdf-preview {
    display: block;
}

/* Leverance 6: kopier af en tidligere ordres trykfil maerkes i Swissups liste (order-attachment-mixin.js) */
.eo-attachment-origin {
    display: block;
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}