/* ===============================================================
 * MASTER E PROFESSIONI — LOCAL VISUAL REVIEW v0.8.3
 * Scoped layout polish. Remove this sheet to restore the underlying composition.
 * Font sizes in the three homepage stylesheets are enlarged by 20%.
 * This file compensates for the new footprint; no commerce or LMS rules here.
 * =============================================================== */

/* Desktop & laptop HUD. The smartphone has an independent surface. */
html[data-vmag-mode="desktop"] .logo{
  width:360px;
  padding-left:40px;
  height:38px;
}
html[data-vmag-mode="desktop"] .top-hud .navigation{
  left:32px;
  top:50px;
  gap:3px;
}
html[data-vmag-mode="desktop"] .navigation button{
  min-width:116px;
  height:38px;
  padding:0 21px;
  line-height:1.1;
}
html[data-vmag-mode="desktop"] .navigation .nav-dots{
  top:44px;
}

/* One continuous left-column hierarchy: wordmark → tabs → search. */
html[data-vmag-mode="desktop"] #vmag-search{
  position:fixed;
  top:124px;
  left:52px;
  right:auto;
  width:min(372px,calc(100vw - 104px));
  z-index:35;
}
html[data-vmag-mode="desktop"] #vmag-search .vs-field{
  min-height:43px;
  height:43px;
  padding:0 15px;
  gap:12px;
  background:linear-gradient(100deg,rgba(3,14,19,.96),rgba(4,23,29,.9));
  border-color:rgba(86,217,242,.32);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
}
html[data-vmag-mode="desktop"] #vmag-search:focus-within{z-index:45}
html[data-vmag-mode="desktop"] #vmag-search .vs-panel{top:50px;left:0;right:auto}
html[data-vmag-mode="desktop"] #vmag-search svg{width:17px;height:17px}
html[data-vmag-mode="desktop"] #vmag-search input{letter-spacing:.7px;line-height:1.3}

/* Larger typography needs larger content frames, not overlaid text. */
html[data-vmag-mode="desktop"] .mission-panel{width:440px}
html[data-vmag-mode="desktop"] .mission-meta{
  min-height:31px;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  gap:5px 9px;
  padding:0 0 7px;
  letter-spacing:.3px;
}
html[data-vmag-mode="desktop"] .mission-title{
  min-height:52px;
  height:auto;
  line-height:1.08;
  padding:10px 26px 10px 12px;
  overflow-wrap:anywhere;
}
html[data-vmag-mode="desktop"] .mission-box{min-height:185px;padding:15px 16px}
html[data-vmag-mode="desktop"] .description{max-width:none}
html[data-vmag-mode="desktop"] .effect-copy{min-width:0}
html[data-vmag-mode="desktop"] .rewards{
  left:clamp(474px,31.2vw,548px);
  width:280px;
  height:auto;
  min-height:119px;
  padding:12px 13px;
}
html[data-vmag-mode="desktop"] .reward{min-height:36px;height:auto}
html[data-vmag-mode="desktop"] body.vmag-home-promo .reward{height:auto;min-height:31px}
html[data-vmag-mode="desktop"] .reward-value{white-space:nowrap}

/* Premium HUD chat target. The entire plate is a real keyboard-accessible button.
   It preserves Crisp's privacy-first, click-to-load integration. */
html[data-vmag-mode="desktop"] .operators{
  right:20px;
  width:380px;
  height:112px;
  padding:0;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(150deg,rgba(17,58,70,.28),transparent 42%),
    linear-gradient(110deg,rgba(4,19,26,.97),rgba(2,9,14,.97));
  border:1px solid rgba(105,201,218,.54);
  border-left:2px solid rgba(113,226,240,.78);
  border-bottom:2px solid rgba(90,199,220,.64);
  clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% 100%,18px 100%,0 calc(100% - 18px));
  box-shadow:inset 0 0 35px rgba(49,170,199,.11),0 0 30px rgba(8,75,94,.15);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
