/* ==========================================================
   SPRINT 5.6 — CROSS-BROWSER COMPATIBILITY
   Camada de compatibilidade sem alteração da identidade visual.
   ========================================================== */

/* Consistent sizing and intrinsic media behavior */
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}

/* Safari/iOS: form controls inherit typography and avoid native rounding surprises */
button,input,select,textarea{-webkit-appearance:none;appearance:none;font:inherit}
button{-webkit-tap-highlight-color:transparent}
input,select,textarea{border-radius:0}

/* iOS Safari prevents automatic input zoom when controls are smaller than 16px */
@supports (-webkit-touch-callout:none){
  input,select,textarea{font-size:max(16px,1em)}
}

/* Safe viewport fallback: 100vh first, modern dynamic viewport second */
.conversion-modal{min-height:100vh;min-height:100dvh}

/* Safari backdrop-filter requires prefixed implementation */
.privacy-consent{
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

/* Masking is used decoratively; prefixed version keeps Safari rendering aligned */
.management-diagnostic::before{
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.management-diagnostic__visual::before{
  -webkit-mask-image:radial-gradient(circle,#000,transparent 72%);
  mask-image:radial-gradient(circle,#000,transparent 72%);
}

/* content-visibility is progressive enhancement. Browsers without it render normally. */
@supports (content-visibility:auto){
  .section-deferred{content-visibility:auto;contain-intrinsic-size:1px 900px}
}

/* Firefox: predictable scrollbar behavior without changing WebKit browsers */
@supports (scrollbar-width:thin){
  .management-assessment,.conversion-dialog{scrollbar-width:thin}
}

/* High-contrast / forced-colors support */
@media (forced-colors:active){
  a,button,input,select,textarea{forced-color-adjust:auto}
  .ikg-technology__panel,.management-diagnostic__stage,.privacy-consent{border:1px solid CanvasText}
}

/* Touch devices: do not depend on hover-only feedback */
@media (hover:none){
  .management-options button:hover{transform:none}
}

/* Notched iPhones / standalone browser safe areas */
@supports (padding:max(0px)){
  .privacy-consent{
    bottom:max(1rem,env(safe-area-inset-bottom));
    margin-left:env(safe-area-inset-left);
    margin-right:env(safe-area-inset-right);
  }
}

/* Older browsers that do not support gap in flex layouts receive spacing fallback. */
@supports not (gap:1rem){
  .privacy-consent__actions>*+*,.ikg-tech__actions>*+*,.management-result__actions>*+*{margin-left:.75rem}
}

/* Reduced motion remains consistent across engines */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}