.avis-pdf-pages{width:100%;max-height:calc(92vh - 116px);padding:14px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:auto;background:#fff;box-sizing:border-box}
.avis-pdf-page{position:relative;max-width:100%}
.avis-pdf-pages canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:none}
.avis-pdf-pages.is-loading,.mail-preview-pdf.is-loading{display:grid;place-items:center;color:#756c70;font:12px/1.4 Aptos,'Segoe UI',Arial,sans-serif}

/* Reported directly: "activate the text recognition effect. Means highlighting and copy of
   text in the document you are signing / working on." Each rendered PDF page is a flat raster
   canvas with nothing to select - this is pdf.js's own .textLayer, laid out as invisible,
   precisely positioned spans over the canvas from the page's real extracted text, so it reads
   and copies like normal text without changing how the page itself looks. Lifted verbatim (the
   selection/highlight mechanics are load-bearing) from pdfjs-dist's own web/pdf_viewer.css -
   only this layer's rules, not the rest of that file's full viewer chrome. */
.textLayer{--csstools-color-scheme--light:initial;color-scheme:only light;position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:0}
.textLayer.highlighting{touch-action:none}
.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}
.textLayer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}
.textLayer > :not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}
.textLayer .markedContent{display:contents}
.textLayer span[role="img"]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}
.textLayer ::-moz-selection{background:rgba(0 0 255 / 0.25);background:color-mix(in srgb, AccentColor, transparent 75%)}
.textLayer ::selection{background:rgba(0 0 255 / 0.25);background:color-mix(in srgb, AccentColor, transparent 75%)}
.textLayer br::-moz-selection{background:transparent}
.textLayer br::selection{background:transparent}
.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.textLayer.selecting .endOfContent{top:0}

/* Reported directly: "just click on the pdf form field and filling by typing or passing text."
   pdf.js's own .annotationLayer, lifted verbatim from pdfjs-dist's web/pdf_viewer.css (subset:
   text-field widgets only, which cover every case reported so far), laid over the canvas the same
   way .textLayer is above. --scale-round-x/-y and the inset:0 fallback matter here even though
   pdf.js's own reference CSS omits inset:0: without both, the layer's width/height calc (pdf.js
   uses CSS round(), which needs those two custom properties) silently resolves to 0x0 and every
   percentage-positioned field inside collapses to the top-left corner instead of its real
   position on the page. */
.annotationLayer{--annotation-unfocused-field-background:rgba(0,54,255,.13);--input-focus-border-color:Highlight;--input-unfocused-border-color:transparent;--scale-round-x:1px;--scale-round-y:1px;position:absolute;inset:0;pointer-events:none;transform-origin:0 0}
.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;user-select:none}
.annotationLayer .textWidgetAnnotation :is(input,textarea){background-color:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}
.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px}
.attachment-list{margin:14px 0 0 50px!important;padding:0!important;border:0;display:block!important}
.mail-attachment-previews{display:flex;flex-wrap:wrap;gap:18px;width:100%;align-items:flex-start}
.mail-attachment-preview{position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(588px,100%);padding:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none;text-align:left;cursor:pointer}
.mail-attachment-preview:hover{border:0;box-shadow:none}
.mail-preview-image,.mail-preview-video{display:block;width:588px;max-width:100%;height:384px;border:0;object-fit:contain;background:transparent}
.mail-preview-pdf{display:flex;width:588px;max-width:100%;height:675px;border:0;pointer-events:none;overflow:hidden;align-items:flex-start;justify-content:center;background:transparent}
.mail-preview-pdf canvas{display:block;max-width:100%;height:auto;border:0;box-shadow:none}
.mail-preview-generic{width:102px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:#7f172a}
.mail-preview-generic svg{width:25px;height:25px}.mail-preview-generic strong{font:700 8px Aptos,'Segoe UI',Arial,sans-serif}
.mail-preview-caption{display:block;padding:3px 0 0;border:0;background:transparent;font-family:Aptos,'Segoe UI',Arial,sans-serif;min-width:0}
.mail-preview-caption strong{display:block;font-size:7px;line-height:1.2;color:#403a3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview-caption small{display:block;margin-top:1px;font-size:6px;line-height:1.2;color:#8a8084}
.mail-preview-badge{position:absolute;top:7px;right:7px;padding:4px 6px;border-radius:5px;background:rgba(127,23,42,.92);color:#fff;font:700 8px/1 Aptos,'Segoe UI',Arial,sans-serif;letter-spacing:.04em}

#corporateMenu,.corporate-menu,.app-shell.corporate-menu-open .corporate-menu{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important}

.landing-hero{margin:0!important;padding:0!important;aspect-ratio:2048/749!important;contain:layout paint;background:#fff!important;overflow:hidden!important}
.landing-hero-image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;image-rendering:auto!important;filter:none!important;transform:none!important}
.landing-sectors{margin:0!important;padding:0!important;border:0!important;background:#fff!important}
.landing-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:0!important;margin:0!important}
.landing-tile{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;overflow:hidden!important;transform:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;transform-origin:center!important}
.landing-tile img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;image-rendering:auto!important;margin:0!important;border:0!important;border-radius:0!important;transform:none!important}
.landing-tile.selected,.landing-tile:focus-visible{z-index:2;outline:0!important;outline-offset:0!important;border:0!important;border-radius:0!important;box-shadow:0 12px 24px rgba(0,0,0,.2)!important;filter:saturate(1.08) contrast(1.03);transform:translateY(-4px) scale(1.015)!important}
.landing-tile:active{transform:scale(.97)!important;filter:brightness(.92)}
.landing-tile.landing-activated{animation:landing-tile-confirm .4s ease}
@media(hover:hover){.landing-tile:hover{z-index:2;box-shadow:0 12px 24px rgba(0,0,0,.2)!important;filter:saturate(1.08) contrast(1.03);transform:translateY(-4px)!important}.landing-tile:hover img{transform:none!important}}
@keyframes landing-tile-confirm{45%{filter:brightness(.9) saturate(1.15);transform:scale(.975)}100%{filter:saturate(1.08);transform:translateY(-4px) scale(1.015)}}

.rail-item,.rail-item:hover,.rail-item.active{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.rail-item img{width:52px!important;height:52px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.rail-item.active img{filter:none!important}
.rail-item.active{color:#174f3d!important}

@media(max-width:980px){.landing-grid{overflow-x:auto!important;grid-template-columns:repeat(6,minmax(180px,1fr))!important}}
@media(max-width:720px){.avis-attachment-header{padding:10px 12px}.avis-attachment-stage{max-height:calc(94vh - 116px);padding:0}.avis-attachment-frame{width:94vw;height:72vh}.avis-attachment-image,.avis-attachment-video{max-width:94vw;max-height:72vh}.avis-attachment-footer{padding:9px 12px}.attachment-list{margin-left:0!important}.mail-attachment-preview,.mail-preview-image,.mail-preview-video,.mail-preview-pdf{width:min(588px,100%)}.compose-signature .genesis-signature-style-2{width:460px;max-width:460px}.compose-signature .genesis-signature-style-3{width:150px;max-width:150px;min-width:150px}.compose-signature .genesis-signature-style-4{width:130px;max-width:130px;min-width:130px}.compose-signature .genesis-signature-style-5{width:310px;max-width:310px;min-width:310px}.landing-grid{grid-template-columns:repeat(6,minmax(155px,42vw))!important}}
