/* ===== RESET & BASE ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
  font-family: 'Inter', sans-serif; 
  background-color: #F0F2F5; 
  font-size: 14px; 
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #E8EAED; }
::-webkit-scrollbar-thumb { background: #B0B8C1; border-radius: 3px; }

/* ===== TYPOGRAPHY & CODE ===== */
.sfi-code { 
  font-family: 'SF Mono', monospace;
  color: #8E96A3; 
  font-size: 0.75rem;
  min-width: 50px;
  display: inline-block;
}
.sfi-code-bold {
  font-family: 'SF Mono', monospace;
  background: #E8EAED;
  color: #2C3E50;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 500;
}