/* =====================================================================
   BASE — reset mínimo y fondo del lienzo
   ===================================================================== */
*{box-sizing:border-box;}
html,body{height:100%; margin:0;}
body{
  font-family:var(--ui); background:var(--canvas); color:var(--text1); overflow:hidden;
  background-image:
    radial-gradient(ellipse 900px 500px at 8% -10%, rgba(16,106,224,.06), transparent),
    radial-gradient(ellipse 700px 500px at 100% 0%, rgba(176,141,87,.05), transparent);
}
svg.icon{display:block; flex-shrink:0;}
button{font-family:inherit;}
table{width:100%; border-collapse:collapse; font-size:13px;}

@keyframes fadeIn{from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:translateY(0);}}
.fade{animation:fadeIn .22s ease;}