/* ISA Render: responsividade compartilhada */
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
.profile-cancel-link{width:max-content!important;min-height:0!important;margin-top:9px!important;padding:0!important;display:inline!important;border:0!important;background:transparent!important;color:#ff7188!important;font-size:9px!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important;cursor:pointer}.profile-cancel-link:hover{color:#ff9bad!important}.profile-cancelled-note{display:block;margin-top:9px;color:#79dda0;font-size:9px;font-weight:800}
.profile-billing{margin:0 0 18px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #ff879b35;border-radius:20px;background:#ff657d0b;color:#f6f0f8}.profile-billing small{color:#ff98aa;font-size:8px;font-weight:900;letter-spacing:.15em}.profile-billing h2{margin:7px 0 5px;font-size:20px}.profile-billing p{max-width:720px;margin:0;color:#a99eae;font-size:10px;line-height:1.55}.profile-billing button,.profile-cancel-request{flex:0 0 auto;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ff879b55;border-radius:11px;background:#ff657d12;color:#ffadba;font-weight:800;cursor:pointer}.profile-billing button:hover,.profile-cancel-request:hover{background:#ff657d22;color:#fff}
.profile-billing-actions{display:flex;gap:8px}.profile-billing .cancel-subscription{background:#ff526b25;border-color:#ff6d8388;color:#ffc2cb}.profile-billing.cancellation-scheduled{border-color:#71dda052;background:#49c9810d}.profile-billing.cancellation-scheduled small{color:#8ce9b2}.cancellation-status{flex:0 0 auto;padding:10px 13px;border:1px solid #71dda055;border-radius:999px;background:#49c98115;color:#9ceabd;font-size:10px;font-weight:850}
.member-links{-ms-overflow-style:none;scrollbar-width:none}
.member-links::-webkit-scrollbar,.skill-tabs::-webkit-scrollbar{display:none}

@media(max-width:700px){
  .profile-billing{align-items:stretch;flex-direction:column;padding:19px}.profile-billing-actions{flex-direction:column}.profile-billing button,.profile-cancel-request{width:100%}.cancellation-status{align-self:flex-start}.profile-cancel-link{width:max-content!important}
  .nav{height:72px;padding:0 16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px}
  .nav .brand{flex:0 1 auto;font-size:11px;white-space:nowrap}
  .nav .brand i{width:38px;height:38px}
  .nav-links{display:flex!important;margin-left:auto;gap:0!important}
  .nav-links>a{display:none!important}
  .nav .nav-links>a[href="/login"]:not(.btn),
  .nav.dark-context .nav-links>a[href="/login"]:not(.btn),
  .nav .nav-links>a[href="/login"]:not(.btn):visited{display:inline-flex!important;min-height:42px;padding:0 17px;align-items:center;justify-content:center;border:1px solid #efb5ff!important;border-radius:11px;background:linear-gradient(135deg,#df69ff,#bd39e8)!important;color:#fff!important;font-size:12px;font-weight:850;opacity:1!important;filter:none!important;box-shadow:0 8px 24px #c747ed48,inset 0 1px #ffffff66;text-shadow:0 1px 2px #641176}

  .overview-hero[data-fold]{min-height:0!important;height:auto!important;padding:40px 18px 0!important;display:flex!important;align-items:stretch!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important}
  .overview-hero[data-fold]:after{display:none!important}
  .overview-hero .overview-copy{order:1;width:100%!important;max-width:none!important;margin:0!important;padding:0 2px 34px!important}
  .overview-hero .overview-copy h1{font-size:clamp(40px,12vw,54px)!important;line-height:.94!important}
  .overview-hero .overview-copy>p{color:#746b79!important;font-size:15px!important;line-height:1.55!important}
  .overview-background{order:2;position:relative!important;z-index:0!important;inset:auto!important;width:100%!important;max-width:520px!important;height:auto!important;margin:0 auto 18px!important;aspect-ratio:4/3;display:block!important;object-fit:cover!important;object-position:68% center!important;border-radius:18px;pointer-events:none}
  .compositor-lab-body{min-height:0!important}
  .compositor-canvas{min-height:clamp(420px,112vw,560px)!important}
  #isa-effects-canvas>img.effect-main,
  #isa-effects-canvas>img.effect-transition-old,
  #isa-effects-canvas .effect-color-before img{object-fit:cover!important;object-position:center center!important}
  .section{padding:70px 18px}
  .section-head{margin-bottom:34px}
  .section-head h2{font-size:clamp(35px,11vw,48px)}
  .section-head p{font-size:15px}
  .overview-actions,.hero-actions{width:100%;align-items:stretch!important;flex-direction:column}
  .overview-actions .btn,.hero-actions .btn,.overview-actions a,.hero-actions a{width:100%;min-height:48px}
  .pain-card,.price-card,.enterprise-card,.proof-card,.feature{padding:22px!important}
  .skill-showcase{padding-top:70px;padding-bottom:70px}
  .skill-stage{min-height:470px}
  .skill-panel-copy{left:18px;right:18px;bottom:20px}
  .skill-panel-copy h3{font-size:30px}
  .interface-gallery figcaption{padding:17px}

  .member-nav{position:sticky!important;top:0;z-index:60}
  .member-links{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .member-links a{min-height:42px;display:flex;align-items:center;scroll-snap-align:start}
  .dash,.projects-page,.profile-page,.support-page,.support-admin,.my-tickets,.help-page,.download-page{width:100%;min-width:0;padding-left:14px!important;padding-right:14px!important}
  .dash-welcome h1,.projects-page-head h1,.profile-page h1,.support-copy h1,.my-tickets-head h1,.help-hero-v2 h1,.download-hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1!important}
  .dash-title,.projects-page-head,.my-tickets-head,.profile-page-head,.support-head{align-items:flex-start;flex-direction:column}
  .dash-title{gap:7px}
  .project-head{flex-direction:column}
  .project-cost{text-align:left}
  .projects-toolbar{align-items:stretch;flex-direction:column}
  .projects-toolbar label{min-width:0;width:100%}
  .folder-grid,.project-summary,.unorganized>div{grid-template-columns:1fr!important}
  .project-summary>div{border-right:0;border-bottom:1px solid #ffffff13}
  .project-file>header,.scene-title{align-items:flex-start;flex-direction:column;gap:10px}
  .scene-renders{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conversation-message{max-width:100%}
  .customer-reply,.help-article-dialog>div{padding:18px}
  dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  input,select,textarea{max-width:100%;font-size:16px}
  button,.btn,a.btn{touch-action:manipulation}
}

@media(max-width:650px){
  body.admin-body,body.seller-body{padding-bottom:76px}
  .sidebar{display:flex!important;position:fixed!important;inset:auto 0 0 0!important;width:100%!important;height:76px!important;padding:6px 8px!important;border:1px solid #ffffff18!important;border-width:1px 0 0!important;background:#100c15f2!important;backdrop-filter:blur(20px);z-index:100!important}
  .sidebar .logo,.sidebar-foot{display:none!important}
  .sidebar nav{width:100%;display:flex!important;gap:4px;overflow-x:auto;scrollbar-width:none}
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav button,.sidebar nav button:not(.active){position:relative;flex:0 0 auto;width:auto!important;min-width:70px;min-height:62px;padding:7px 10px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px!important;text-align:center;white-space:nowrap}
  .sidebar nav button.active{box-shadow:inset 0 -3px #df86ff!important}
  .sidebar nav i{width:auto;font-size:17px}
  .sidebar nav b{position:absolute;margin:0 0 27px 31px}
  main{margin:0!important;padding-bottom:0}
  .topbar{min-height:78px;height:auto;padding:14px 16px;gap:12px}
  .topbar h1{font-size:23px}
  .top-actions{flex:0 0 auto}
  #content{width:100%;min-width:0;padding:16px 12px 28px}
  .kpis{grid-template-columns:1fr}
  .grid2,.ticket-layout,.user-summary,.form-grid,.seo-kpis{grid-template-columns:1fr!important}
  .panel,.utm-library,.utm-generator{padding:16px}
  .toolbar,.action-row,.dialog-actions{align-items:stretch;flex-direction:column}
  .toolbar input,.toolbar select,.toolbar button,.action-row button{width:100%;min-width:0}
  .table-wrap{max-width:100%;overflow-x:auto}
  .ticket-list{max-height:280px}
  .message{max-width:94%}
  dialog form{padding:22px 16px}
}

@media(max-width:420px){
  .overview-hero[data-fold]{padding-left:18px!important;padding-right:18px!important}
  .overview-hero .overview-copy h1{font-size:clamp(40px,12.5vw,52px)!important}
  .scene-renders,.render-grid{grid-template-columns:1fr!important}
  .metric,.device,.project{min-width:0}
}