/* CVyarat V6 — preview, showcase and mobile-auth release */

/* Every miniature is an A4 viewport. JavaScript calculates the exact scale
   from the rendered card size; these rules remove the old fixed-scale crop. */
.studioMini .tplCanvas,
.premiumShowFrame .tplCanvas,
.premiumBuilderMini .tplCanvas,
.adminTplPreview .tplCanvas,
.authPreviewCard .tplCanvas{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  display:block!important;
  padding:0!important;
}
.studioMini .tplCanvas>.cvPaper,
.studioMini .tplCanvas>.cv-page,
.premiumShowFrame .tplCanvas>.cvPaper,
.premiumShowFrame .tplCanvas>.cv-page,
.premiumBuilderMini .tplCanvas>.cvPaper,
.premiumBuilderMini .tplCanvas>.cv-page,
.adminTplPreview .tplCanvas>.cvPaper,
.adminTplPreview .tplCanvas>.cv-page,
.authPreviewCard .tplCanvas>.cvPaper,
.authPreviewCard .tplCanvas>.cv-page{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  margin:0!important;
  transform:scale(.24)!important;
  transform-origin:top left!important;
  box-shadow:0 16px 35px rgba(10,28,52,.16)!important;
}
.studioMini .tplCanvas[data-preview-fitted="true"]{background:#f4f7fb!important}
body.dark .studioMini .tplCanvas[data-preview-fitted="true"]{background:#081321!important}
.studioTemplate .studioMini{isolation:isolate}
.studioTemplate .studioMini:after{
  content:"A4";
  position:absolute;
  right:7px;
  bottom:7px;
  z-index:5;
  padding:3px 6px;
  border-radius:7px;
  background:rgba(7,24,45,.78);
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  backdrop-filter:blur(8px);
  pointer-events:none;
}

/* Curated home portfolio: three distinct, full-page CVs. */
.neoTemplateGrid{gap:22px!important}
.neoTemplateGrid .premiumShowcaseCard{
  min-height:585px!important;
  padding:15px!important;
  border-color:rgba(255,255,255,.22)!important;
  background:linear-gradient(165deg,rgba(255,255,255,.14),rgba(255,255,255,.055))!important;
  box-shadow:0 24px 65px rgba(0,0,0,.16)!important;
}
.neoTemplateGrid .premiumShowcaseCard:nth-child(3){display:flex!important}
.neoTemplateGrid .premiumShowcaseCard.showcase-0{--showcase-glow:#4f46e5}
.neoTemplateGrid .premiumShowcaseCard.showcase-1{--showcase-glow:#f59e0b}
.neoTemplateGrid .premiumShowcaseCard.showcase-2{--showcase-glow:#06b6d4}
.neoTemplateGrid .premiumShowcaseCard:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-65px;
  bottom:-65px;
  border-radius:50%;
  background:var(--showcase-glow,var(--v5-mint));
  filter:blur(58px);
  opacity:.30;
  pointer-events:none;
}
.neoTemplateGrid .premiumShowcaseCard .premiumLiveThumb{
  height:420px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:linear-gradient(145deg,#f8fbff,#e9f1f9)!important;
  box-shadow:inset 0 0 0 1px rgba(11,35,63,.05),0 18px 40px rgba(0,0,0,.16)!important;
}
.neoTemplateGrid .premiumShowcaseCard .premiumShowFrame{height:100%!important;width:100%!important}
.neoTemplateGrid .premiumShowcaseCard .premiumMeta{padding:2px 3px 1px!important}
.neoTemplateGrid .premiumShowcaseCard .premiumMeta b{font-size:19px!important;letter-spacing:-.025em}
.neoTemplateGrid .premiumShowcaseCard .premiumRibbon{
  top:24px!important;
  right:24px!important;
  left:auto!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(6,23,43,.86)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
}

@media(max-width:900px){
  .neoTemplateGrid .premiumShowcaseCard{min-height:545px!important}
  .neoTemplateGrid .premiumShowcaseCard .premiumLiveThumb{height:380px!important}
}
@media(max-width:640px){
  .neoTemplateGrid .premiumShowcaseCard{min-height:535px!important}
  .neoTemplateGrid .premiumShowcaseCard .premiumLiveThumb{height:370px!important}
}

@media print{
  .studioTemplate .studioMini:after{display:none!important}
}

/* V6.1 — PDF-form thumbnails use `.cv-page`, not the older `.cvPaper` class.
   This centered A4 fallback is visible even if JavaScript is delayed or a
   previously cached layout stylesheet is still completing. Inline auto-fit
   values replace it as soon as the exact card dimensions are available. */
.studioMini .tplCanvas>.pdfInspiredCv{
  position:absolute!important;
  width:210mm!important;
  height:297mm!important;
  min-height:297mm!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(.174)!important;
  transform-origin:center center!important;
  box-shadow:0 14px 30px rgba(8,27,50,.16)!important;
}
.studioMini .tplCanvas>.pdfInspiredCv .pdfPhoto{
  max-width:44mm!important;
  max-height:50mm!important;
}
.adminTplPreview .tplCanvas>.pdfInspiredCv{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(.43)!important;
  transform-origin:center center!important;
}
@media(max-width:820px){
  .studioMini .tplCanvas>.pdfInspiredCv{transform:translate(-50%,-50%) scale(.184)!important}
  .adminTplPreview .tplCanvas>.pdfInspiredCv{transform:translate(-50%,-50%) scale(.31)!important}
}