html[data-vmag-mode="desktop"] .operators::before{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:18px;
  right:19px;
  height:3px;
  background:linear-gradient(90deg,#e1ac55 0 17%,rgba(111,221,234,.6) 17% 49%,transparent 85%);
  pointer-events:none;
}
html[data-vmag-mode="desktop"] .operators::after{
  content:"";
  position:absolute;
  z-index:1;
  bottom:12px;
  right:20px;
  width:65px;
  height:1px;
  background:linear-gradient(90deg,transparent,#91e1ec);
  box-shadow:0 0 9px rgba(101,228,239,.44);
  pointer-events:none;
}
html[data-vmag-mode="desktop"] .operators:hover,
html[data-vmag-mode="desktop"] .operators:focus-within{
  border-color:rgba(141,236,248,.9);
  background:linear-gradient(125deg,rgba(20,61,73,.93),rgba(3,14,20,.98));
  box-shadow:inset 0 0 34px rgba(65,189,216,.16),0 0 30px rgba(53,207,228,.17);
}
html[data-vmag-mode="desktop"] .operators .briefing{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  height:100%;
  margin:0;
  padding:24px 22px 0;
  border:0;
  background:transparent;
  color:#f4f7f2;
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size:23px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.6px;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  text-shadow:0 0 17px rgba(164,238,245,.16);
}
html[data-vmag-mode="desktop"] .operators .briefing::before{
  content:"";
  position:absolute;
  left:23px;
  top:64px;
  width:8px;
  height:8px;
  background:#55d8d8;
  transform:rotate(45deg);
  box-shadow:0 0 11px rgba(63,219,231,.55);
}
html[data-vmag-mode="desktop"] .operators .briefing::after{
  content:"LINEA DIRETTA  /  ORIENTAMENTO";
  position:absolute;
  top:63px;
  left:42px;
  color:#88b9bf;
  font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.85px;
  white-space:nowrap;
}
html[data-vmag-mode="desktop"] .operators .briefing:hover,
html[data-vmag-mode="desktop"] .operators .briefing:focus-visible{
  color:#fff;
  background:rgba(56,188,212,.035);
}
html[data-vmag-mode="desktop"] .operators .briefing:focus-visible{
  outline:2px solid #a4eaf5;
  outline-offset:-7px;
}
html[data-vmag-mode="desktop"] .operators .briefing.is-crisp-loading{opacity:.88;cursor:progress}
html[data-vmag-mode="desktop"] .operators .operator-list{
  right:21px;
  top:24px;
  width:100px;
  height:24px;
  display:grid;
  grid-template-columns:repeat(4,19px);
  gap:7px;
  pointer-events:none;
  z-index:3;
}
html[data-vmag-mode="desktop"] .operators .operator{
  width:17px;
  height:17px;
  border-color:#c4e6e8;
  background:rgba(14,49,58,.55);
  box-shadow:0 0 8px rgba(77,199,222,.18);
}
html[data-vmag-mode="desktop"] .operators .operator::after{
  left:-3px;
  right:-3px;
  bottom:-6px;
  height:5px;
  border-color:#b3d8dc;
}

/* Laptop HUD shrink in spacing only; text remains ~20% larger. */
@media (min-width:1001px) and (max-width:1599px){
  html[data-vmag-mode="desktop"] .operators{width:350px;height:102px;right:15px}
  html[data-vmag-mode="desktop"] .operators .briefing{font-size:21px;padding-top:23px;padding-left:19px}
  html[data-vmag-mode="desktop"] .operators .briefing::before{left:21px;top:60px}
  html[data-vmag-mode="desktop"] .operators .briefing::after{left:39px;top:59px;font-size:9px}
  html[data-vmag-mode="desktop"] .operators .operator-list{top:24px;right:15px;gap:6px;grid-template-columns:repeat(4,18px);width:90px}
  html[data-vmag-mode="desktop"] .rewards{left:474px;width:262px}
  html[data-vmag-mode="desktop"] #vmag-search{width:340px}
}
@media (min-width:1001px) and (max-height:820px){
  html[data-vmag-mode="desktop"] .mission-panel{width:425px}
  html[data-vmag-mode="desktop"] .mission-box{min-height:0;padding:12px 14px}
  html[data-vmag-mode="desktop"] .mission-meta{min-height:24px;padding-bottom:4px}
  html[data-vmag-mode="desktop"] .rewards{min-height:0;padding:10px 12px}
  html[data-vmag-mode="desktop"] .operators{height:100px}
}
@media (min-width:601px) and (max-width:1000px){
  html[data-vmag-mode="desktop"] #vmag-search{left:24px;top:122px;width:min(350px,calc(100vw - 48px))}
  html[data-vmag-mode="desktop"] .operators{width:310px;right:14px;height:96px}
  html[data-vmag-mode="desktop"] .operators .briefing{font-size:20px;padding-top:21px;padding-left:17px}
  html[data-vmag-mode="desktop"] .operators .operator-list{right:12px;top:21px;gap:4px;grid-template-columns:repeat(4,17px);width:80px}
  html[data-vmag-mode="desktop"] .operators .briefing::before{left:19px;top:55px}
  html[data-vmag-mode="desktop"] .operators .briefing::after{left:36px;top:54px;font-size:9px}
  html[data-vmag-mode="desktop"] .mission-panel{width:390px}
}

/* The mobile site remains 2D, lightweight and naturally scrollable. */
html[data-vmag-mode="mobile"] .mep-m-head{
  display:flex;
  flex-direction:column;
  max-width:620px;
}
html[data-vmag-mode="mobile"] .mep-m-search{
  width:100%;
  margin:12px 0 10px;
  min-height:46px;
  height:46px;
}
html[data-vmag-mode="mobile"] .mep-m-search input{height:44px;letter-spacing:.45px}
html[data-vmag-mode="mobile"] .mep-m-search button{height:46px}
html[data-vmag-mode="mobile"] .mep-m-nav,
html[data-vmag-mode="mobile"] .mep-m-dots{width:calc(100% - 24px)}
html[data-vmag-mode="mobile"] .mep-m-chat-panel{
  width:100%;
  position:relative;
  min-height:59px;
  margin:0 0 4px;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(108deg,rgba(13,51,62,.93),rgba(2,14,20,.97));
  border:1px solid rgba(88,201,224,.62);
  border-left:2px solid #79d9e9;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,10px 100%,0 calc(100% - 10px));
}
html[data-vmag-mode="mobile"] .mep-m-chat-panel::before{
  content:"";
  position:absolute;
  top:0;
  left:10px;
  width:80px;
  height:2px;
  background:linear-gradient(90deg,#e5ad4e,rgba(85,212,226,.4));
  pointer-events:none;
}
html[data-vmag-mode="mobile"] .mep-m-chat-launcher{
  width:100%;
  height:59px;
  margin:0;
  padding:0 120px 0 15px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent;
  color:#fff;
  border:0;
  font:800 15px/1.1 "Trebuchet MS",Arial,sans-serif;
  letter-spacing:.6px;
  clip-path:none;
  text-align:left;
}
html[data-vmag-mode="mobile"] .mep-m-chat-launcher:focus-visible{
  outline:2px solid #b6eff5;
  outline-offset:-5px;
  background:rgba(51,163,183,.12);
}
html[data-vmag-mode="mobile"] .mep-m-chat-operators{
  position:absolute;
  z-index:2;
  top:19px;
  right:15px;
  display:grid;
  grid-template-columns:repeat(4,14px);
  gap:7px;
  pointer-events:none;
}
html[data-vmag-mode="mobile"] .mep-m-chat-operators i{
  width:14px;height:14px;
  border:1px solid #bde5e8;
  border-radius:50% 50% 35% 35%;
  position:relative;
}
html[data-vmag-mode="mobile"] .mep-m-chat-operators i::after{
  content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:4px;
  border:1px solid #bde5e8;border-radius:5px 5px 0 0;
}
@media(max-width:390px){
  html[data-vmag-mode="mobile"] .mep-m-chat-launcher{font-size:13px;padding-right:107px}
  html[data-vmag-mode="mobile"] .mep-m-chat-operators{right:12px;gap:5px}
}
@media(prefers-reduced-motion:reduce){
  html[data-vmag-mode="desktop"] .operators{transition:none}
}
/* Accessible commerce failures and withdrawal entry point; no scene/layout redesign. */
[data-mep-buy-error]{color:#ffe1b4;font:14px/1.6 system-ui,sans-serif;white-space:normal}
.mep-legal-bar__legal>a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:inherit;white-space:nowrap}
@media(max-width:600px){.mep-legal-bar__legal{flex-wrap:wrap;row-gap:4px}}