/* ALA ERP pilot: original dashboard pixels on white, softly shadowed pages. */
#ala-screens.ax-flipbook-section{background:#fff!important;padding-block:clamp(40px,5vw,76px)!important;overflow:clip}
#ala-screens.ax-flipbook-section>.ala-wrap{width:min(1480px,calc(100% - 64px))!important;max-width:1480px!important}
#ala-screens.ax-flipbook-section .ala-section-heading{display:block!important;text-align:center;margin:0 auto 38px!important;max-width:920px}
#ala-screens.ax-flipbook-section .ala-section-heading h2{color:#191c3d!important}
#ala-screens.ax-flipbook-section .ala-section-heading h2 em{color:#ed2048!important}
#ala-screens.ax-flipbook-section .ala-section-heading>p{max-width:none!important;margin:18px auto 0!important;color:#596b89!important}
#ala-screens.ax-flipbook-section .ala-gallery-toolbar,#ala-screens.ax-flipbook-section .ala-gallery-track{display:none!important}
.ax-flipbook{--book-ratio:1752/991;position:relative;color:#191c3d;width:100%;font-family:'DM Sans',sans-serif;isolation:isolate}
.ax-flip-stage{position:relative;width:calc(100% - 120px);max-width:1220px;margin:0 auto 32px;aspect-ratio:var(--book-ratio);touch-action:pan-y;cursor:grab;isolation:isolate;outline:none}
.ax-flip-stage:active{cursor:grabbing}
.ax-flip-stage::before,.ax-flip-stage::after{content:'';position:absolute;inset:8px -5px -8px;background:repeating-linear-gradient(to bottom,#fff 0px,#fff 3px,#d1e5ff 3px,#d1e5ff 4px);border:1px solid #e8ebef;border-radius:14px;z-index:-2;pointer-events:none}
.ax-flip-stage::before{inset:15px -10px -15px;box-shadow:0 26px 38px -21px #16213955,0 6px 10px #1621390c}
.ax-flip-page{position:absolute;inset:0;padding:8px;background:#fff!important;border:1px solid #bae1fd;border-radius:14px;box-shadow:0 4px 12px #16213908;overflow:hidden}
.ax-flipbook .ax-flip-page img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;filter:none!important;user-select:none;-webkit-user-drag:none;cursor:inherit}
.ax-flip-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;pointer-events:none;z-index:3}
.ax-flip-canvas[hidden]{display:none}
.ax-flip-bookmark{position:absolute;top:-14px;left:12%;width:22px;height:45px;background:#ed2048;clip-path:polygon(0 0,100% 0,100% 100%,50% 79%,0 100%);filter:drop-shadow(0 3px 3px #7b173622);z-index:4;pointer-events:none}
.ax-flipbook button{font-family:inherit;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;color:#191c3d;background:#fff;border:1px solid #e9edf4}
.ax-flipbook button:disabled{opacity:.3;cursor:default}
.ax-flipbook button:not(:disabled):hover{background:#f9fbff;box-shadow:0 6px 18px #191c3d15;transform:translateY(-1px)}
.ax-flipbook button:focus-visible,.ax-flipbook select:focus-visible,.ax-flip-stage:focus-visible{outline:3px solid #5482f9;outline-offset:5px}
.ax-flip-side{position:absolute;top:calc(var(--flip-page-height,500px)/2 - 24px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 20px #191c3d12;z-index:5;padding:0}
.ax-flip-side[data-flip-prev]{left:max(0px,calc(50% - var(--flip-page-width,calc(100% - 120px))/2 - 76px))}.ax-flip-side[data-flip-next]{right:max(0px,calc(50% - var(--flip-page-width,calc(100% - 120px))/2 - 76px))}
.ax-flipbook svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;display:block;flex:none}
.ax-flip-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:5}
.ax-flipbook .ax-flip-small{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:0}
.ax-flip-count{font-size:15px;font-weight:600;min-width:62px;text-align:center;font-variant-numeric:tabular-nums}
.ax-flip-count span{color:#8590a5;font-weight:400}
.ax-flipbook .ax-flip-expand{display:flex;align-items:center;gap:9px;border:0;border-left:1px solid #dfe5ed;border-radius:0;padding:7px 0 7px 20px;font-size:13px;box-shadow:none}
.ax-flip-caption{margin:18px 0 0!important;text-align:center;font-size:15px!important;font-weight:500;color:#2d356e!important;line-height:1.5}
.ax-flip-help{margin:6px 0 0!important;text-align:center;color:#78869d!important;font-size:12px!important;line-height:1.6}
.ax-flip-picker{display:block;margin:18px auto 0;max-width:100%;border:1px solid #e2e7ef;border-radius:8px;background:#fff;color:#2d356e;padding:8px 30px 8px 12px;font:400 12px 'DM Sans',sans-serif}
.ax-flip-status{min-height:18px;font-size:12px!important;color:#a42646!important;text-align:center;margin:8px 0 0!important}
.ax-flip-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 32px 24px;background:#fff;border:0;overflow:auto;overscroll-behavior:contain;z-index:2147483646}
.ax-flip-dialog::backdrop{background:#fff}
.ax-flip-dialog[open]{display:grid;place-items:center}
.ax-flip-dialog .ax-flipbook{max-width:1500px;margin:auto}
.ax-flip-dialog .ax-flip-stage{width:min(calc(100% - 120px),calc((100dvh - 260px)*1.7679));max-width:1500px}
.ax-flip-close{display:none!important}
.ax-flip-dialog .ax-flip-close{display:grid!important;position:fixed;right:20px;top:16px;place-items:center;width:36px;height:36px;border-radius:50%;padding:0;z-index:10}
.ax-flip-notes{margin-top:34px;border-top:1px solid #e8edf4;padding-top:20px}
.ax-flip-notes summary{cursor:pointer;color:#2d356e;font-size:14px;font-weight:500;padding-block:8px}
@media(max-width:760px){#ala-screens.ax-flipbook-section>.ala-wrap{width:calc(100% - 28px)!important}.ax-flip-stage{width:calc(100% - 24px);margin-bottom:30px}.ax-flip-page{padding:4px;border-radius:9px}.ax-flip-side{display:none!important}.ax-flip-controls{gap:12px}.ax-flip-bookmark{width:15px;height:32px;top:-10px}.ax-flip-dialog{padding:64px 12px 20px}.ax-flip-dialog .ax-flip-stage{width:calc(100% - 24px)}.ax-flip-help{padding-inline:10px}#ala-screens.ax-flipbook-section .ala-section-heading{margin-bottom:30px!important}}
@media(prefers-reduced-motion:reduce){.ax-flipbook *{transition:none!important;scroll-behavior:auto!important}}

/* Fit the viewer plus heading and controls below laptop sticky headers. */
@media(min-width:761px) and (max-height:900px){
 #ala-screens.ax-flipbook-section{padding-block:24px!important;scroll-margin-top:90px}
 #ala-screens.ax-flipbook-section .ala-section-heading{margin-bottom:20px!important}
 #ala-screens.ax-flipbook-section .ala-section-heading h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important}
 #ala-screens.ax-flipbook-section .ala-section-heading>p{margin-top:10px!important;font-size:14px!important;line-height:1.45!important}
 .ax-flip-stage{width:min(calc(100% - 120px),calc((100dvh - 280px)*1.7679));margin-bottom:22px}
 .ax-flip-caption{margin-top:10px!important;font-size:14px!important}
 .ax-flip-picker{margin-top:10px;padding-block:6px}
 .ax-flip-status:empty{display:none}
 .ax-flip-notes{margin-top:16px;padding-top:10px}
 .ax-flip-dialog{padding-block:50px 16px}
 .ax-flip-dialog .ax-flip-stage{width:min(calc(100% - 120px),calc((100dvh - 230px)*1.7679))}
}

/* Laptop review: one-line title and larger dashboard, matching the marked area. */
@media(min-width:1024px) and (max-height:900px){
 #ala-screens.ax-flipbook-section{padding-block:16px!important}
 #ala-screens.ax-flipbook-section .ala-section-heading{max-width:none;margin-bottom:16px!important}
 #ala-screens.ax-flipbook-section .ala-section-heading h2{font-size:clamp(30px,3vw,42px)!important;white-space:nowrap}
 #ala-screens.ax-flipbook-section .ala-section-heading h2 br{display:none}
 #ala-screens.ax-flipbook-section .ala-section-heading h2 em{display:inline!important;margin-left:.22em}
 #ala-screens.ax-flipbook-section .ala-section-heading>p{margin-top:8px!important}
 .ax-flip-stage{margin-bottom:22px}
}

.ax-product-flipbook{width:100%;margin:36px auto}
img.ax-new-dashboard,.ax-current-dashboard img,.ax-single-dashboard img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1752/991!important;object-fit:contain!important;background:#fff!important;padding:8px!important;border:1px solid #bae1fd!important;border-radius:14px!important;box-shadow:0 16px 30px -18px #191c3d55!important;transform:none!important;filter:none!important}
.ax-current-dashboard{background:#fff!important;padding:0!important;border-radius:14px!important;overflow:visible!important}
.ax-single-dashboard{margin:16px auto;max-width:1000px}

/* Keep every uploaded dashboard in the same landscape display geometry. */
.ax-flip-stage{box-sizing:border-box;flex-shrink:0}
.ax-flipbook .ax-flip-page img{box-sizing:border-box;min-width:0!important;min-height:0!important;padding:0!important;aspect-ratio:1752/991!important}
img.ax-new-dashboard,.ax-current-dashboard img,.ax-single-dashboard img{box-sizing:border-box;min-height:0!important;max-height:none!important}
